$(document).ready(function() {

	$("ul#topnav li a span").each(function(){
		$(this).css({"color" : "#FFF"});
	});

	// dropdown menu
	
	$("ul#topnav li").hover(function() { //Hover over event on list item
		$("ul#topnav li").each(function(index){$(this).css({ 'background' : 'none'});});
		$("ul#topnav li a span").each(function(index){$(this).css({ 'color' : '#FFF'});});
		$(this).css({ 'background' : '#CCC'}); //Add background color and image on hovered list item		
		$(this).find("div").show(); //Show the subnav	
		$(this).find("a span").css({ 'color' : '#006' });	
	} , function() { //on hover out...
		$(this).css({ 'background' : 'none'}); //Ditch the background	
		$(this).find("a span").css({ "color" : "#FFF" });			
		$(this).find("div").hide(); //Hide the subnav
	});
	
	$("ul#topnav li div").hover(function() {
		$(this).parent().find("a span").css("color", "#006");
	}, function() {
		$(this).parent().find("a span").css("color", "#FFF");
	});
	
	

$("#RedTheme").click(function(){
			$("#body").removeClass();
			$("#body").addClass("body_Red");
			
			$("#allcontent").removeClass();
			$("#allcontent").addClass("allcontent_Red");
			
			$("#header").removeClass();
			$("#header").addClass("header_Red");
			
			$("#menu").removeClass();
			$("#menu").addClass("menu_Red");

			$("#topNavMenu").removeClass();
			$("#topNavMenu").addClass("topMenu_Red");


			$(".bluediv").css({"background-color" : "#6F1212"});
			$(".subMenuTitle").css({"color" : "#6F1212"});

			//$("#blueDiv").removeClass();
			//$("#blueDiv").addClass("bluediv_Red");


			$("#footer1").removeClass();
			$("#footer1").addClass("footer_Red");
			
			$("#contact").removeClass();
			$("#contact").addClass("contact_Red");


			$("#informfor").removeClass();
			$("#informfor").addClass("informfor_Red");
			
			$("#JUST_FullName").removeClass();
			$("#JUST_FullName").addClass("JUST_FullName_Red");
			
			$("#Site_FullName").removeClass();
			$("#Site_FullName").addClass("Site_FullName_Red");

			/*$(".AboutJUST_li").css({"background-color":"#CE8a4d"});*/
			
			$("#bar_container").removeClass();
			$("#bar_container").addClass("bar_container_Red");

			$("#NavBar").removeClass();
			$("#NavBar").addClass("NavBar_Red");

			$("#alphabet").removeClass();
			$("#alphabet").addClass("alphabet_Red");

			
			createCookie("Theme","Red",30);
		});
		
		$("#BlueTheme").click(function(){
			$("#body").removeClass();
			$("#body").addClass("body_Blue");
			
			$("#allcontent").removeClass();
			$("#allcontent").addClass("allcontent_Blue");
			
			$("#header").removeClass();
			$("#header").addClass("header_Blue");
			
			$("#menu").removeClass();
			$("#menu").addClass("menu_Blue");

			$("#topNavMenu").removeClass();
			$("#topNavMenu").addClass("topMenu_Blue");


			$(".bluediv").css({"background-color" : "#005EAB"});
			$(".subMenuTitle").css({"color" : "#0B1C99"});
			//$("#blueDiv").removeClass();
			//$("#blueDiv").addClass("bluediv_Blue");


			$("#footer1").removeClass();
			$("#footer1").addClass("footer_Blue");
			
			$("#contact").removeClass();
			$("#contact").addClass("contact_Blue");


			$("#informfor").removeClass();
			$("#informfor").addClass("informfor_Blue");
			
			$("#JUST_FullName").removeClass();
			$("#JUST_FullName").addClass("JUST_FullName_Blue");
			
			$("#Site_FullName").removeClass();
			$("#Site_FullName").addClass("Site_FullName_Blue");

			$("#bar_container").removeClass();
			$("#bar_container").addClass("bar_container_Blue");

			$("#NavBar").removeClass();
			$("#NavBar").addClass("NavBar_Blue");

			$("#alphabet").removeClass();
			$("#alphabet").addClass("alphabet_Blue");
					
			createCookie("Theme","Blue",30);
		});
		
		$("#OrangeTheme").click(function(){
			$("#body").removeClass();
			$("#body").addClass("body_Orange");
			
			$("#allcontent").removeClass();
			$("#allcontent").addClass("allcontent_Orange");
			
			$("#header").removeClass();
			$("#header").addClass("header_Orange");
			
			$("#menu").removeClass();
			$("#menu").addClass("menu_Orange");

			$("#topNavMenu").removeClass();
			$("#topNavMenu").addClass("topMenu_Orange");

			$(".bluediv").css({"background-color" : "#EF8700"});
			$(".subMenuTitle").css({"color" : "#EF8700"});
			//$("#blueDiv").removeClass();
			//$("#blueDiv").addClass("bluediv_Orange");


			$("#footer1").removeClass();
			$("#footer1").addClass("footer_Orange");
			
			$("#contact").removeClass();
			$("#contact").addClass("contact_Orange");


			$("#informfor").removeClass();
			$("#informfor").addClass("informfor_Orange");
			
			$("#JUST_FullName").removeClass();
			$("#JUST_FullName").addClass("JUST_FullName_Orange");
			
			$("#Site_FullName").removeClass();
			$("#Site_FullName").addClass("Site_FullName_Orange");

			
			$("#bar_container").removeClass();
			$("#bar_container").addClass("bar_container_Orange");

			$("#NavBar").removeClass();
			$("#NavBar").addClass("NavBar_Orange");

			$("#alphabet").removeClass();
			$("#alphabet").addClass("alphabet_Orange");

			createCookie("Theme","Orange",30);
		});
		
		
		function createCookie(name,value,days) {
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
		}
		
		function readCookie(name) {
			var nameEQ = name + "=";
			var ca = document.cookie.split(';');
			for(var i=0;i < ca.length;i++) {
				var c = ca[i];
				while (c.charAt(0)==' ') c = c.substring(1,c.length);
				if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
			}
			return null;
		}
		
		function eraseCookie(name) {
			createCookie(name,"",-1);
		}
		
		
		var theme = readCookie("Theme");
	
		switch(theme)
		{
			case "Red":
				$('#RedTheme').trigger('click');				
			  break;
			case "Orange":
				$('#OrangeTheme').trigger('click');
			  break;
	  		case "Blue":
				$('#BlueTheme').trigger('click');
				break;	
			default:
				$('#BlueTheme').trigger('click');
		}


		

});