sliden points problem

sliden points problem

hello
i have serious problem about my script.
my site is like this:
  2. <div class="pointActions">
  3.     <ul class="point" id="point">
  4.     </ul>
  5.      </div> 
  6.                     
  7.      <div id="menu">
  8.       <ul id="example-two" class="group">
  9.         <li class="menuItem" id="current_page_item_two">
  10.             <a href="#"></a>
  11.             </li>
  12.         <li class="menuItem">
  13.             <a href="">
  14.                 <img  src="" alt="thumbnail" width="80" />
  15.                 </a>
  16.             </li>
  17.         <li class="menuItem">
  18.             <a href="">
  19.                 <img  src="" alt="thumbnail" />
  20.                 </a>
  21.              </li>
  22.         <li class="menuItem">
  23.             <a href="">
  24.                 <img src="" alt="thumbnail" width="80" />
  25.                 </a>
  26.              </li>
  27.           </ul>
  28.        </div>


i'm triying to make a point in the pointActions tag and sliden this point according to my mouse movement on the menu div.i wrote a script but it will go only when i hover on the link.


how can i solve this problem??


my script is:

$(function() {

    var $el, leftPos, newWidth;
        $mainNav2 = $("#point");
    $mainNav2.append("<li id='greypoint'></li>");
    var $magicLineTwo = $("#greypoint");
    $magicLineTwo
        .width($("#greypoint").width())
        .height($("greypoint").height())
        .css("left", $("#current_page_item_two a").position().left)
        .data("origLeft", $magicLineTwo.position().left)
        .data("origWidth", $magicLineTwo.width())
        .data("origColor", $(".menuItem a").attr("rel"));
    $("#example-two li ").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        $magicLineTwo.stop().animate({
            left: leftPos,
            width: newWidth
        },1000);
    }, function() {
        $magicLineTwo.stop().animate({
            left: $magicLineTwo.data("origLeft"),
            width: $magicLineTwo.data("origWidth")
        },2000);    
    });
    
    $("#current_page_item_two a").mouseenter();
});