// always remove outlines
jQuery("a").each(function(){
	this.onmouseup = this.blur();
});
// document ready
jQuery(document).ready(function() {
	
	jQuery.noConflict();
	
	var images       = jQuery("#gallery img");
	var thumbs       = jQuery("#thumbs img");
	var thumblinks   = jQuery("#thumbs a");
	var index        = thumbs.length-1;
	var thumbsHeight = 100;
	var auto         = true;
	var interval     = 6000;
	var animateTime  = 1000;
	var fadeTime     = 900;
	var debug        = false;
	var scrollPos    = 600;
	
	if( debug) {
		
		jQuery("#total").css("display", "block");
		jQuery("#tthumbs").css("display", "block");
		jQuery("#moving").css("display", "block");
		jQuery("#actual").css("display", "block");
		jQuery("#actualindex").css("display", "block");
		jQuery("#space").css("display", "block");
		jQuery("#autoplay").css("display", "block");	
		jQuery("#cloned").css("display", "block");
		
	}	
		
	if( debug) 
	{
		jQuery("#total").html('<p>Images: ' + images.length + '</p>');
		jQuery("#tthumbs").html('<p>Thumbs: ' + thumbs.length + '</p>');
		jQuery("#actual").html('<p>Actual: ' + index + '</p>');
		jQuery("#autoplay").html('<p>Auto ejecutando: ' + auto + '</p>');	
	}
	
	jQuery("#next-billboard").mouseover(function() {
		
		if( debug) jQuery("#autoplay").html('<p>Deteniendo...</p>');
		
		auto = false;
		
	});
		
	jQuery("#next-billboard").mouseout(function() { 
		
		if( debug) jQuery("#autoplay").html('<p>Reanudando...</p>');
		
		auto = true;
		
	});
	
	jQuery("#next-billboard").click(function() {
		
		auto = false;
		
		if( index == 0 )
		{
			
			index = thumbs.length - 1;
			
		}
		else {
			
			index--;
		
		}
		
		show( index );
		
		if( debug ) jQuery("#autoplay").html('<p>Auto ejecutando: ' + auto + '</p>');
		
		return true;		
	});
	
	thumblinks.slice(thumblinks.length-3,thumblinks.length).clone().attr('id', function() { var id = jQuery(this).id; return 'b' + this.id }).prependTo("#thumbs");
	
	thumbElements = jQuery("#thumbs img");
	
	if( debug ) jQuery("#cloned").html('<p>Cloned: ' + thumbElements.length + '</p>');
	
	for (i=0; i<thumbs.length; i++) 
	{
		jQuery(thumbs[i]).addClass("thumb-"+i);
		jQuery(images[i]).addClass("image-"+i);
	}
	
	// Muestra la imagen en base al index actual
	show(index);
		
	// Intervalo de tiempo de slide automatico
	setInterval(sift, interval);
		
	function sift() 
	{
		if( auto == true )
		{
			
			if ( index < thumbs.length && index > 0) 
			{
				index -= 1 ;
			}
			else { 
				index = thumbs.length-1 
			}
	
			show ( index );
		
		}
		else {
			
			if( debug) jQuery("#autoplay").html('<p>Auto ejecucion detenida.</p>');
			
		}
		
	}
	function show(num) {
		
		jQuery("#actualindex").html('<p>Index: ' + num + '</p>');
		
		// Animar el billboard principal
		images.fadeOut(fadeTime);
		jQuery(".image-"+num).stop().fadeIn(fadeTime);
		
		var alttext = jQuery("#img" + (num + 1)).attr("alt");
		
		var billboard_desc = alttext.split("|");
		
		jQuery("#billboard-description").html("<div style=\"margin-bottom:5px;\"><h3>" + billboard_desc[0] + "</h3></div><div>" + billboard_desc[1] + "</div>");
		
		// Animar los thumbnails
		scrollPos = ( (num-1) * thumbsHeight ) + 100;
		
		jQuery("#thumbs").stop().animate({scrollTop: scrollPos}, animateTime);
		
		if( debug ) {
			jQuery("#actual").html('<p>Mostrando: .image-' + num + '</p>');
			jQuery("#moving").html('<p>Moving: ' + scrollPos + '</p>');
		}
	}
});