// JavaScript Document

window.onload = initAll;

function initAll(){
	window.addEvent('domready', function(){
								 
			$$(".link_email").setStyle("display","none");							 
			$("form_pw").setStyle("visibility","visible");
			$("form_pw").fade("hide");
			$("delete").setStyle("display","none");
			$("manag_songs").setStyle("visibility","visible");
			$("manag_songs").fade("hide");
			$("black_screen2").fade("hide");
			
			$$("#iTunes a img").addEvent("mouseenter", function(){
									this.set("src", "imgs/buySkelters_01_in.png"); 
									}).addEvent("mouseleave", function(){
										this.set("src", "imgs/buySkelters_01_out.png"); 	
									});
			
			var count_gigs = $$(".gigs").length;
			var h_div_gigs = 520;
			
			for(var i=1; i<=count_gigs; i++){ //alert(count_gigs);
			    eval("$('gig"+i+"').setStyle('visibility', 'visible');");
			}
						
			set_color_list();
			
			if($("music") ){
				$("music").set("tween", {duration:1000, link:"cancel", transition:"back:out"}); 
				$("music").addEvents({"mouseenter":function(){
										this.tween("top","5px"); ///alert(0);				  
									 },
								 	"mouseleave":function(){
									 	this.tween("top","-86px");
									 }
				});
			}
			
			
			if($("menu") ){
				//var myTween = new Fx.Tween("evid2", "evid3", {property:"width", duration:200, link:"cancel"});
				if($("evid1")){ 
					$("evid1").set("tween", {duration:200, link:"cancel"});
					$("link1").addEvents({"mouseenter":function(){
										$("evid1").tween("width", "65px");
										//myTween.start("101px");//alert(0);
									 },
									 "mouseleave":function(){
										$("evid1").tween("width", "0px");
										//myTween.start("0px");
									 }
									
					});//ADD_EVENTS
				}//IF controllo se esiste "evid1"
				
				if($("evid2")){ 
					$("evid2").set("tween", {duration:200, link:"cancel"});
					$("link2").addEvents({"mouseenter":function(){
										$("evid2").tween("width", "101px");
										//myTween.start("101px");//alert(0);
									 },
									 "mouseleave":function(){
										$("evid2").tween("width", "0px");
										//myTween.start("0px");
									 }
					});//ADD_EVENTS
				}//IF controllo se esiste "evid2"
				
				if($("evid3")){ 
					$("evid3").set("tween", {duration:200, link:"cancel"}); 
					$("link3").addEvents({"mouseenter":function(){
										$("evid3").tween("width", "155px");					
									 },
									 "mouseleave":function(){
										$("evid3").tween("width", "0px");
									 }
					});//ADD_EVENTS
				}//IF controllo se esiste "evid3"
				
				if($("evid4")){ 
					$("evid4").set("tween", {duration:200, link:"cancel"});
					$("link4").addEvents({"mouseenter":function(){
										$("evid4").tween("width", "53px");					
									 },
									 "mouseleave":function(){
										$("evid4").tween("width", "0px");
									 }
					});//ADD_EVENTS
				}//IF controllo se esiste "evid4"
				
				var tween_bck = new Fx.Tween("black_screen2", {duration:"500", link:"ignore"});
			
				//var count_gigs = $$(".gigs").length;
				//alert(count_gigs);
				for(var i=1; i<=count_gigs; i++){//con eval trasformo una stringa in codice eseguibile, cosė da avere un codice adattabile all'HTML grazie al FOR
					eval("var tween_gig"+i+"_in = new Fx.Tween('gig"+i+"', {duration: '1000', link:'ignore', transition:'bounce:out'});");
					eval("var tween_gig"+i+"_out = new Fx.Tween('gig"+i+"', {duration: '300', link:'cancel'});");
					//alert(i);
				}
				
				var distance = 35;//distanza fra le date
				
				if($("link4") ){
					
					    $("link4").addEvent("click", function(){
												if($("black_screen2").getStyle("opacity")==0){
													$("content_gigs").setStyles({"height":"550px", "border":"0px solid red"});
													if($("here_home") ){ $("here_home").setStyle("opacity","0.2"); }
													else if($("here_biog") ){ $("here_biog").setStyle("opacity","0.2"); }
													else if($("here_gallery") ){ $("here_gallery").setStyle("opacity","0.2"); }
													if( $("video_01") ){ $("video_01").setStyle("opacity","0"); }
													
													var target_gigs = new Element("div", {
											        									  "id":"target_gigs",
											  		  									  "styles":{	
																									"width":"68px", "height":"35px",					 
												   													"position":"absolute",
																									"z-index":"7",
																									"top":"247px",
																									"border":"0px solid white",
																									"background-image":"url(imgs/here_gigs.png)"
													   										}
												    });	
				                                    target_gigs.inject($("content_index") );
												  
												  
												    $("black_screen2").fade(0.9);
													for(var i=1; i<=count_gigs; i++){
														var top = h_div_gigs-((i)*distance); //430 č stato scelto come la parte pių in basso (meno 30) su cui si posa 
														var delay = 400+(400*(i)); //la prima data
														eval("tween_gig"+i+"_in.start.pass(['top', '"+top+"px'], tween_gig"+i+"_in).delay("+delay+");");
													}
													
												}//FINE IF di controllo se l'EL "black_screen2" c'č o meno
							     });//ADD_EVENT
						
				}//IF controllo se esiste "link4"
				
				//520 , count, 35
				var max_top = h_div_gigs - (count_gigs*distance);//430 č la parte pių bassa (meno 30) su cui si posa la prima data 
				var last_gig = eval("$('gig"+count_gigs+"')");	
				
				if($("black_screen2") ){
					
					$("black_screen2").addEvent("click", function(){ //alert($("gig4").getStyle("top").toInt());
													 														 
													if( last_gig.getStyle("top").toInt() == max_top ){													   
														   $("target_gigs").dispose();		  
														   for(var i=1; i<=count_gigs; i++){
															   eval("tween_gig"+i+"_out.start('top','60px');");
														   }
														   $("black_screen2").fade("out"); 
														   if($("here_home") ){ $("here_home").setStyle("opacity","1"); }
														   else if($("here_biog") ){ $("here_biog").setStyle("opacity","1"); }
														   else if($("here_gallery") ){ $("here_gallery").setStyle("opacity","1"); }
														   $("content_gigs").tween("height","10px");
														   if( $("video_01") ){ $("video_01").fade("opacity","1"); }
														   //else if($("here_home")){ $("here_home").setStyle("opacity","1"); }
													}
													//if($("black_screen2").getStyle("opacity")==0 ){ $("content_gigs").setStyle("height","10px"); }
											}); 
				   
				   	$("menu").addEvent("click",function(){
										 if( last_gig.getStyle("top").toInt() == max_top ){
											 $("target_gigs").dispose();		 
											 for(var i=1; i<=count_gigs; i++){
											     eval("tween_gig"+i+"_out.start('top','60px');");
											 }
											 $("black_screen2").fade("out"); 
											 if($("here_home") ){ $("here_home").setStyle("opacity","1"); }
											 else if($("here_biog") ){ $("here_biog").setStyle("opacity","1"); }
											 else if($("here_gallery") ){ $("here_gallery").setStyle("opacity","1"); }
											 $("content_gigs").tween("height","10px");
											 if( $("video_01") ){ $("video_01").setStyle("opacity","1"); }
										 }
								 });
					
					$("content_gigs").addEvent("click",function(){
										 if( last_gig.getStyle("top").toInt() == max_top ){
											 $("target_gigs").dispose();		 
											 for(var i=1; i<=count_gigs; i++){
											     eval("tween_gig"+i+"_out.start('top','60px');");
											 }
											 $("black_screen2").fade("out"); 
											 if($("here_home") ){ $("here_home").setStyle("opacity","1"); }
											 else if($("here_biog") ){ $("here_biog").setStyle("opacity","1"); }
											 else if($("here_gallery") ){ $("here_gallery").setStyle("opacity","1"); }
											 $("content_gigs").tween("height","10px");
											 if( $("video_01") ){ $("video_01").setStyle("opacity","1"); }
										 }
								 });
					
				}//IF $("black_screen2")
				
				
			
			}//IF MENU'
			
			if($("partners") ){
				$("partners").set("tween", {duration:500, link:"cancel"});
				$("partners").addEvents({"mouseenter":function(){
									   this.tween("width", "314px");
									},"mouseleave":function(){
									   this.tween("width", "71px");
									}
				});
			}
			
			$("email").set("tween", {duration:500, link:"cancel"});
			
			$("email").addEvents({"mouseenter":function(){
									   this.tween("height", "133px");
								 },"mouseleave":function(){
									   this.tween("height", "22px");
								 }
			});
						
			if($("ITA_lang") ){
				$("ITA_lang").addEvent("click", function(){
							$("biog_content_ENG").setStyle("display", "none");
							$("biog_content_ITA").setStyle("display", "block");
				});			
			
				$("ENG_lang").addEvent("click", function(){			
							$("biog_content_ITA").setStyle("display", "none");
							$("biog_content_ENG").setStyle("display", "block");
				});
			}
			
			if($("video_01") ){
				$("video_01").addEvent("mouseenter", function(){ //alert(0);
				
											$("black_screen2").fade(0.9);
				
				});	
				$("content_index").addEvent("click", function(){//alert($("black_screen2").getStyle("opacity").toInt());
						if( $("black_screen2").getStyle("opacity") > 0.8 && $("video_01").getStyle("opacity") > 0 ){ $("black_screen2").fade("out");  }
				});
				/*
				$(document.body).addEvent("keydown", function(e){
						if(e.key == "esc" && $("black_screen2").getStyle("opacity") > 0.8){ $("black_screen2").fade("out"); }					
				});*/
				
			}//IF VIDEO_01
			
			
	});//END DOMREADY 
}




