$(document).ready(function() {
	
	logoBox = $("#logo div");
	
	// Work on this
	// http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-display-elements-sequentially-with-jquery/
	// to display each letter individually	
	$("#logo a").css("width", "0px").delay(300).animate({"width": "200px"}, 1000);
	
	$("#logo").hover(
		function() {
			$(logoBox).fadeIn(300);
		},
		function() {
			$(logoBox).fadeOut(300);
		}
	);
	
});