$(document).ready(function(){		
		//configuracion ventana de linux
           var dialogOpcionesDialog = {
                modal: true,
                bgiframe: true,
                autoOpen: false,
                height: 500,
                width: 500,
                draggable: true,
                resizeable: false,
				buttons: {
					"OK": function() { 
						$(this).dialog("close"); 
					}
				},
                open: function() {
                //display correct dialog content				            
					return false;
				}
            };
			//configurar los dialogos con la función
			/*
            $("#contenidoPLANLinux").dialog(dialogOpcionesDialog);	//end dialog
			$("#contenidoPLANWindows").dialog(dialogOpcionesDialog);
			$("#contenidoPLANVPS").dialog(dialogOpcionesDialog);

			//indicar con qué botones se abren los diálogos
            $('#tablaLinux a ').click(
                function (){
                    $("#contenidoPLANLinux").dialog({show: 'slide'});
                    return false;
                }
            );			
			
			$('#tablaWindows a ').click(
                function (){
                    $("#contenidoPLANWindows").dialog({show: 'slide'});
                    return false;
                }
            );
			
			$('#tablaVPS a ').click(
                function (){
                    $("#contenidoPLANVPS").dialog({show: 'slide'});
                    return false;
                }
            );						
			*/			
			
			
			/*SCRIPT DE SLIDER*/
		  $("#content-slider-basico").slider({
			animate: true,
			change: handleSliderChange,
			slide: handleSliderSlide
		  });

			function handleSliderChange(e, ui) {
			  var maxScroll = $("#content-scroll").attr("scrollWidth") -
							  $("#content-scroll").width();
			  $("#content-scroll").animate({scrollLeft: ui.value *
				 (maxScroll / 100) }, 1000);
			}
			
			function handleSliderSlide(e, ui) {
			  var maxScroll = $("#content-scroll").attr("scrollWidth") -
							  $("#content-scroll").width();
			  $("#content-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) });
			}
			
			/*******************************
			
			TABS
			
			********************************/
			
            $("#tabs").tabs();
        });