function show_hide_pw(id){
	if(!Browser.Engine.trident){
		$(id).fade("toggle");
		
	}
	else{ 
		$(id).setStyle("visibility","visible");
	}
	$(id).pw.value = "";
	show_manag_songs();
}

function set_color_list(){
	var size = 0; 
	var color_box = ["000", "FFC", "F09", "0CF"];
	var color_txt = ["white", "black"];
	
	for(var i=0; i < $("songs_list").length; i++){
		color_B = color_box[i%4];
		color_T = color_txt[i%2];
		if(Browser.Engine.trident){
			form_songs.songs_list.options[i].style.backgroundColor = color_B;
			form_songs.songs_list.options[i].style.color = color_T;
		}
		else{
			$("songs_list").options[i].setStyles({
					"background-color" : "#"+color_B,
					"color" : color_T
				});
	   }
	}//FOR
}

function show_manag_songs(){
	if($("form_pw").pw.value != "fulvio"){
		$("manag_songs").fade("out"); 
		if($("black_screen").getStyle("opacity") == "0.8"){ $("black_screen").fade("out"); }
		$("del").checked = false;
		$("mp3_content").set("html", "" );
		del_song();
		
		return false;
	}
	$("manag_songs").setStyle("top", "30px");
	$("manag_songs").fade("in");
	//$("black_screen").setStyle("z-index","4");
	$("black_screen").fade(0.8);//fade(0.7);
	//$("manag_songs").Tween
	new Fx.Morph("manag_songs", { duration:1500, transition:Fx.Transitions.Elastic.easeOut }).start({
					"top":"220px",
					"height":[50, 170]
				});
	//alert(0);
	return true;
}

