// JavaScript Document
$(document).ready(function(){
// Paramétrage wSlie

        $("#scroll").wslide({
                width: 300, 
				autolink: false,
				duration: 1200,
				effect: 'easeOutExpo',
				pos: 2
        });       


// Fonctions du site

$(".about").click(function () {	
		if ($("#contact").not(":hidden")) {
        $("#contact").slideUp(800, 'easeInBounce');   
      	};
      if ($("#max").is(":hidden")) {
        $("#max").slideDown(800, 'easeOutBounce');
		
      } else {
        $("#max").slideUp(800, 'easeInBounce');
		
      };
    });
$(".contact").click(function () {
		if ($("#max").not(":hidden")) {
        $("#max").slideUp(800, 'easeInBounce');   
      	};
	if ($("#contact").is(":hidden")) {
        $("#contact").slideDown(800, 'easeOutBounce');
		 
      } else {
        $("#contact").slideUp(800, 'easeInBounce');
		 
      };
    });

$("#blackWrapper").animate({opacity: 0}); 
$("div#scroll-menu ul li a").mouseover(function(){
						  $(this).animate({paddingLeft: "8px"}, 350 );    
						  });
$("div#scroll-menu ul li a").mouseout(function(){
						  $(this).animate({paddingLeft: "0px"}, 150 );    
						  });
$(".bouton").mouseover(function(){
						  $(this).animate({paddingLeft: "10px"}, 350 );    
						  });
$(".bouton").mouseout(function(){
						  $(this).animate({paddingLeft: "0px"}, 150 );    
						  });
});

    	function infos (v){	
		$("div").filter("[@id^=infos]").css({marginLeft: "-320px"});
		$("div").filter("[@id^=infos]").css({display: "none"});
		$("#infos"+v).css({display: "block"}).animate({marginLeft: "-19px"}, 800, 'easeOutBounce');
		};

i1 = new Image();
i1.src = "/IMG/habillage/fondInfos.png";
i2 = new Image();
i2.src = "/IMG/habillage/fondContact.png";
i3 = new Image();
i3.src = "/IMG/habillage/fondSlideDroite.png";