$(function(){

$('#om').click(function(){
$('#contenus').animate({marginLeft:00},900);
$('#lipro').removeClass();
$('#lignu').removeClass();
$('#licont').removeClass();
$('#lilink').removeClass();
$('#liom').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
});
$('#pro').click(function(){
$('#contenus').animate({marginLeft:-1260},900);
$('#liom').removeClass();
$('#lignu').removeClass();
$('#licont').removeClass();
$('#lilink').removeClass();
$('#lipro').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
});
$('#gnu').click(function(){
$('#contenus').animate({marginLeft:-2520},900);
$('#liom').removeClass();
$('#lipro').removeClass();
$('#licont').removeClass();
$('#lilink').removeClass();
$('#lignu').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
}); 
$('#cont').click(function(){
$('#contenus').animate({marginLeft:-3780},900);
$('#liom').removeClass();
$('#lipro').removeClass();
$('#lignu').removeClass();
$('#lilink').removeClass();
$('#licont').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
}); 
$('#link').click(function(){
$('#contenus').animate({marginLeft:-5040},900);
$('#liom').removeClass();
$('#lipro').removeClass();
$('#lignu').removeClass();
$('#licont').removeClass();
$('#lilink').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
}); 

$('#contactme').click(function(){
$('#contenus').animate({marginLeft:-3780},900);
$('#liom').removeClass();
$('#lipro').removeClass();
$('#lignu').removeClass();
$('#lilink').removeClass();
$('#licont').addClass("current_page_item");
$magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
});




$('#link-compet').click(function(){
	$('#pro-wrap').fadeOut("fast",function(){
		$('#pro-competences').fadeIn("slow");
	});
}); 
$('#link-realz').click(function(){
	$('#pro-competences').fadeOut("fast",function(){
		$('#pro-wrap').fadeIn("slow");
	});
}); 



var contenuWidth = $(window).width();
if (contenuWidth < 1200) {$('#corps').width(contenuWidth);}else {;}


    var $el, leftPos, newWidth,
        $mainNav = $("#menu");
    

    $mainNav.append("<li id='magic-line'></li>");
    
    var $magicLine = $("#magic-line");
    
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $("#menu li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
 
 
 var txturl = document.URL;

switch (txturl){
	case 'http://diroots.info/#professionnel' :
		$('#contenus').animate({marginLeft:-1260},900);
		$('#liom').removeClass();
		$('#lipro').addClass("current_page_item");
		$magicLine
			.width($(".current_page_item").width())
			.css("left", $(".current_page_item a").position().left)
			.data("origLeft", $magicLine.position().left)
			.data("origWidth", $magicLine.width());
		break;
	case 'http://diroots.info/#gnulinux' :
		$('#contenus').animate({marginLeft:-2520},900);
		$('#liom').removeClass();
		$('#lignu').addClass("current_page_item");
		$magicLine
			.width($(".current_page_item").width())
			.css("left", $(".current_page_item a").position().left)
			.data("origLeft", $magicLine.position().left)
			.data("origWidth", $magicLine.width());
		break;
	case 'http://diroots.info/#contact' :
		$('#contenus').animate({marginLeft:-3780},900);
		$('#liom').removeClass();
		$('#licont').addClass("current_page_item");
		$magicLine
			.width($(".current_page_item").width())
			.css("left", $(".current_page_item a").position().left)
			.data("origLeft", $magicLine.position().left)
			.data("origWidth", $magicLine.width());
		break;
	case 'http://diroots.info/#liens' :
		$('#contenus').animate({marginLeft:-5040},900);
		$('#liom').removeClass();
		$('#lilink').addClass("current_page_item");
		$magicLine
			.width($(".current_page_item").width())
			.css("left", $(".current_page_item a").position().left)
			.data("origLeft", $magicLine.position().left)
			.data("origWidth", $magicLine.width());
		break;
	        
}  

});