$(function() {
    var $el, leftPos, newWidth; 
    
             
        $("#navigation ul").append("<li id='magic-line-menu'></li>");     
             var $magicLinemenu = $("#magic-line-menu");
        if ( $(".current").length) {
            $magicLinemenu
                .width($(".current").width())
                .css("left", $(".current a").position().left)
                .data("origLeft", $magicLinemenu.position().left)
                .data("origWidth", $magicLinemenu.width());           
        }else{                  
            $magicLinemenu
                .width('0')
                .css("left", '0')
                .data("origLeft", '0')
                .data("origWidth", '0');
        }             
        $("#navigation li").find("a").hover(function() {
            $el = $(this);
            leftPos = $el.position().left;
            newWidth = $el.parent().width();         
            $magicLinemenu.stop().animate({
                left: leftPos,
                width: newWidth
            });
        }, function() {
            $magicLinemenu.stop().animate({
                left: $magicLinemenu.data("origLeft"),
                width: $magicLinemenu.data("origWidth")
            });    
        }); 
     
        
});