var database;




var toune1=["toune1.ogg",723000];
var toune2=["toune2.ogg",305000];
var toune3=["toune3.ogg",304000];
var toune4=["toune4.ogg",215000];
var chanson=[toune1,toune2,toune3,toune4];

var largeur=0;
var hauteur=0;
var show;
var j=0;

var lastElement=null;

var haut="12em";
			var bas="4em";
			var i=0;
			var id;
			var $id;	
			
			
			$(document).ready(function(){
				
			  $("#vertusM").click(function(){
				haut="15em";			
			  });	
			  $("#nomL").click(function(){
				haut="12em";			
			  });	
			   $("#nomC").click(function(){
				haut="12em";			
			  });	
			   $("#saison").click(function(){
				haut="12em";			
			  });	
			   $("#familles").click(function(){
				haut="12em";			
			  });
			 	
			  $("#banniere").click(function(){
				$("#choix").slideToggle();
				$(".selecteur").slideToggle();
				if(i%2==0){
					$("#corp").animate({top: bas},"fast");
					$("#tooltip img").attr("src","flecheD.png");
				}
				else{
					$("#corp").animate({top: haut},"fast");
					$("#tooltip img").attr("src","flecheG.png");
				}
				i++;
			  });
			  $("#nomC,#nomL,#vertusM,#familles,#saison,.lien").mouseover(function(){
				  $(this).css("background","green");
				  });
			   $("#nomC,#nomL,#vertusM,#familles,#saison,.lien").mouseout(function(){
				  
				  if($(this).attr("id")==$(id).attr("id"))
 				  	$(id).css("background","green");
 				 else
  				  	$(this).css("background","rgba(0,100,0,0.5)");
				  });
				  
				 $("#nomC,#nomL,#vertusM,#familles,#saison").click(function(){
					 $(id).css("background","rgba(0,100,0,0.5)");				  
					 id="#"+$(this).attr("id");  				  
				  });
				$("#nomC").click(function(){
				   $.ajax({url:"menu.php?noMenu=0",success:function(result){$("#choix").html(result)}});
				   $("#corp").animate({top: haut},"fast");	
				   		  
				  });
				$("#nomL").click(function(){
				   $.ajax({url:"menu.php?noMenu=1",success:function(result){$("#choix").html(result)}});
				   $("#corp").animate({top: haut},"fast");			  
				  });
				 $("#vertusM").click(function(){
				   $.ajax({url:"menu.php?noMenu=2",success:function(result){$("#choix").html(result)}});
				   $("#corp").animate({top: haut},"fast");			  
				  });
				 $("#familles").click(function(){
				   $.ajax({url:"menu.php?noMenu=3",success:function(result){$("#choix").html(result)}});
				   $("#corp").animate({top: haut},"fast");			  
				  });
				 $("#saison").click(function(){
				   $.ajax({url:"menu.php?noMenu=4",success:function(result){$("#choix").html(result)}});
				   $("#corp").animate({top: haut},"fast");			  
				  });
				
			});		


function afficherForm(){
	document.getElementById('formulaire').style.display='block';
	document.getElementById('boutonForm').style.display='none';	
	document.getElementById('database').value=database;
			
}




function retournerDebut(){
	
	window.scrollTo(0,0);
	
}

function changerMusique(){
		
		document.getElementById('musique').innerHTML='<audio autoplay="autoplay" onended="changerMusique()" controls="constrols" src="music/'+chanson[j][0]+'"></audio>'+j;
		
		
		j++;		 	
		
	
	
}

function afficherSousMenu(fichier,element,top){
	
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	 	 xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	 	 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.onreadystatechange=function()
	  {
		  if (xmlhttp.readyState==4 && xmlhttp.status==200)
			{
				
				document.getElementById("choix").innerHTML=xmlhttp.responseText;
				document.getElementById("corp").style.top=top+"em";
				selecteurActiver(element);	
						
			}
	  }
	xmlhttp.open("GET",fichier,true);
	xmlhttp.send();
	
}

function selecteurActiver(element){
	
	var listes=document.getElementsByTagName('ul');
	
	var elements=listes[0].getElementsByTagName('li');
	for(var i in elements){
		if(elements[i]==element)
			element.style.background="green";
		else
			elements[i].style.background="rgba(0,100,0,0.5)";
	}	
	
}



document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
	var classes = elem[i].className;
	if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
}