var slideshowSpeed = 8000;
var photos = [  {"image" : "2.jpg"	}, {"image" : "5.jpg"	}];
var homePage = [  {"image" : "2.jpg"	}, {	"image" : "4.jpg"	}, {"image" : "5.jpg"	}];
var biography = [ {"image" : "bio9.jpg"}];
var projects = [  {"image" : "18.jpg"	}, {	"image" : "20.jpg"	},{"image" : "21.jpg"}];
var discography =  [  {"image" : "5.jpg"	}, {"image" : "musica4.jpg"}, {	"image" : "2.jpg"	}, {"image" : "4.jpg"	}];
var multimedia = [  {"image" : "30.jpg"	}];
var gallery = [  {"image" : "__23.jpg"}];
var news = [  {"image" : "29.jpg"}];
var contact = [  {"image" : "15.jpg"}];
var linksUtili = [  {"image" : "24.jpg"}];
var listaProgetti = ["echi_cosmici", "stellar_vibrations", "destination_infinity", "metamorphosi_zen", "necropolis", "piano_mirage", "gravity_0" ];
var cambiaBg;
var cambiaFoto;
var PROGETTO_ATTIVO;

$(document).ready(function() {

cambiaBg = function(pagina){//gestisce lo slideshow del backgound al cambiamento della pagina
	photos=pagina;
	paginaCambiata=true;
	stopAnimation();
	animating = false;
	navigate("next");
		interval = setInterval(function() {
		navigate("next");
		}, slideshowSpeed);
	};

function gestioneReloadPagina(){
		//gestione del caricamento delle pagine per non cominciare sempre dalla index
	$('#content>div').hide();
	$('#projects>div').hide();//nasconde tutti i figli del div projects
	$("#logo").hide();
	$("#logomini").show();
	
		
		var posizione=document.location.href.split("/");
		posizione=posizione[posizione.length-1];
		posizione=posizione.split("#");
		paginaVisualizzata=posizione[posizione.length-1];
		
		//alert(paginaVisualizzata);
		if(posizione.length==1){//vuol dire che il navigatore non e' andato oltre la prima pagina
			$("#logomini").hide();
			$('#homePage').show();
			$("#logo").fadeIn();
		}else if(paginaVisualizzata=="projects"){
			photos=projects;
			$("#projects").show();
			$("#projects_menu").fadeIn(1000);

		}else if(paginaVisualizzata=="homePage"){
				$("#logomini").hide();
			$("#homePage").fadeIn(1000);
			$("#logo").fadeIn(1000);
			
		}else if(paginaVisualizzata=="gallery"){
			photos=gallery;
			$("#gallery").fadeIn(1000);

		}else if(paginaVisualizzata=="multimedia"){	
			$("#multimedia").fadeIn(1000);
			$("#box_video_player_multimedia").show();
			$("#box_multi_dx").show();
			$("#box_multi_sx").show();
			$("#multimedia_video_2").show();	
			

		}else if(paginaVisualizzata=="news"){
			$("#news").fadeIn(1000);
		}else if(paginaVisualizzata=="contact"){
			$("#contact").fadeIn(1000);
			
		}else if(paginaVisualizzata=="linksUtili"){
			$("#linksUtili").fadeIn(1000);
		
		}else if(paginaVisualizzata=="discography"){
			$("#discography").fadeIn(1000);		
		
			}else{
			$('#'+posizione[posizione.length-1]).show();
			}

}
gestioneReloadPagina();


	$('#menu_generale>div>a').click(function(){ // gestisce menu principale
	paginaCorrente=document.location.href.split("#");
	document.location.href=paginaCorrente[0]+this.hash;
	//alert(	$('#content>div>div').length);
	$('#content>div').hide();
	$('#projects>div').hide();//nasconde tutti i figli del div projects
	$("#logo").hide();
		$("#logomini").show();

	if(this.hash=="#projects"){
	$('#projectsCover>div').hide();
		$("#projects").show();
		$("#projects_menu").fadeIn(1000);
	}else if(this.hash=="#homePage"){
		$("#logomini").hide();
		$("#homePage").fadeIn(1000);
		$("#logo").fadeIn(1000);
	}else if(this.hash=="#gallery"){
		$("#gallery").fadeIn(1000);

	}else if(this.hash=="#biography"){
		$("#biography").fadeIn(1000);
	
	}else if(this.hash=="#discography"){
		$("#discography").fadeIn(1000);

	}else if(this.hash=="#multimedia"){	
		$("#multimedia").fadeIn(1000);
		$(".filmato").hide();//nascondo filmati se ci sono
		$("#box_video_player_multimedia").show();
		$("#box_multi_dx").show();
		$("#box_multi_sx").show();
		$("#multimedia_video_2").show();
		
	}	else if(this.hash=="#news"){
		$("#news").fadeIn(1000);
	}	else if(this.hash=="#contact"){
		$("#contact").fadeIn(1000);
		
	}	else if(this.hash=="#linksUtili"){
		$("#linksUtili").fadeIn(1000);
		}				
   	return false;
   	});

		
		$('.nextBtn').click(function(){///next project
			var project;
			var numeroProgetto;
			$("#dettagli_content_"+PROGETTO_ATTIVO).hide(); // nasconde il progetto aperto

			for(var i in listaProgetti){
				if(listaProgetti[i]==PROGETTO_ATTIVO){
					numeroProgetto=eval(i);
					break;
				}else{
					//numeroProgetto=false;
					continue;}
				}

			if(numeroProgetto<listaProgetti.length-1) {
				nextProject=listaProgetti[numeroProgetto+1];
			}else{
				nextProject=listaProgetti[0];							
				}
					
					PROGETTO_ATTIVO=nextProject;
					var posizione=document.location.href.split("#");
					posizione=posizione[0];
					//alert(posizione+"#dettagli_content_"+nextProject);
					document.location.href=posizione+"#dettagli_content_"+nextProject;
					
					//alert(numeroProgetto);
					project_img="projects/"+nextProject+"/1.jpg";
		
					$("#imgCorrenteProjects").attr('src',project_img);
					$("#box_projects_immagini").show();
					$("#imgCorrenteProjects").fadeIn(1000);
					$("#dettagli_content_"+nextProject).fadeIn(1000);

			
		}); 

		$('.prevBtn').click(function(){///next project
			var project;
			var numeroProgetto;
			$("#dettagli_content_"+PROGETTO_ATTIVO).hide(); // nasconde il progetto aperto

			for(var i in listaProgetti){
				if(listaProgetti[i]==PROGETTO_ATTIVO){
					numeroProgetto=eval(i);
					break;
				}else{
					//numeroProgetto=false;
					continue;}
				}

			if(numeroProgetto>0) {
				prevProject=listaProgetti[numeroProgetto-1]; 
			}else{
				prevProject=listaProgetti[listaProgetti.length-1]; 					
				}
					
					PROGETTO_ATTIVO=prevProject;
					var posizione=document.location.href.split("#");
					posizione=posizione[0];
					//alert(posizione+"#dettagli_content_"+nextProject);
					document.location.href=posizione+"#dettagli_content_"+prevProject;
					
			
			//alert(numeroProgetto);
			project_img="projects/"+prevProject+"/1.jpg";

			$("#imgCorrenteProjects").attr('src',project_img);
			$("#box_projects_immagini").show();
			$("#imgCorrenteProjects").fadeIn(1000);
			$("#dettagli_content_"+prevProject).fadeIn(1000);
			//alert("#dettagli_content_"+nextProject);
		
		}); 

		$('#projects_menu>div>a').click(function(){///gestione dettaglio progetti
			$('#projects_menu').hide();
			$('#projectsCover').fadeIn(200);
			$('#logo').fadeOut(500);
			$("#imgCorrenteProjects").attr('src',"");
				var project=this.hash.replace(/#dettagli_content_/,"");
			PROGETTO_ATTIVO=project;	//valorizzo la global x sapere sempre in quale projetto sto
			project_img="projects/"+project+"/1.jpg";
			$("#imgCorrenteProjects").attr('src',project_img);
			$("#box_projects_immagini").show();
			$("#imgCorrenteProjects").fadeIn(1000);
			$(this.hash).fadeIn(1000);
		
		}); 


		$('.miniature_video>a').click(function(){///gestione dei video del dettaglio progetti
			stopAnimation();//stop animazione foto bg ds
			$("#box_projects_immagini").hide();
			$(".filmato").hide();//nasconde tutti i video visualizzati prima
			$("#box_video_player").show();//visualizza il box player
			//alert(this.hash);
			$(this.hash).toggle();//visualizza il video richiesto
			//$(".video_player").hide();//nasconde tutti i video proiettati
			
			 //
		}); 	



$('.miniature_foto>a').click(function(){///gestione di immagini dei dettagli progetti
			var img=this.hash.replace("#","");
			$(".filmato").hide();//nasconde tutti i video visualizzati prima
			$("#box_video_player").hide();
			$("#box_projects_immagini").fadeIn(500);
		
			$("#imgCorrenteProjects").fadeOut(500);

			cambiaFoto = setTimeout(function (){
				$("#imgCorrenteProjects").attr('src',img);
				$("#imgCorrenteProjects").fadeIn(500);
				}, 
				500)
		}); 
		
		
$('.stili>a').click(function(){
	$('.mus_player').hide();
	$(this.hash).show();
	});
	
$('#miniature_img>a').click(function(){///gestione di immagini del gallery
			var _url = this.hash.replace("#","");
			$("#box_immagini").empty().html('<img src="loader.gif" id="loader" style="position:absolute;margin-left:50%; margin-right:50%; top:200px;"/>');
			_im =$("<img>");
			_im.hide();
			_im.bind("load",function(){ $("#loader").remove();$(this).fadeIn();
			 });
			 
			// append to target node / element
			$('#box_immagini').append(_im);
			_im.attr('src',_url);
				
});


var videoDescrizione = [  {"titolo" : "Echi Cosmici"}, {	"titolo" : "Stellar Vibrations 1"	}, {"titolo" : "Stellar Vibrations 2"	}, {	"titolo" : "Sim Sound II"}, {"titolo" : "Nomad"	}, {	"titolo" : "Berkut"	}, {"titolo" : "Instantanee"}, {	"titolo" : "SimSound parte 2"	}, {"titolo" : "Mai dire martedi backstage"	}, {	"titolo" : "Presentazione AY"	}, {"titolo" : "Presentazione AY"	}, {	"titolo" : "Presentazione AY"	}];

$('#multimedia>div>div>a').mouseover(function(){///gestione infomazione video
			var numeroVideo=this.hash.split("_");
			$("#dettagli_video_multimedia").html("Titolo: "+videoDescrizione[numeroVideo[2]].titolo);
			var posizioneMiniatura=$(this).position();
			if(numeroVideo[2]<6){
			$("#dettagli_video_multimedia").css("left",(posizioneMiniatura.left-5)+"px");
			$("#dettagli_video_multimedia").css("top",(posizioneMiniatura.top-40)+"px");
			$("#dettagli_video_multimedia").show();
		}else{
			var b=parseInt($("#box_multi_dx").css("left"));
			b=(b+100)+"px";

			$("#dettagli_video_multimedia").css("left",b);
			$("#dettagli_video_multimedia").css("top",(posizioneMiniatura.top-40)+"px");
			$("#dettagli_video_multimedia").show();
			
			}
			
			$(this).click(function(){// gestisce evento onclick su miniature video
					$(".filmato_multimedia").hide();
					$(this.hash).show();
			});
			
	});


//////////////////////gestione dello slideshow del background
	var interval;
	var activeContainer = 1;	
	var currentImg = 0;
	var animating = false;
	paginaCambiata =	false;
	var navigate = function(direction) {
		// Check if no animation is running. If it is, prevent the action
		if(animating) {
			return;
		}
		
		// Check which current image we need to show
		if(direction == "next") {
			currentImg++;
			if(currentImg == photos.length + 1) {
				currentImg = 1;
			}
		} else {
			currentImg--;
			if(currentImg == 0) {
				currentImg = photos.length;
			}
		}
		
		if(paginaCambiata==true){
			currentImg = 1;
			paginaCambiata =	false;
			//alert(currentImg);
			}
		
		// Check which container we need to use
		var currentContainer = activeContainer;
		if(activeContainer == 1) {
			activeContainer = 2;
		} else {
			activeContainer = 1;
		}
		
		showImage(photos[currentImg - 1], currentContainer, activeContainer);
		
	};
	
	var currentZindex = -1;
	var showImage = function(photoObject, currentContainer, activeContainer) {
		animating = true;
		
		// Make sure the new container is always on the background
		currentZindex--;
		//$("#headerimg" + activeContainer).fadeIn();
		// Set the background image of the new active container
		$("#headerimg" + activeContainer).css({
			"background-image" : "url(images/" + photoObject.image + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
					
		// Fade out the current container
		$("#headerimg" + currentContainer).fadeOut(function() {
			setTimeout(function() {
				animating = false;
			}, 2500);
		});
	};
	
	var stopAnimation = function() {
		// Clear the interval
		clearInterval(interval);
	};
	
	// We should statically set the first image
	navigate("next");
	
	// Start playing the animation
	interval = setInterval(function() {
		navigate("next");
	}, slideshowSpeed);
	
});