$(document).ready(function() {
// Scrypt pour le changement d'image en background

	// selection de la balise
	$('#header ul.pictures li a').click(function () {
		// on cree une variable qui va chercher le chemin de l'image.
		var bgUrl = $(this).attr("href")
		//Function de chargement de l'image 
			//1 on supprime la class 'on' de l'ancien thumbnail cliqué
		$('ul.pictures li').removeClass();
			//2 on Ajoute la class 'on' a celui qui a été cliqué
		$(this).parent().addClass('on');
			//3 on Charge l'image cliquer dans l'attribu SRC de Img.BG
		$('img.bg').attr("src", bgUrl);
		return false;
	});
	
// page PRATIQUE
//	$('div.hide p').hide();
//	$('div.hide ul').hide();
//	$('div.content table').hide();									//On cache les P
//	$('div.content h3 a').addClass("open");//On Met la class "open" > Fleche en Haut
//        $('.content h3').click(function(){							// Appel des H3
//			$(this).nextUntil('h3').slideToggle('slow');		// On applique un Toggle sur les P entre H3
//			
//              // Condition pour le sens de la flèche
//			if($(this).find("a").hasClass("open")){ 			//Si sur le click du H3, le a a une class "open"
//				$(this).find("a").removeClass();				//on lui enleve la class
//			}else{
//				$(this).find("a").addClass("open");				//Sinon on lui met
//			}
//		return false;										 	//return false pour inhiber le lien
//	});
        
//	$('.content h3').click(function(){// Appel des H3
//            if($('.content h3 a').hasClass("open")){
//                $(this).nextUntil('h3').slideToggle('slow');
//                
//            }
            
        /// TEST
        $('.content > div').hide();
        $('.content h3').click(function(){
		if($(this).find('a').hasClass('open')){
			$(this).nextUntil('.content > h3').slideUp('slow');
			$('.content > h3 > a').removeClass("open");
                        $(this).find('a').removeClass('open');
		}else{
			if($('.content > h3 > a').hasClass("open")){
                            $('.content > h3').nextUntil('.content > h3').slideUp('slow');
				//$('.content h3 a div').slideUp('slow');//.nextUntil('h3').slideToggle(ShowOrHide);
				$(this).nextUntil('h3').slideDown('slow');
				$('.content h3 a.open').removeClass("open");
				$(this).find("a").addClass("open");
			}else{
				$(this).nextUntil('h3').slideDown('slow');
				if($(this).find("a").hasClass("open")){
					$(this).find("a").removeClass();
				}else{
					$(this).find("a").addClass("open");
				}
			return false;
			}
		return false;
		}
	});
        
        
        /// FIN TEST
        
        
        
        
        
                        
//			$(this).nextUntil('h3').slideToggle('slow');		// On applique un Toggle sur les P entre H3
//			
//              // Condition pour le sens de la flèche
//			if($(this).find("a").hasClass("open")){ 			//Si sur le click du H3, le a a une class "open"
//				$(this).find("a").removeClass();				//on lui enleve la class
//			}else{
//				$(this).find("a").addClass("open");				//Sinon on lui met
//			}
//		return false;										 	//return false pour inhiber le lien
//	});



	
});