function submit_song(){
	$("mp3_content").setStyle("background","url(imgs/loader.gif) no-repeat 230px 20px");
	return true;
}

function del_song(){
		if($("del").checked){//alert(0);
			$("_mp3").setStyle("display","none");
			$("label_mp3").setStyle("display","none");
			$("_artista").setStyle("display","none");
			$("artista").setStyle("display","none");
			
			$("_songs_list").setStyle("display","block");
			$("songs_list").setStyle("display","block");
		   	$("upload").setStyle("display","none");
			$("delete").setStyle("display","block");
			//$("responseDEL").set("html", "");
			$("mp3_content").set("html", "");
		}
		else{
			 $("_songs_list").setStyle("display","none");
 			 $("songs_list").setStyle("display","none");
			 
			 $("upload").setStyle("display","block");
			 $("delete").setStyle("display","none"); 
			 $("_mp3").setStyle("display","block");
			 $("label_mp3").setStyle("display","block");
			 $("_artista").setStyle("display","block");
			 $("artista").setStyle("display","block");
			 //$("responseDEL").set("html", "" );
			 $("mp3_content").set("html", "");
			}
}

function XHR(method, URL, synch){
 	var xhr;
 	if(window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
 	else{ xhr = new XMLHttpRequest();  }
 	xhr.open(method, URL, synch);
 return xhr;
}

function put_del_song(val){
	var xhr;
	var str_params;
	if(val == "Delete"){//alert(101);	
		$("mp3_content").setStyle("background","url(../imgs/loader.gif) no-repeat 230px 20px");
		xhr = XHR("post", "manSongs.php", true);
		xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		if($("songs_list").value != -1){
			//alert( $("songs_list").value );
			str_params = "del="+encodeURI()+"&songs_list="+encodeURI($("songs_list").value);
			
			xhr.onreadystatechange = function(){
				
				if(xhr.readyState == 4){
					if(xhr.status == 200){ 
						$("mp3_content").setStyle("background","none");
						var size = xhr.responseText.length;
						$("mp3_content").set("html", xhr.responseText.substr(0, size-1) );
						list_update();
						//set_color_list();
						//alert(100);
					}
				}
			}
		}
		//var params = str_params;
		xhr.send(str_params);
	}
}

function list_update(){
	var html = "<option value='-1'>Select song</option>";
	var oxhr = XHR("get", "songs/playlist.xml", true);
	oxhr.onreadystatechange = function(){ 
				if(oxhr.readyState == 4){
					if(oxhr.status == 200){
						var doc = oxhr.responseXML; 
						var list_songs = doc.getElementsByTagName("song");
						//alert(list_songs.length);
						for(i=0; i < list_songs.length; i++){
							attr = list_songs.item(i).attributes; 
							song = attr.item(1).nodeValue;
							id = attr.item(0).nodeValue; 
							html += "<option value='"+id+"'>"+song+"</option>";
							//alert(html+"\n");
						}
						$("songs_list").set("html", html);
						set_color_list();
					}
				}
	}
	oxhr.send(null);
	
}

function stopUpload(success, mp3_info){//alert(0);
   //var result = '';
   //alert(success);
   $("mp3_content").setStyle("background-image","none");
   if(success == 1){
	   $("mp3_content").set("html", "The file was uploaded successfully!<br/>"+mp3_info);
   }
   else{
      $("mp3_content").set("html", "There was an error during file upload!<br/>"+mp3_info);
   }
   
   list_update();  
 return true;
}


function show_nick(id){
	$(id).setStyle("background-position","bottom");
}

function hide_nick(id){
	$(id).setStyle("background-position","top");
}

function change_bck_color(img_bck){
	$("biog_box").setStyle("background-image", "url(imgs/"+img_bck+")" );
}