jQuery.noConflict();  
 jQuery(document).ready(function() {

        

    var $el, leftPos, newWidth,
        $mainNav = jQuery("#example-one"),
        $mainNav2 = jQuery("#example-two");
    
    /*
        EXAMPLE ONE
    */
    
    
if (!jQuery(".current_page_item a").position())
{$mainNav.append("<li id='magic-line1'></li>");var $magicLine1 = jQuery("#magic-line1"); $magicLine1.css("left", -1000)
    ;} else
{$mainNav.append("<li id='magic-line'></li>");var $magicLine = jQuery("#magic-line"); $magicLine
    .css("left", jQuery(".current_page_item a").position().left)
    .width(jQuery(".current_page_item").width())
    .data("origWidth", $magicLine.width()) 
    .data("origLeft", $magicLine.position().left);}

if (!jQuery(".current_page_item a").width())
{$mainNav.append("<li id='magic-line1'></li>");var $magicLine1 = jQuery("#magic-line1"); $magicLine1
    .data("origWidth",0)
    .data("origLeft", $magicLine1.position().left)
    ;} else
{var $magicLine = jQuery("#magic-line"); $magicLine
  .width(0)  //.width(jQuery(".current_page_item").width())
    .data("origWidth", $magicLine.width())
    .data("origLeft", $magicLine.position().left)
        ; }


   // $magicLine
       // .width(jQuery(".current_page_item").width())
       // .css("left", jQuery(".current_page_item a").position().left)
             
    
    jQuery("#example-one li").find("a").hover(function() {
        $el = jQuery(this);
     leftPos = $el.position().left;
       //  leftPos = 0;
           newWidth = $el.parent().width();
       // newWidth = 0
       if (!jQuery(".current_page_item a").width()|| !jQuery(".current_page_item a").position())
{$magicLine1.stop().animate({
            left: leftPos,
            width: newWidth
        // width: 0
        });} else {
       $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
       //  width: 0
        });}
    }, function() {
        
        if (!jQuery(".current_page_item a").width()|| !jQuery(".current_page_item a").position())
{$magicLine1.stop().animate({
         left: 0,
         //left: $magicLine1.data("origLeft"),
          //    width: $magicLine1.data("origWidth")
        width: 0
        }); }else { $magicLine.stop().animate({
         //left: -1000,
           left: $magicLine.data("origLeft"),
              width: $magicLine.data("origWidth")
         // width: 0
        });  }
         
    });
    

});