$(document).ready(function(){
    var pointer_id;
    var container_x = $('#topnav').offset().left;
    var pointer = $($('#topnav_indicator img.arrow'));
    var pointer_home_x = pointer.css('left');
    $('#topnav a').bind('mouseover', function(){
            clearInterval(pointer_id); 
            var destX = Math.floor($(this).offset().left - container_x + ($(this).width() / 2));
            //console.log(destX);
            pointer.stop().animate({'left': destX}, 250);
    }).bind('mouseout', function(){
        pointer_id = setInterval(reset_pointer, 250);
    });
    function reset_pointer(){ pointer.stop().animate({'left' : pointer_home_x}, 250); }
});