$(document).ready(
	function(){
		
		/* Home */
		
		
		$("#btnDeveloppementWeb").mouseover(
			function () {
				
				$("#developpementWeb").fadeIn("slow");
				$("#externalisationOffshore").css({'display' : 'none'});
				$("#creationGraphique").css({'display' : 'none'});
				$("#referencement").css({'display' : 'none'});
				
				$("#btnExternalisationOffshore").css({'background-position' : '0 0'});
				$("#btnDeveloppementWeb").css({'background-position' : '0 -83px'});
				$("#btnCreationGraphique").css({'background-position' : '0 0'});
				$("#btnReferencement").css({'background-position' : '0 0'});
			}
		);
		$("#btnExternalisationOffshore").mouseover(
			function () {
				
				$("#externalisationOffshore").fadeIn("slow");
				$("#developpementWeb").css({'display' : 'none'});
				$("#creationGraphique").css({'display' : 'none'});
				$("#referencement").css({'display' : 'none'});
				
				$("#btnExternalisationOffshore").css({'background-position' : '0 -83px'});
				$("#btnDeveloppementWeb").css({'background-position' : '0 0'});
				$("#btnCreationGraphique").css({'background-position' : '0 0'});
				$("#btnReferencement").css({'background-position' : '0 0'});
			}
		);
		$("#btnCreationGraphique").mouseover(
			function () {
				$("#externalisationOffshore").css({'display' : 'none'});
				$("#developpementWeb").css({'display' : 'none'});
				$("#referencement").css({'display' : 'none'});
				$("#creationGraphique").fadeIn("slow");
				
				$("#btnExternalisationOffshore").css({'background-position' : '0 0'});
				$("#btnDeveloppementWeb").css({'background-position' : '0 0'});
				$("#btnCreationGraphique").css({'background-position' : '0 -83px'});
				$("#btnReferencement").css({'background-position' : '0 0'});
			}
		);
		
		$("#btnReferencement").mouseover(
			function () {
				$("#externalisationOffshore").css({'display' : 'none'});
				$("#developpementWeb").css({'display' : 'none'});
				$("#creationGraphique").css({'display' : 'none'});
				$("#referencement").fadeIn("slow");
				
				$("#btnExternalisationOffshore").css({'background-position' : '0 0'});
				$("#btnDeveloppementWeb").css({'background-position' : '0 0'});
				$("#btnCreationGraphique").css({'background-position' : '0 0'});
				$("#btnReferencement").css({'background-position' : '0 -83px'});
			}
		);
		
		
		/* R�ferences */
		$("#lesLogoTypes").css({'display' : 'none'}).fadeIn("slow");
		$("#lesEcommerces").css({'display' : 'none'}).fadeIn("slow");
		$("#Tout").css({'background-position' : '0 -40px'});
		
		$("#logoType").click(
			function () {
				$("#lesEcommerces").css({'display' : 'none'});
				$("#lesLogoTypes").css({'display' : 'none'}).fadeIn("slow");
				
				$("#Ecommerce").css({'background-position' : '0 0'});
				$("#logoType").css({'background-position' : '0 -40px'});
				$("#Tout").css({'background-position' : '0 0'});
			}
		);
		
		$("#Ecommerce").click(
			function () {
				$("#lesEcommerces").css({'display' : 'none'}).fadeIn("slow");
				$("#lesLogoTypes").css({'display' : 'none'});
				
				$("#Ecommerce").css({'background-position' : '0 -40px'});
				$("#logoType").css({'background-position' : '0 0'});
				$("#Tout").css({'background-position' : '0 0'});
			}
		);
		
		$("#Tout").click(
			function () {
				$("#lesEcommerces").css({'display' : 'none'}).fadeIn("slow");
				$("#lesLogoTypes").css({'display' : 'none'}).fadeIn("slow");
				
				$("#Ecommerce").css({'background-position' : '0 0px'});
				$("#logoType").css({'background-position' : '0 0'});
				$("#Tout").css({'background-position' : '0 -40px'});
			}
		);
        /* */

        $("#01").animate({opacity: 0.4}, 100 );
        $("#02").animate({opacity: 0.4}, 100 );
        $("#03").animate({opacity: 0.4}, 100 );
        $("#04").animate({opacity: 0.4}, 100 );
        $("#05").animate({opacity: 0.4}, 100 );
        $("#06").animate({opacity: 0.4}, 100 );
        $("#07").animate({opacity: 0.4}, 100 );
        $("#08").animate({opacity: 0.4}, 100 );
        $("#09").animate({opacity: 0.4}, 100 );
        $("#10").animate({opacity: 0.4}, 100 );


        $("#01").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=01");
                $("#01").animate({opacity: 1}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#02").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=02");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 1}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#03").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=03");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 1}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#04").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=04");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 1}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#05").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=05");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 1}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#06").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=06");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 1}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#07").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=07");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 1}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#08").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=08");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 1}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#09").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=09");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 1}, 100 );
                $("#10").animate({opacity: 0.4}, 100 );
			}
		);

        $("#10").mouseover(
			function () {
                $("#load").load("agence_photo.php?photo=10");
                $("#01").animate({opacity: 0.4}, 100 );
                $("#02").animate({opacity: 0.4}, 100 );
                $("#03").animate({opacity: 0.4}, 100 );
                $("#04").animate({opacity: 0.4}, 100 );
                $("#05").animate({opacity: 0.4}, 100 );
                $("#06").animate({opacity: 0.4}, 100 );
                $("#07").animate({opacity: 0.4}, 100 );
                $("#08").animate({opacity: 0.4}, 100 );
                $("#09").animate({opacity: 0.4}, 100 );
                $("#10").animate({opacity: 1}, 100 );
			}
		);
		
	
	}
);