function initializeMenuPointer() {
    // Replace the Wordpress specific stuff with the classes we need
    $('div#menu ul#main-menu li.current_page_item').addClass('current');
    $('div#menu ul#main-menu li.current_page_ancestor').addClass('current');
    $('div#menu ul#main-menu li.current_page_parent').addClass('current');

    // If there's no current item after all that, son'te panic and just
    // make the first menu item the current one
    if (!$('.current').length) { $('div#menu ul#main-menu li:first').addClass('current'); }

    // Insert the dynamic arrow thingy
    $('div#menu').prepend('<div id="dynamicPointer"><\/div>');

    // Figure out where it is relative to its parent container. Our
    // CSS has it initialized at the top possible position.
    var topPos = $('div#dynamicPointer').css('top');
    topPos = topPos.replace("px","");

    // Now figure out where it should be on this page
    startPos = parseInt(topPos) + ( 49 * $("div#menu ul#main-menu li.current").index("div#menu ul#main-menu li") );
    $('div#dynamicPointer').css('top', startPos+'px');

    // What we do when we mouse over a menu item
    $("div#menu ul#main-menu li").mouseover(function(){
        $('div#dynamicPointer').stop(); // Abort current animation
        var index = $("div#menu ul#main-menu li").index(this); // Find out where we are
        newPos = parseInt(topPos) + ( 49 * index ); // Get new position
        newPos = newPos + 'px'; // Add px to it so it works in CSS
        $('div#dynamicPointer').animate({ top: newPos }, 500); // Animate it!
    });

    // What we do when we mouse off a menu item
    $("div#menu ul#main-menu li").mouseout(function(){
        $('div#dynamicPointer').stop(); // Abort current animation
        newPos = startPos; // Let's put it back in the starting position
        newPos = newPos + 'px'; // Add px to it so it works in CSS
        $('div#dynamicPointer').animate({ top: newPos }, 500); // Animate it!
    });
}