$(document).ready(function() {


    $("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag

    $("#topnav li").each(function() { //For each list item...
        var linkText = $(this).find("a").html(); //Find the text inside of the a tag
        $(this).find("span").show().html(linkText); //Add the text in the span tag
    });


    var pageID = $("body").attr("id"); // Get Page ID

    $("#topnav li").hover(function() {	//On hover...\
        var navClass = $(this).attr("class"); //Get current list class name	
        if (pageID != navClass) { //If page ID is not the same as hovered list class name...
            $(this).find("span").stop().animate({
                marginTop: "-35" //Find the span tag and move it up 40 pixels
            }, 100);
        }
    }, function() { //On hover out...
        var navClass = $(this).attr("class"); //Get current list class name	
        if (pageID != navClass) { //If page ID is not the same as hovered list class name...
            $(this).find("span").stop().animate({
                marginTop: "0" //Move the span back to its original state (0px)
            }, 250);
        }

    });

});