function trimPx(value) {
       // remove "px" from values
       var pos = value.indexOf("px");
       if (pos != 0)
              return parseInt(value.substring(0, pos));
       else
              return 0;
}


$(document).ready(function() {
       $('#nav a.left-arrow').click(function() {
              return false;
       });

       $('#nav a.right-arrow').click(function() {
              return false;
       });

       $('#nav a.left-arrow').hover(
              function() {
                     leftDistance = trimPx($('#slide ul').css('left'));
                     $('#slide ul').animate({ left: 0 }, Math.abs(leftDistance) * 3);
              },
              function() {
                     $('#slide ul').stop();
              }
       );
       
       $('#nav a.right-arrow').hover(
              function() {
                     rightDistance = trimPx($('#slide ul').css('right'));
                     $('#slide ul').animate({ left: - 6650 }, Math.abs(rightDistance) * 3);
              },
              function() {
                     $('#slide ul').stop();
              }
       );
});