// JavaScript Document


/*****************************

	For top menu set up, left menu and button rollovers

*****************************/
function menus() 
{
	/* Top nav menu */	
	var home_over = new Image();
	home_over.src = "images/menu/home-over.jpg";
	
	var about_over = new Image();
	about_over.src = "images/header/nav/about-over.gif";
	
	var stroke_over = new Image();
	stroke_over.src = "images/header/nav/stroke-over.gif";
	
	var join_over = new Image();
	join_over.src = "images/header/nav/join-over.gif";
	
	var get_over = new Image();
	get_over.src = "images/header/nav/get-over.gif";
	
	var store_over = new Image();
	store_over.src = "images/header/nav/store-over.gif";
	
	var power_over = new Image();
	power_over.src = "images/header/nav/power-over.gif";
	
	var contact_over = new Image();
	contact_over.src = "images/header/nav/contact-over.gif";
	
	setRollover("#home",home_over);
	setupMenu("#about","#aboutMenu",about_over);
	setupMenu("#stroke","#strokeMenu",stroke_over);
	setupMenu("#join","#joinMenu",join_over);
	setupMenu("#get","#getMenu",get_over);
	setRollover("#store",store_over);
	setupMenu("#power","#powerMenu",power_over);
	setRollover("#contact",contact_over);
	
	
	
	
	/*Left menu and buttons */	
	var call911_over = new Image();
	call911_over.src = "images/left/call911/call911-over.gif";
	
	var join_the_movement_over = new Image();
	join_the_movement_over.src = "images/left/join_the_movement-over.gif";
	
	var donate_over = new Image();
	donate_over.src = "images/left/donate_a_dollar-over.gif";
	
	var personal_risk_over = new Image();
	personal_risk_over.src = "images/left/helpful_tools/personal_risk-over.gif";
	
	var online_pledges_over = new Image();
	online_pledges_over.src = "images/left/helpful_tools/online_pledges-over.gif";
	
	var family_reunion_over = new Image();
	family_reunion_over.src = "images/left/helpful_tools/family_reunion-over.gif";
	
	var family_tree_over = new Image();
	family_tree_over.src = "images/left/helpful_tools/family_tree-over.gif";
	
	var power_sunday_over = new Image();
	power_sunday_over.src = "images/left/helpful_tools/power_sunday-over.gif";
	
	var printable_guides_over = new Image();
	printable_guides_over.src = "images/left/helpful_tools/printable_guides-over.gif";
	
	var send_message_over = new Image();
	send_message_over.src = "images/left/helpful_tools/send_message-over.gif";
	
	setRollover("#call911basic",call911_over);
	setRollover("#joinTheMovement",join_the_movement_over);
	setRollover("#donate",donate_over);
	setRollover("#personalRisk",personal_risk_over);
	setRollover("#onlinePledges",online_pledges_over);
	setRollover("#familyReunion",family_reunion_over);
	setRollover("#familyTree",family_tree_over);
	setRollover("#powerSunday",power_sunday_over);
	setRollover("#printableGuides",printable_guides_over);
	setRollover("#sendMessage",send_message_over);
	
	$("#call911basic").click(function() {
								$("#call911basic").fadeOut("fast");
								$("#call911").animate({height: $("#call911expand").height() + "px"}, 500);
									  });
	
	$("#call911close a").click(function() {
								$("#call911basic").fadeIn("fast");
								$("#call911").animate({height: "65px"}, 500);
									});
	
	$("#x a").click(function() {
								$("#call911basic").fadeIn("fast");
								$("#call911").animate({height: "65px"}, 500);
									});
	
}

/*****************************

	For the sub menus rollover

*****************************/


/******STROKE********/


function strokeNav() {
	
	var what_over = new Image();
	what_over.src = "images/header/stroke_nav/what-over.gif";
	
	var recognize_over = new Image();
	recognize_over.src = "images/header/stroke_nav/recognize-over.gif";
	
	var african_over = new Image();
	african_over.src = "images/header/stroke_nav/african-over.gif";
	
	var reduce_over = new Image();
	reduce_over.src = "images/header/stroke_nav/reduce-over.gif";
	
	var after_over = new Image();
	after_over.src = "images/header/stroke_nav/after-over.gif";
	
	setRollover("#what",what_over);
	setRollover("#recognize",recognize_over);
	setRollover("#african",african_over);
	setRollover("#reduce",reduce_over);
	setRollover("#after",after_over);
	
}


