$(document).ready(function() {
	
	
	$("#scrollnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#scrollnav 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
	
	$("#scrollnav li.link").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: "-40" //Find the span tag and move it up 40 pixels
			}, 250);
		}
	} , 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);
		}
		
	});
	
});