$(document).ready(function() {

$('#galeria_mini').cycle({ 
    fx:     'scrollHorz', 
    prev:   '#gprev', 
    next:   '#gnext', 
    timeout: 0 
});

$('#idiomes').first().click(function() {
  $('.inactius',this).slideToggle('slow', function() {
    // Animation complete.
  });
});


// SLIDER ---------------------------------------------------------------------------------------------------------------------------------------------
//Variables modificables
var temps = 10000; // Retardo en cambio de imagen (milisegundos)
var canvi = 500; // Tiempo en la animacion (milisegundos)

$(".paging").show();
$(".paging a:first").addClass("active");
	
//Obtener el tamaño de las imagenes y cuantas hay. Así determinamos el tamaño del rotador.
var imageWidth = $(".window").width();
var imageSum = $(".rotador li").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".rotador").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){	
	var triggerID = $active.attr("rel") - 1; //Get number of times to slide
	var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

	$(".paging a").removeClass('active'); //Remove all active class
	$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
	
	//Slider Animation
	$(".rotador").animate({ left:-image_reelPosition}, canvi );
}; 

//Rotation + Timing Event
rotateSwitch = function(){		
	play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
		$active = $('.paging a.active').next();
		if ( $active.length === 0) { //If paging reaches the end...
			$active = $('.paging a:first'); //go back to first
		}
		rotate(); //Trigger the paging and slider function
	}, temps); //Timer speed in milliseconds (3 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".rotador li").hover(function() {
	clearInterval(play); //Stop the rotation
}, function() {
	rotateSwitch(); //Resume rotation
});	

//On Click
$(".paging a").click(function() {	
	$active = $(this); //Activate the clicked paging
	//Reset Timer
	clearInterval(play); //Stop the rotation
	rotate(); //Trigger rotation immediately
	rotateSwitch(); // Resume rotation
	return false; //Prevent browser jump to link anchor
});	
// FI DE SLIDER ---------------------------------------------------------------------------------------------------------------------------------------------

/**
* hoverIntent r5 // 2007.03.27 // jQuery 1.1.2+
* <http://cherne.net/brian/resources/jquery.hoverIntent.html>
* 
* @param  f  onMouseOver function || An object with configuration options
* @param  g  onMouseOut function  || Nothing (use configuration options object)
* @author    Brian Cherne <brian@cherne.net>
*/
(function($){$.fn.hoverIntent=function(f,g){var cfg={sensitivity:7,interval:100,timeout:0};cfg=$.extend(cfg,g?{over:f,out:g}:f);var cX,cY,pX,pY;var track=function(ev){cX=ev.pageX;cY=ev.pageY;};var compare=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);if((Math.abs(pX-cX)+Math.abs(pY-cY))<cfg.sensitivity){$(ob).unbind("mousemove",track);ob.hoverIntent_s=1;return cfg.over.apply(ob,[ev]);}else{pX=cX;pY=cY;ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}};var delay=function(ev,ob){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);ob.hoverIntent_s=0;return cfg.out.apply(ob,[ev]);};var handleHover=function(e){var p=(e.type=="mouseover"?e.fromElement:e.toElement)||e.relatedTarget;while(p&&p!=this){try{p=p.parentNode;}catch(e){p=this;}}if(p==this){return false;}var ev=jQuery.extend({},e);var ob=this;if(ob.hoverIntent_t){ob.hoverIntent_t=clearTimeout(ob.hoverIntent_t);}if(e.type=="mouseover"){pX=ev.pageX;pY=ev.pageY;$(ob).bind("mousemove",track);if(ob.hoverIntent_s!=1){ob.hoverIntent_t=setTimeout(function(){compare(ev,ob);},cfg.interval);}}else{$(ob).unbind("mousemove",track);if(ob.hoverIntent_s==1){ob.hoverIntent_t=setTimeout(function(){delay(ev,ob);},cfg.timeout);}}};return this.mouseover(handleHover).mouseout(handleHover);};})(jQuery);

	
// MENÚ DESPLEGABLE ---------------------------------------------------------------------------------------------------------------------------------------------
	function megaHoverOver(){
		$(this).find(".sub").stop().fadeTo('fast', 1).show();
			
		//Calculate width of all ul's
		(function($) { 
			jQuery.fn.calcSubWidth = function() {
				rowWidth = 0;
				//Calculate row
				$(this).find("ul").each(function() {					
					rowWidth += $(this).width(); 
				});	
			};
		})(jQuery); 
		
		if ( $(this).find(".row").length > 0 ) { //If row exists...
			var biggestRow = 0;	
			//Calculate each row
			$(this).find(".row").each(function() {							   
				$(this).calcSubWidth();
				//Find biggest row
				if(rowWidth > biggestRow) {
					biggestRow = rowWidth;
				}
			});
			//Set width
			$(this).find(".sub").css({'width' :biggestRow});
			$(this).find(".row:last").css({'margin':'0'});
			
		} else { //If row does not exist...
			
			$(this).calcSubWidth();
			//Set Width
			$(this).find(".sub").css({'width' : rowWidth});
			
		}
	}
	
	function megaHoverOut(){ 
	  $(this).find(".sub").stop().fadeTo('fast', 0, function() {
		  $(this).hide(); 
	  });
	}


	var config = {    
		 sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
		 interval: 50, // number = milliseconds for onMouseOver polling interval    
		 over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
		 timeout: 300, // number = milliseconds delay before onMouseOut    
		 out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
	};

	$("ul#menu li .sub").css({'opacity':'0'});
	$("ul#menu li").hoverIntent(config);
//  FI MENÚ DESPLEGABLE ---------------------------------------------------------------------------------------------------------------------------------------------

$('a.lightbox').lightBox();

});
/*
$("img.tip").cluetip();
	  
$("img.tips").cluetip({
	splitTitle: "|", // use the invoking element's title attribute to populate the clueTip...
					 // ...and split the contents into separate divs where there is a "|"
	showTitle: true, // hide the clueTip's heading
	dropShadow: false,
	
	width:200,
 	});*/