$(document).ready(function() {

        //on cache la div content
        var n_left = $("#contenu").css("left");
        $("#contenu").css("left","2000px");
        
        //menu hove
        $(".menu_item").hover(
          function () {
            SwitchOn($(this));
          }, 
          function () {
            SwitchOff($(this));
          }
        );
        var reg=new RegExp("(px)", "g");
        var temp = n_left.replace(reg,"");
        temp = parseFloat(temp) - 10;
        temp = temp + "px";
        $("#contenu").animate({left: temp}, 3000); 
        $("#contenu").animate({left: n_left}, 500); 
        
         //content hove
        $("#contenu").hover(
          function () {
            FadeIn();
          }, 
          function () {
            FadeOut();
          }
        );


        
});





function SwitchOn(theDiv)
{
    theDiv.css("background-color", "#183173");

}
function SwitchOff(theDiv)
{
    theDiv.css("background-color", "Transparent");
}

function FadeIn()
{
//    $(".content_fade").removeClass("content_fade_out");
//    $(".content_fade").addClass("content_fade_in");
    $(".content_fade").fadeTo("slow", 1);
}
function FadeOut()
{
//    $(".content_fade").removeClass("content_fade_in");
//    $(".content_fade").addClass("content_fade_out");
    $(".content_fade").fadeTo("slow", 0.15);
}