/******ABOUT********/

function aboutNav() {
	
	var aboutmovement_over = new Image();
	aboutmovement_over.src = "images/header/about_nav/about-over.gif";
	
	var SAS_over = new Image();
	SAS_over.src = "images/header/about_nav/SAS-over.gif";

	
	setRollover("#aboutmovement",aboutmovement_over);
	setRollover("#SAS",SAS_over);

	
}


/******JOIN********/

function joinNav() {
	
	var joinintro_over = new Image();
	joinintro_over.src = "images/header/join_nav/joinintro-over.gif";
	
	var member_over = new Image();
	member_over.src = "images/header/join_nav/member-over.gif";
	
	var powerambassador_over = new Image();
	powerambassador_over.src = "images/header/join_nav/powerambassador-over.gif";
	
	var undateinfo_over = new Image();
	undateinfo_over.src = "images/header/join_nav/undateinfo-over.gif";
	
	var pledgecard_over = new Image();
	pledgecard_over.src = "images/header/join_nav/pledgecard-over.gif";
	
	setRollover("#joinintro",joinintro_over);
	setRollover("#member",member_over);
	setRollover("#powerambassador",powerambassador_over);
	setRollover("#undateinfo",undateinfo_over);
	setRollover("#pledgecard",pledgecard_over);

	
}


/******GET********/

function getNav() {
	
	var empower_over = new Image();
	empower_over.src = "images/header/get_nav/empower-over.gif";
	
	var socialmedia_over = new Image();
	socialmedia_over.src = "images/header/get_nav/socialmedia-over.gif";
	
	var ambassadors_over = new Image();
	ambassadors_over.src = "images/header/get_nav/ambassadors-over.gif";
	
	setRollover("#empower",empower_over);
	setRollover("#socialmedia",socialmedia_over);
	setRollover("#ambassadors",ambassadors_over);

	
}

/******POWER********/

function powerNav() {
	
	var power2009_over = new Image();
	power2009_over.src = "images/header/power_nav/power2009-over.gif";
	
	var previous_over = new Image();
	previous_over.src = "images/header/power_nav/previous-over.gif";
	
	setRollover("#power2009",power2009_over);
	setRollover("#previous",previous_over);

	
}



/*****************************

	To create a rollover effect on an image

*****************************/
function setRollover(id,rollImage) 
{
	
	//Check to see if image should stay in rollover state by seeing if current image name contains the string "-over". If not, set up rollover.
	if($(id).attr("src").search("-over") == -1)
	{
		$(id).hover(
			function() 
			{
				$(id).attr("src",rollImage.src);
			},
			function() 
			{
				$(id).attr("src",rollImage.src.replace('-over',''));
			}
		);
	}
	
}


/*****************************

	Sets up the position and visibility of a drop down menu

*****************************/
function setupMenu(nav,menu,rollImage) 
{
	
	$(menu).css("left",$(nav).position().left + "px");
	$(menu).css("top",($(nav).position().top + 41) + "px");
	
	//Check to see if image should stay in rollover state by seeing if current image name contains the string "-over". If not, set up rollover.
	if($(nav).attr("src").search("-over") == -1)
	{
		$(nav).hover(
			 function() 
			 {
				 $(nav).attr("src",rollImage.src);
			 },
			 function() 
			 {
				 $(nav).attr("src",rollImage.src.replace('-over',''));
			 }
		);
		
		$(menu).hover(
			 function() 
			 {
				 $(nav).attr("src",rollImage.src);
			 },
			 function() 
			 {
				 $(nav).attr("src",rollImage.src.replace('-over',''));
			 }
		);
	}
	
	//Set up menu visibility hover
	$(nav).hover(
		 function() 
		 {
			 $(menu).css("visibility","visible");
		 },
		 function() 
		 {
			 $(menu).css("visibility","hidden");
		 }
	);
	
	$(menu).hover(
		 function() 
		 {
			 $(menu).css("visibility","visible");
		 },
		 function() 
		 {
			 $(menu).css("visibility","hidden");
		 }
	);
	
}