// JavaScript Document







function slideShow(bannerContainerId, bannerNavigatorId, autoslide, tempslide) {


	//Set the opacity of all images to 0
	
	var obj = this;
	obj.autoslide = autoslide;
	
	var banners = new Array();
	var bannerContainer = $('#'+bannerContainerId);
	var bannerNavigator = $('#'+bannerNavigatorId);
	var bannerDescription = $('.description',bannerNavigator);
	var size = $('div.banner', bannerContainer).size();
	
	$('div.banner', bannerContainer).css({opacity: 0.0, display:"none"});
	$('div.banner', bannerContainer).css("position","absolute");
	
	//Get the first image and display it (set it to full opacity)
	$('div.banner:first', bannerContainer).css({opacity: 1.0, display:"block"});
	
	
	
	var link_banner = $('div.banner:first', bannerContainer).find("a").attr("href");
	var title_banner = $('div.banner:first', bannerContainer).find("a").attr("title");
	var description_banner = $('div.banner:first', bannerContainer).find("p").text();
	
	/// elimino tutti gli h2 dentro il bottom-banner-home 
	//$('h2, h3',bannerNavigator).remove();
				
	$('.banner',bannerContainer).each(function(index){
		
				banners[index] = new Array();
				banners[index].href = $(this).find("a").attr("href");	
				banners[index].title = $(this).find("a").attr("title");	
				banners[index].description = $(this).find("p").text();
				
	$(bannerDescription).append('<div><h2>'+banners[index].title+'</h2><h3>'+banners[index].description+'</h3></div>');
				
	});
	
	
	$('div',bannerDescription).css("display","none");
	$('div',bannerDescription).eq(0).css({opacity: 0.0, display:"block"}).animate({opacity: 1.0}, 1000);	
	

	
	//$('h2',bannerNavigator).text(banners[0].title).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);	
	//$('h3',bannerNavigator).text(banners[0].description).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);	


	
	
    /*
	$('h2',bannerNavigator).css({opacity: 0.0, position: "absolute"});
	$('h3',bannerNavigator).css({opacity: 0.0, position: "absolute"});
	
	$('h2',bannerNavigator).eq(0).animate({opacity: 1.0, display:"block"}, 1000);
	$('h3',bannerNavigator).eq(0).animate({opacity: 1.0, display:"block"}, 1000);
	*/
	
	$(banners).each(function(index){
	 var a = $('.navigation', bannerNavigator).append('<a id="'+index+'"><span>'+(index+1)+'</span></a>');
	});


   	 $('.navigation a',bannerNavigator).attr("href","javascript:void(0)");
	 
	 $('.navigation a',bannerNavigator).click(function(index){ 
        var n = $(this).attr("id");
		obj.autoslide = false;
		window.clearInterval(obj.slide);
		
		$('.navigation a',bannerNavigator).removeClass("active");
		$(this).addClass("active");
		

		$('.banner', bannerContainer).css({opacity: 0.0, display:"none"});
		/*
	$('h2',bannerNavigator).text(banners[n].title).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);	
	$('h3',bannerNavigator).text(banners[n].description).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);	*/
	
		$('div',bannerDescription).css("display","none");
	$('div',bannerDescription).eq(n).css({opacity: 0.0, display:"block"}).animate({opacity: 1.0}, 1000);
		
		$('.banner', bannerContainer).eq(n).css({opacity: 0.0, display:"block"}).addClass('show').animate({opacity: 1.0}, 1000);
		
		});
	
	
	
	
	if(obj.autoslide && (size>1)){
		
	var n = 1;
	var zindex = 1;
	obj.slide = window.setInterval( function(){ 
				
					var elements = $('div.banner', bannerContainer).size();
					var actual = $('div.banner:eq('+(n-1)+')', bannerContainer);
	                var current = $('div.banner:eq('+n+')', bannerContainer);
					
					zindex = parseFloat(actual.css("z-index"))+1;
					if(isNaN(zindex)) zindex = 1;
					current.css("z-index",zindex);
					
					/*
					$('h2',bannerNavigator).css({opacity: 0.0});
					$('h2',bannerNavigator).eq(n).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);
					
					$('h3',bannerNavigator).css({opacity: 0.0});
					$('h3',bannerNavigator).eq(n).css({opacity: 0.0}).animate({opacity: 1.0}, 1000);	
					*/
					
	$('div',bannerDescription).css("display","none");
	$('div',bannerDescription).eq(n).css({opacity: 0.0, display:"block"}).animate({opacity: 1.0}, 1000);
					
					
					$('.navigation a',bannerNavigator).removeClass("active");
					$('.navigation a',bannerNavigator).eq(n).addClass("active");
												
			current.css({opacity: 0.0, display:"block"}).addClass('show').animate({opacity: 1.0}, 1000, function(){
																					
					});
					
					

				
				    n++;
					zindex++;
					if(n>(elements-1)){ 
					n=0;
					$('div.banner', bannerContainer).css("z-index","0");
					}
	
	} , tempslide);
	}else{
		window.clearInterval(this.slide);
	}
	
	
	

	
}





function gallery(bannerContainerId, bannerNavigatorId) {
   

	//if no IMGs have the show class, grab the first image
	//var current = ($('#Top div.show')?  $('#Top div.show') : $('#Top div:first'));
	var elements = $('div.banner', bannerContainer).size();
	var current = $('div.banner:eq('+n+')', bannerContainer);	
	
	
	if(elements>1){
        
		
		current.css("z-index",zindex);
		
		/*
		var $lefty = $('#Top div:eq('+n+') blockquote');
		var width = $lefty.outerWidth();
		
		if($('#Top div:eq('+(n-1)+') blockquote').html()!=$lefty.html()){
		$lefty.css("left",-width);
		}*/
		
		
		$('a', bannerNavigator).removeClass("active");
		$('a:eq('+n+')', bannerNavigator).addClass("active");
		$('span', bannerNavigator).html($('h2', current).text());
		

		current.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000, function() {
		// Animation complete.
		//$lefty.animate({"left": "0px"}, "slow");

		
		});
		

		

		
		
		n++;
		zindex++;
		
		if(n>(elements-1)) n=0;

	
	}else{
	
	window.clearInterval(x)
	
	}
	


}