$(document).ready(function() {	
    
	//Show Banner
	$(".main_image .desc").show();
	$(".main_image .block").animate({ opacity: 0.85 }, 1 );

	//Click and Hover events for thumbnail list
	$(".image_thumb ul li:first").addClass('active'); 
	$(".image_thumb ul li img").hover(function(){ 
		builMainImage(this);
		$(document).stopTime('carosello');
	}) .hover(function(){
		$(this).addClass('hover');
		}, function() {
		$(this).removeClass('hover');
	});

	$(".main_image").hover(function(){ 
		$(document).stopTime('carosello');
	});

	$(".main_image").mouseout(function(){ 
		//caroselloLoop();
	});
	
	$(".image_thumb ul li a").click(function(){
		//return false;
	}); 

	function builMainImage(element, key) {
		
		//Set Variables
		var count = key;
		
		var item = $(element).attr("key");
		
		if(!item) {
			var item = key;
		}
		
		var el = $('#carosello-item-' + item);		
		//Set Variables
		var imgAlt  = $(el).find('img').attr("alt");
		var imgSrc  = $(el).find('img').attr("source");
		var imgLink = $(el).find('a').attr("href");
		var imgDesc = $(el).find('.block').html();
		var imgDescHeight = $(".main_image").find('.block').height();	
		
		if ($(el).is(".active")) {
			return false;
		} else {
			//Animate the Teaser				
			$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
				$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
				$(".main_image img").attr({ src: imgSrc , alt: imgAlt});
				$(".main_image a").attr({ href: imgLink});
			});
		}

		if(count == 5) {
			caroselloLoop();
		}
	
		$(".image_thumb ul li").removeClass('active');
		$(el).addClass('active');
	}
	
	function caroselloLoop() {
		var times = 5;
		$(document).everyTime(4500, 'carosello', function(i) {
			builMainImage(this, i);
		}, times);
	}

	caroselloLoop();
	
});