var nBannerAct = 0;
var $j = jQuery.noConflict();
$j(document).ready(function(){
	nBannerAct = 0;
							
	$j("#main_image .desc").show(); //Show Banner
	$j("#main_image .block").animate({ opacity: 0.85 }, 1 ); 
	$j(".image_thumb ul li:first").addClass('active'); 
	$j(".image_thumb ul li").click(function(){ 
		return cambiarBanner(this, false);
	}) .hover(function(){
		$j(this).addClass('hover');
		}, function() {
		$j(this).removeClass('hover');
	});
	$j("div.collapse").click(function(){
		$j("#main_image .block").slideToggle();
		$j("div.collapse").toggleClass("show");
	});
	
	cambiarBanner($j(".image_thumb ul li:first"), true);
	
	setTimeout("rotarBanner()",10000);
});

function rotarBanner()
{
	nBannerAct++;
	if ($j(".image_thumb ul li:last").is(".active"))
		nBannerAct = 0;
	cambiarBanner($j(".image_thumb ul li:eq(" + nBannerAct + ")"), true);
	setTimeout("rotarBanner()",10000);
}

function cambiarBanner(it, force)
{
	var imgTitle = $j(it).find('a').attr("href"); 
	var imgDesc = $j(it).find('.block').html(); 	
	var imgDescHeight = $j("#main_image").find('.block').height();	
	
	if ($j(it).is(".active") && !force) { 
		return false;
	} else {
		$j("#main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
			$j("#main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
			$j("#main_image img.theimage").attr({ src: imgTitle , alt: ""});
		});
	}
	$j(".image_thumb ul li").removeClass('active');
	$j(it).addClass('active');
	var newLink = $j(it).find('div.link').find('a').attr("href");
	$j("#main_image a.link").attr({ href: newLink});
	return false;
}