$(document).ready(function() {
	
	function use_fixed(){
		//inizio
		if (parseInt(navigator.appVersion)>3) {
		 if (navigator.appName=="Netscape") {
		  winW = window.innerWidth;
		  winH = window.innerHeight;
		 }
		 if (navigator.appName.indexOf("Microsoft")!=-1) {
		  winW = document.body.offsetWidth;
		  winH = document.body.offsetHeight;
		 }
		}
		
		$(".container").css("padding-top",(winH/2)-(altezza_iniziale/2)-30);
	}



	//variabili globali
	var immagini_totali = 0;
	var menu_open = false;
	var index = false;
	var immagini = new Array(); 
	var nascosto = 0;
	
	//pagina INFO
	window.onresize = use_fixed;
	use_fixed();
	

	$(".sub_page").css("display","block");
	$("#info").css("height",440);
	$("#info_cont").css("height",440);

	$('#info').jScrollPane({
			scrollbarWidth:12, 
			scrollbarMargin:10
	});
	
	
	//elementi da precaricare
	var pallino_pieno = new Image();
	pallino_pieno.src = "_pics/pallino_pieno.png";
	
	//elementi da precaricare
	var pallino_vuoto = new Image();
	pallino_vuoto.src = "_pics/pallino.png";
	
	//sili partenza menu
	$(".menu_cont_cont").css("opacity", 0.80);
	$("ul.livello_2").css({lineHeight:"0px"});

	//animazione menu
	$(".menu a").css("opacity", 0.7);
	$(".menu a").hover(function() {
			$(this).animate({ opacity: 1,queue:false}, 200 );
		},function() {
			$(this).animate({ opacity: 0.7,queue:false}, 200 );
	});
	
	$("a.prev, a.next").css("opacity", 0);
	$("a.prev, a.next").hover(function() {
		$(this).animate({ opacity: 0.5,queue:false}, 400 );
			},function() {
		$(this).animate({ opacity: 0,queue:false}, 200 );
	});

	//dimensioni prev next
	$("a.prev, a.next").css("height", altezza_iniziale-20);
	$(".avanzamento .prev img, .avanzamento .next img").css("top", (altezza_iniziale/2)-25);
	

	//animazione miniature solo quelle vuote
	$(".miniature img[stato=vuoto]").hover(function() {
			$(this).attr("src",pallino_pieno.src).attr("stato","pieno");
		},function() {
			$(this).attr("src",pallino_vuoto.src).attr("stato","vuoto");
	});
	
	
	//posizionamento
	$(".container").animate({height: altezza_iniziale+28}, 0, "easeOutQuad",function() {

		$(".sub_page").animate({height: altezza_iniziale}, 800, "easeOutQuad",function() {
			
		
			$('.miniature a').preload({
				onComplete:function( data ){
					
					//array
					//immagini[data.index] = data.element;
					
					immagini[data.index] = new Image();
					immagini[data.index].src = data.element.src;
					
					
					//console.log(immagini);
					//alert()
					immagini_totali  = immagini_totali +1;
					
					$(".miniature a").eq(data.index).show().css("opacity",0).animate({opacity: 0.7},3000);
					//$(".miniature img").eq(data.index).animate({width: 12},200).animate({height: 12},1000);
					//imposto visibilita prima immagine
					if(data.index === 0) {
						cambia_immagine(0);
					
					}
				}
		
			});
			
	
	
		});
	});
		

	$("span.livello_1").click(
		function (xxx) {
			xxx.preventDefault();
			//nascondo tutti
			
            	//se chiuso
			if(!menu_open) {
				menu_open = true; 
				index = $(this).attr("id");
				
				
				
				//$(this).find("ul").animate({opacity:0.6 }, {duration:800});
				//$(this).find("ul").animate({height: 200}, 800, "easeOutExpo");
				
				$(this).next().show();
				$(".logo2").show();
				$(this).next().animate({lineHeight:"16px"}, 500).css('overflow', 'visible');
				$(".menu_cont").animate({top: -200,height: 28},{queue:false, duration:1000, easing:"easeOutExpo"}).css('overflow', 'visible');
				$(".menu_cont_cont").animate({top: -230,height: 230},{queue:false, duration:1000, easing:"easeOutExpo"}).css('overflow', 'visible');
				
			//se aperto	
			} else {
				
				//se diverso riapro
				if(index != $(this).attr("id")) {
					
						index = $(this).attr("id");
						$(this).parent().parent().parent().find("ul.livello_2").hide();
						$(this).next().show();
						$(this).next().animate({lineHeight:"16px"}, 500).css('overflow', 'visible');
						
				} else {
					//chiudo
					$(this).parent().parent().parent().find("ul.livello_2").hide();
					menu_open = false; 
					$(".menu_cont").animate({top: 0,height: 30}, {queue:false, duration:1000, easing:"easeOutExpo"});
					$(".menu_cont_cont").animate({top: 0,height: 0},{queue:false, duration:1000, easing:"easeOutExpo"});
					$(this).next().css({lineHeight:"0px"});
					$(this).next().hide();
					$(".logo2").hide();
				
					
				}
				
				
			}
			
			
		}
	 );
	

	$(".container_44 .image").bind("click",function (xxx) {

		  $('span.livello_1').trigger('click');
		
	 });
	
	$(".miniature a").bind("click",function (xxx) {
		xxx.preventDefault();
		cambia_immagine($(this).attr("id_img"));
		
	 });
	
	
	//avanzamento
	$(".avanzamento a").click(function (xxx) {
			xxx.preventDefault();
			
			var id_img_curr	=	$(".immagine_principale").attr("id_img");
			
			if($(this).attr("class") == "next") {
					var next = $(".miniature [id_img='"+id_img_curr+"']").next().attr("id_img");
					cambia_immagine(next);

			}
			if($(this).attr("class") == "prev") {
					var next = $(".miniature [id_img='"+id_img_curr+"']").prev().attr("id_img");
					
			}
			if(next) cambia_immagine(next);
			else cambia_immagine(0);
			return false;
			
			
			
							
	 });

	function cambia_immagine(id_img) {
		
	
		var tempo_animazione_colore = 1;
		var tempo_animazione_dimensione = 1;
		
		var id_img_old		=	$(".immagine_principale").attr("id_img");
		if(!id_img_old) {
			
			
			$(".logo_sfondo").hide();
			$(".immagine_principale").show();
			$(".immagine_principale").css("opacity",1);
			
		}
		
		var immagine_old 		= 	$(".miniature [id_img='"+id_img_old+"']");
		
		var img_old_width 	= 	$(".immagine_principale").width();
		var img_old_src 		= 	$(".immagine_principale").attr("src");
		var img_old_colore 	= 	immagine_old.attr("colore");
		
		//se non c'e' l' immagine
		
		
		
		
		if(id_img_old != id_img) {
		
		//var i = new Image();
		//i = immagini[id_img];
		// immagine 		= 	immagini[id_img];
		
		//console.log(immagine);
		//$(i).attr("test","test");
		//$(".immagine_principale").attr("src",immagini[id_img].src);
		
		//$(".immagine_principale src").eq(0) = immagini[id_img];
		
		//alert(immagini[id_img].src);
		//console.log($(".immagine_principale").eq(0).attr("src"));

		
		
		//$(".immagine_principale").addClass("immagine_principale2");
		
		//console.log(immagini[id_img].width);
		
		/*
		$(".immagine_principale")
				
				
				.css("width",200)
				.css("height",200)
				.show();
				
		
		
		var img_new_src = immagine.attr("href");
		var img_new_colore = immagine.attr("colore");
		if(!img_new_colore) var img_new_colore = "#999";
		var img_new_width = i.width;
		var img_new_height = i.height;
		*/
		//console.log($(".miniature [id_img='"+id_img+"']").attr("colore"));
		immagine_nuova = immagini[id_img];

				
	
		img_new_src = immagine_nuova.src;

		var img_new_colore = $(".miniature [id_img='"+id_img+"']").attr("colore");
		if(!img_new_colore) var img_new_colore = "#999";
		var img_new_width = immagine_nuova.width;
		var img_new_height = immagine_nuova.height;
	
		//alert(img_old_src);
	
		//console.log(immagine.attr("href"));
		
		//se l' immagine e' diversa senno nulla
		
			
			
			//imposto pallino pieno
			$(".miniature").find("img").attr("src",pallino_vuoto.src);
			$(".miniature [id_img='"+id_img+"']").find("img").attr("src",pallino_pieno.src);
			
			if(img_old_colore != img_new_colore)  tempo_animazione_colore = 800;			
			if(img_old_width != img_new_width)  tempo_animazione_dimensione = 300;
			
			//$(".avanzamento a.prev, .avanzamento a.next").hide();
			
			$(".immagine_principale").animate({opacity:0}, 200, "swing",function() {
				
				
				
						
				$(immagine_nuova).addClass("immagine_principale");
				
				$(immagine_nuova).attr("id_img",id_img);
				$(immagine_nuova).css("width",img_new_width)
				$(immagine_nuova).css("height",img_new_height);
				$(immagine_nuova).css("opacity",0);
				//$(".immagine_principale").replaceWith(immagine_nuova);
				$(".immagine_principale").replaceWith(null);
				$(".image").append(immagine_nuova);
				
				
				if(nascosto == 0) {
					$(".logo_sfondo").css("display","block");
				}
				$(".image").animate({width:img_new_width+2}, tempo_animazione_dimensione, "easeInQuad",function() {
					$(".sub_page").animate({backgroundColor: img_new_colore}, tempo_animazione_colore, "swing",function() {
						$(".immagine_principale").show();
						//$(".image").show();
						
						$(".logo_sfondo").hide();
						 nascosto = 1;
						
						$(".immagine_principale").animate({opacity:1}, 500, "easeInQuad",function() {
							   if(immagini_totali) {
									if(parseInt(id_img) != 0)  {
										$(".avanzamento a.prev").css("left",0).show();
									} else {
										$(".avanzamento a.prev").hide();
									}
									if(parseInt(immagini_totali) == (parseInt(id_img)+1))  {
										$(".avanzamento a.next").hide();
									} else {
										
										$(".avanzamento a.next").css("left",img_new_width-90).show();
									}
								
							}
						 });
					
						

						
					});
				});
			});
			
		}
		
		
	}

	
});