// JavaScript Document
$(document).ready(function() {
	//navigation animation
	$("#topnav li").prepend("<span></span>"); //Add 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: "-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);
							}
		});
	
	
	$('#homewrapper').fadeIn(1000);
	$('#aboutwrapper').fadeIn(1000);
	$('#serviceswrapper').fadeIn(1000);
	$('#clientswrapper').fadeIn(1000);
	$('#historywrapper').fadeIn(1000);
	$('#contactwrapper').fadeIn(1000);
	

	

});