// do stuff when the page is loaded
$(document).ready(function() {

	$(".behindLogoC")
		.css("width","249px");
	$("#line")
		.css("height","23px");
	$(".leftLink span")
		.css("display","none");
	$(".leftLink")
		.css("display","none");
	$(".logoLinksContainer")
		.css("display","none");
			
			
			
			
//This opens the menu on the left hand side (under logo)
	$("#line").hover(
			function() {
				$("#line").animate({
					"height": "500px"
				},{queue:false, duration:"normal"}, "slow");
				$(".leftLink span").show("slow");
				$(".leftLink").show("slow");
			},
			function () {
				$("#line").animate({
					"height": "23px"
				},{queue:false, duration:"normal"}, "fast");

				$(".leftLink span").hide("slow");
				$(".leftLink").hide("fast");
			}
	);	



	$(".behindLogoC").hover(
			function() {
				$(".behindLogoC").animate({
					"width": "650px"
				},{queue:false, duration:"normal"}, "slow");
				$(".logoLinksContainer")
					.css("display","inline");
			},
			function () {
				$(".behindLogoC").animate({
					"width": "249px"
				},{queue:false, duration:"normal"}, "fast");
				$(".logoLinksContainer")
					.css("display","none");
			}
	);	

});