// fichier permettant le dynamisme des boxes (actu, contact, outils)
// (c) 2010 ELOSI : Domitille Luez http://www.elosi.com
$(document).ready(function() {
	var actifActu=true;
	var actifContent=true;
	var actifContact=true;
	var actifOutils=true;

	
	<!-- affichage partie actu -->
	$(".hdActu").click(function () {
		if(actifActu==true){
			actifActu=false;
			$("#flechActu").css('background', 'url(images/little-fleche.png)');
			$("#cttActu").hide("slide", { direction: "up"}, 1000);
		 }else{
			actifActu=true;
			$("#flechActu").css('background', 'url(images/little-flecheHt.png)');
			$("#cttActu").show("slide", { direction: "up"}, 1000);
		}
	});
	
	<!-- affichage partie contact -->
	$("#hdContact").click(function () {
		if(actifContact==true){
			actifContact=false;
			$("#flechContact").css('background', 'url(images/little-flecheHt.png)');
			$(".cttContact").hide("slide", { direction: "down"},10);

		}else{
			actifContact=true;
			$("#flechContact").css('background', 'url(images/little-fleche.png)');
			$(".cttContact").show("slide", { direction: "down"}, 10);
		}
		
	});
	
	<!-- affichage partie outils -->
	$("#hdOutils").click(function () {
		if(actifOutils==true){
			actifOutils=false;
			$("#flechOutils").css('background', 'url(images/little-flecheLft.png)');
			if (screen.width==800){$("#outils").animate({ marginRight: "-=158px"}, 1000);
			}else{
				$("#outils").animate({ marginRight: "-=189px"}, 1000);
			}
		}else{
			actifOutils=true;
			$("#flechOutils").css('background', 'url(images/little-flecheRgt.png)');
			if (screen.width==800){$("#outils").animate({ marginRight: "+=158px"}, 1000);
			}else{
				$("#outils").animate({ marginRight: "+=189px"}, 1000);
			}
		}
	});
	
	$("#viewOutils").click(function () {
		if(actifOutils==false){
			actifOutils=true;
			$("#flechOutils").css('background', 'url(images/little-flecheRgt.png)');
			if (screen.width==800){$("#outils").animate({ marginRight: "+=158px"}, 1000);
			}else{
				$("#outils").animate({ marginRight: "+=189px"}, 1000);
			}
		}
	});
	
	$("#viewSiteMap").click(function () {
		if(actifOutils==false){
			actifOutils=true;
			$("#flechOutils").css('background', 'url(images/little-flecheRgt.png)');
			if (screen.width==800){$("#outils").animate({ marginRight: "+=158px"}, 1000);
			}else{
				$("#outils").animate({ marginRight: "+=189px"}, 1000);
			}
		}
	});
});