$(document).ready(function(){

	$("body").css("background-image", "url(../images/marblebackground.jpg)");
	//$("li").append("<span>extra text</span>")

	$("p").css({
		"opacity":".9",
		"color":"#453312",
		"font-size":"22px"
	});
	$("body").css("font-family","arial");





	$("a.menu-sub-item").css({"opacity":".4","font-weight":"bold"});
	$("a.menu-sub-item").mouseover(function(event){
		$(this).css("opacity","1");
	});
	$("a.menu-sub-item").mouseout(function(event){
		$(this).stop();
		$(this).animate({
			opacity:.4
		},1000);
	});

	$("a.menu-sub-sub-item").css({"opacity":".4","font-weight":"bold"});
	$("a.menu-sub-sub-item").mouseover(function(event){
		$(this).css("opacity","1");
	});
	$("a.menu-sub-sub-item").mouseout(function(event){
		$(this).stop();
		$(this).animate({
			opacity:.4
		},1000);
	});

	$("a.menu-heading").css({"opacity":".4","font-weight":"bold"});
	$("a.menu-heading").mouseover(function(event){
		$(this).css("opacity","1");
	});
	$("a.menu-heading").mouseout(function(event){
		$(this).stop();
		$(this).animate({
			opacity:.4
		},1000);
	});



	$("li").css("font-weight", "bold");
	$("li.menu-heading").css({
		"font-size":"29px",
		"color":"#fc985a"
	});
	$("li.menu-sub-item").css({
		"font-size":"23px",
		"color":"#fc985a"
	});
	$("li.menu-sub-sub-item").css({
		"font-size":"18px",
		"cursor":"auto",
		"color":"#fc985a"
	});

	$("a.menu-heading").css({
		"color":"#652c10",
		"background-color":"#fcd89a"
	});
	$("a.menu-sub-item").css({
		"color":"#554c1a",
		"background-color":"#fcc06a"
	});
	$("a.menu-sub-sub-item").css({
		"color":"#256c1a",
		"background-color":"#fca84a"
	});


	var clicked = false;

	//var w=$(div#access).css(width);
	$("div#access").hide();

	$("#menuButton").click(function(event){
		clicked = !clicked;
		if(clicked){
			$("#menuButton").animate({
				opacity:1
			},1000);
			$("div#access").show("slow");
		}
		else{
			$("#menuButton").animate({
				opacity:.3
			},1000);
			$("div#access").hide("slow");
		}
	});

	$("#menuButton").mouseover(function(event){
		$(this).animate({
				opacity:1
			},300);
	});

	$("#menuButton").mouseout(function(event){
		if(!clicked){
			$(this).stop();
			$(this).animate({
				opacity:.3
			},1000);
		}
	});


});