$(document).ready(function() {
        var $magicLine = $("#magic-line");
    var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);

    
    

    var $el, leftPos, newWidth
      /*  $mainNav = $("#example-one");

    $mainNav.append("<li id='magic-line'></li>");*/
 

    $magicLine
     .css("left", $(".current_page_item a").position().left)
     $magicLine.width($(".current_page_item").width())
     
        .data("origLeft", $magicLine.position().left + 20)
        .data("origWidth", $magicLine.width() - 40)
        .data("origColor", $(".current_page_item a").attr("rel"));
        if (filename=='index.php' || filename=='contact-us.php' || filename=='careers.php' || filename=='')
    {
        $magicLine.data('origColor', '#F5F4F5')
    }





    $("#example-one li a").hover(function() {
        
        $el = $(this);

        leftPos = $el.position().left + 20;
         $magicLine.data("origLeft", $(".current_page_item a").position().left + 20); //firefox hack
        newWidth = $el.parent().width() - 40;
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth,
            backgroundColor: $el.attr("rel")
        });
    }, function() {
        
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth"),
            backgroundColor: $magicLine.data("origColor")
        });
    });

                 $magicLine.data("origLeft", $(".current_page_item a").position().left + 20);
        $magicLine.animate({
    left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth"),
            backgroundColor: $magicLine.data("origColor")

});
    });