$(document).ready(function () { //<-- this line executes the javascript after the page finishes loading
        	// remove class from menu
        	$("#work-body #work-link").removeClass("menu-link").css("background-color","#faf9f2");
        	$("#service-body #service-link").removeClass("menu-link").css("background-color","#faf9f2");
        	$("#contact-body #contact-link").removeClass("menu-link").css("background-color","#faf9f2");
        	
        	// bind on hover to all square elements
        	$(".menu-link").hover(
        	  function(){
        	    $(this).animate( { backgroundColor:"#4B9CCB" }, { queue:false, duration:150 } )
        	  },
        	  function(){
        	  	$(this).animate( { backgroundColor:"#faf9f2" }, { queue:false, duration:150 } )
        	  });
        	
        	// animate fade-in for selected menu element  
        	$("#work-body #work-link").animate( { backgroundColor:"#716558" }, 2450 );
        	$("#service-body #service-link").animate( { backgroundColor:"#716558" }, 2450 );
        	$("#contact-body #contact-link").animate( { backgroundColor:"#716558" }, 2450 );
        	 
        });