$(function(){
            var $el, leftPos, newWidth,
            $mainNav = $("#naviline-one"),
            $mainNav2 = $("#naviline-two");


            $mainNav.append("<li id='magic-line'></li>");
            var $magicLine = $("#magic-line");
            $magicLine
               .width($(".navi_home").width())
               .css("left", $(".navi_home a").position().left)
               .data("origLeft", $magicLine.position().left)
               .data("origWidth", $magicLine.width());
            $("#naviline-one li 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")
               });
            });
            
            $mainNav2.append("<li id='magic-line-two'></li>");
            var $magicLineTwo = $("#magic-line-two");
            $magicLineTwo
               .width($(".navi_home_two").width())
               .height($mainNav2.height())
               .css("left", $(".navi_home_two a").position().left)
               .data("origLeft", $(".navi_home_two a").position().left)
               .data("origWidth", $magicLineTwo.width())
               .data("origColor", $(".navi_home_two a").attr("rel"));
         });