// JavaScript Document

$(document).ready(
	function(){
						   
		// Emplacement du script
	
		
		// Toutes les div qui portent la classe 'draggable'
		$('.draggable').draggable(
			{
				handle: "p.drag"
			}
		);
		
		
		
		
		$('#etiquette_noire2').hide();
		$('#etiquettelola').hide();
		$('#etiquettemarilou').hide();
		$('#etiquetteaaaaaa').hide();
		$('#etiquettemail').hide();
		$('#etiquetteexpl').hide();
		
		$('#welcome').click(
						function(){
							//alert('clic');
						    $('#etiquettelola').show();
							$('#etiquettemail').show();
							$('#etiquetteexpl').show();
							$('#etiquettemarilou').show();
							$('#etiquetteaaaaaa').show();
							return false;
						}
					);
		
	
		
		// Au chargement de la page
		// Si lolahalifa.html, la zone se nomme div id="lolahalifa"
		$('#lolahalifa').load('lolawelcome.html');
		// Si mariloudadat.html, la zone se nomme div id="mariloudadat"
		$('#mariloudadat').load('marilouwelcome.html');
		
		$('#aaaaaa').load('aaaaaawelcome.html');
		
		//$('#texte').load('texte1.html');
		
		

		// Si l'on clique sur un des liens de la div dont l'id est 'menu' (#menu)
		$('.menu a').click(
			function(){
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				var contenu = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				$('.chargement_contenu').load(contenu);
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				//var contenutexte = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				//$('.chargement_contenutexte').load(contenutexte);
				// On efface tous les éventuels surlignages
				$('#menu a').removeClass('hover');
				// On surligne le lien actuel
				$(this).addClass('hover');
				return false;
			}
		);
		
			$('.menulola a').click(
			function(){
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				var contenu = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				$('.chargement_contenu').load(contenu);
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				//var contenutexte = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				//$('.chargement_contenutexte').load(contenutexte);
				// On efface tous les éventuels surlignages
				$('#menu a').removeClass('hoverlola');
				// On surligne le lien actuel
				$(this).addClass('hoverlola');
				return false;
			}
		);
			
					$('.menuaaa a').click(
			function(){
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				var contenu = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				$('.chargement_contenu').load(contenu);
				// On récupère la valeur de l'attribut href (ex. contenu1.html)
				//var contenutexte = $(this).attr('href');
				//alert(contenu);
				// On charge la page correspondante
				//$('.chargement_contenutexte').load(contenutexte);
				// On efface tous les éventuels surlignages
				$('#menu a').removeClass('hoveraaa');
				// On surligne le lien actuel
				$(this).addClass('hoveraaa');
				return false;
			}
		);
		
	
		//$("#menu").hide();
		//$("#welcome2").hide();
			//$("#apDiv8").hide();
		// TEST benoît
		
		
		$("#survolmenu2").hide();
		$("#survolmenu3").hide();
		$("#survolmenu4").hide();
		$("#explication").hide();
		
		
		$('#welcome3').mouseover(
			function(){

				$("#survolmenu2").show();
				$("#survolmenu3").show();
				$("#survolmenu4").show();
				
			}	
		);
		
			$('#welcome3').mouseout(
			function(){

				$("#survolmenu1").hide();
				$("#p0").hide();
				$("#survolmenu3").hide();
				$("#survolmenu2").hide();
				$("#survolmenu4").hide();
				$("#explication").hide();
				

				
				
			}	
		);
			$('#survolmenu2').mouseout(
			function(){
				
				
				$("#survolmenu2").hide();
				$("#survolmenu1").hide();
				$("#survolmenu3").hide();
				$("#survolmenu4").hide();
				$("#explication").hide();
				
			
	
				
			}	
		);
	
		$('#survolmenu3').mouseout(
			function(){
				
				
				$("#survolmenu2").hide();
				$("#survolmenu1").hide();
				$("#survolmenu3").hide();
				$("#survolmenu4").hide();
				$("#explication").hide();
			
			

			
				
			}	
		);
		
		$('#survolmenu3').mouseover(
			function(){
				
			
				$("#survolmenu2").show();
				$("#survolmenu1").show();
		        $("#explication").show();
				$("#survolmenu4").show();
				
				
			}	
		);
		
			$('#survolmenu2').mouseover(
			function(){
				
			
				$("#survolmenu1").show();
				$("#survolmenu3").show();
				$("#survolmenu4").show();
				$("#explication").show();
			
	
				
			}	
		);
				$('#survolmenu4').mouseover(
			function(){
				
			
				$("#survolmenu1").show();
				$("#survolmenu3").show();
				$("#survolmenu2").show();
				$("#survolmenu4").show();
				$("#explication").show();
				
	
				
			}	
		);
					$('#survolmenu4').mouseout(
			function(){
				
			
				$("#survolmenu1").hide();
				$("#survolmenu3").hide();
				$("#survolmenu2").hide();
				$("#survolmenu4").hide();
				$("#explication").hide();
				
	
				
			}	
		);
					
					
				$('#explication').mouseover(
			function(){
				
			
				$("#survolmenu1").hide();
				$("#survolmenu3").hide();
				$("#survolmenu2").hide();
				$("#survolmenu4").hide();
				$("#explication").hide();
				
	
				
			}	
		);
				
		
			$('.survol').mouseover(
			function(){
				
			
				$("#survolmenu2").show();
				$("#survolmenu3").show();
				$("#survolmenu4").show();
				$("#survolmenu1").show();
				$("#explication").show();
				
	
				
			}	
		);
			
	
		
	
		
	
		
		
		
		
		
		
			
						   
	}
);