var activeMenuObjects = new Array();

function showSubMenu(id) {
	activeMenuObjects.push(id);
	var obj = document.getElementById(id);
	if (obj) obj.style.display = "inline";
}

function hideSubMenu(id) {
	activeMenuObjects.pop(id);
	var obj = document.getElementById(id);
	if (obj) obj.style.display = "none";
}

function topNav() {
	document.writeln('<DIV class="navContainer">');
	document.writeln('	<SPAN class="mainMenuItemLeft" style="width:38px;"></SPAN>');
	
	document.writeln('	<SPAN class="mainMenuItemLeft"><SPAN class="mainMenuItemLeftButton"><A id="Menu1" href="/">Home</A></SPAN></SPAN>');

	document.writeln('	<SPAN class="mainMenuItemLeft">');
	document.writeln('		<DIV class="mainMenuItemLeftButton"><A id="Menu2" href="#" onclick="return false;" onmouseover="tempHigh(2, true); showSubMenu(\'about\');" onmouseout="tempHigh(2, false); hideSubMenu(\'about\');">About</A></DIV>');
	document.writeln('		<div id="about" class="menuPanel" onmouseover="tempHigh(2, true); showSubMenu(\'about\');" onmouseout="tempHigh(2, false); hideSubMenu(\'about\');">');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=1" >Board&nbsp;of&nbsp;Directors</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=2" >Associate&nbsp;Members\'&nbsp;Council</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=3" >About&nbsp;CFIG</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=4" >Collaborative&nbsp;Partnerships</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=5" >Industry&nbsp;Links</a></div>');
	document.writeln('		</div>');
	document.writeln('	</SPAN>');
	document.writeln('	<SPAN class="mainMenuItemLeft">');
	document.writeln('		<DIV class="mainMenuItemLeftButton"><A id="Menu3" href="#" onclick="return false;" onmouseover="tempHigh(3, true); showSubMenu(\'news\');" onmouseout="tempHigh(3, false); hideSubMenu(\'news\');">News</A></DIV>');
	document.writeln('		<div id="news" class="menuPanel" onmouseover="tempHigh(3, true); showSubMenu(\'news\');" onmouseout="tempHigh(3, false); hideSubMenu(\'news\');">');
	document.writeln('			<div class="menuItem"><a href="news_feed.asp" >News&nbsp;Feed</a></div>');
	document.writeln('			<div class="menuItem"><a href="news_food_recalls.asp" >Food&nbsp;Recalls</a></div>');
	document.writeln('		</div>');
	document.writeln('	</SPAN>');
	document.writeln('	<SPAN class="mainMenuItemLeft">');
	document.writeln('		<DIV class="mainMenuItemLeftButton"><A id="Menu4" href="page.asp?id=7" onmouseover="tempHigh(4, true); showSubMenu(\'programs_&_awards\');" onmouseout="tempHigh(4, false); hideSubMenu(\'programs_&_awards\');">Programs&nbsp;&&nbsp;Awards</A></DIV>');
	document.writeln('	</SPAN>');
	document.writeln('	<SPAN class="mainMenuItemLeft">');
	document.writeln('		<DIV class="mainMenuItemLeftButton"><A id="Menu5" href="#" onclick="return false;" onmouseover="tempHigh(5, true); showSubMenu(\'events\');" onmouseout="tempHigh(5, false); hideSubMenu(\'events\');">Events</A></DIV>');
	document.writeln('		<div id="events" class="menuPanel" onmouseover="tempHigh(5, true); showSubMenu(\'events\');" onmouseout="tempHigh(5, false); hideSubMenu(\'events\');">');
	document.writeln('			<div class="menuItem"><a href="http://www.groceryinnovations.com/"  target="_blank">Grocery&nbsp;Innovations&nbsp;Canada</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=8" >Grocery&nbsp;Showcase&nbsp;West:&nbsp;Attending&nbsp;Info</a></div>');
	document.writeln('			<div class="menuItem"><a href="page.asp?id=9" >Grocery&nbsp;Showcase&nbsp;West:&nbsp;Exhibitor&nbsp;Info</a></div>');
	document.writeln('		</div>');
	document.writeln('	</SPAN>');
	document.writeln('	<SPAN class="mainMenuItemLeft">');
	document.writeln('		<DIV class="mainMenuItemLeftButton"><A id="Menu6" href="#" onclick="return false;" onmouseover="tempHigh(6, true); showSubMenu(\'media\');" onmouseout="tempHigh(6, false); hideSubMenu(\'media\');">Media</A></DIV>');
	document.writeln('		<div id="media" class="menuPanel" onmouseover="tempHigh(6, true); showSubMenu(\'media\');" onmouseout="tempHigh(6, false); hideSubMenu(\'media\');">');
	document.writeln('			<div class="menuItem"><a href="media_press_releases.asp" >Press&nbsp;Releases</a></div>');
	document.writeln('			<div class="menuItem"><a href="media_video_library.asp" >Video&nbsp;Library</a></div>');
	document.writeln('		</div>');
	document.writeln('	</SPAN>');


	document.writeln('	<SPAN class="mainMenuItemRight"><DIV class="mainMenuItemRightButton"><A href="page.asp?id=10">Join CFIG ></A></DIV></SPAN>');
	
	document.writeln('	<!--Open Search-->');
	document.writeln('	<SPAN class="searchContainer">');
	document.writeln('		<form id="search_form" name="search_form" method="get" action="site_search.asp">');
	document.writeln('			<input type="hidden" name="zoom_sort" value="0">');
	document.writeln('			<input type="text" name="zoom_query" id="zoom_searchbox" style="float:left;" /><a href="#" onclick="document.search_form.submit();"><img src="images/bt_search.gif" border="0" width="21" height="21" hspace="10" style="float:left;" /></a>');
	document.writeln('		</form>');
	document.writeln('	</SPAN>');

	document.writeln('</DIV>');	
}

function bottomNav() {
	document.writeln('	<DIV style="float:right; clear:both;"/>');
	if (btImg1) {
		document.writeln('		<a href="board_documents/" target="_blank" style="margin-left:5px;"><img src="images/bt_board.gif" width="133" height="28" border="0" /></a><br /><br />');
	}
	document.writeln('		<img src="images/i_follow_us.gif" width="177" height="92" border="0" usemap="#Map" />');
	document.writeln('		<map name="Map" id="Map22">');
	document.writeln('			<area shape="rect" coords="6,34,48,80" href="http://www.cfig.ca/blog/" />');
	document.writeln('			<area shape="rect" coords="63,33,109,79" href="http://www.facebook.com/pages/Canadian-Federation-of-Independent-Grocers/325780541750" target="_blank" />');
	document.writeln('			<area shape="rect" coords="124,36,168,79" href="http://twitter.com/cfigfcei" target="_blank" />');
	document.writeln('		</map>');
	document.writeln('	</DIV>');
	document.writeln('	<a href="index.asp">Home</a><br />');
	document.writeln('	<a href="page.asp?id=3">About</a><br />');
	document.writeln('	<a href="news_feed.asp">News</a><br />');
	document.writeln('	<a href="page.asp?id=7">Programs &amp; Awards</a><br />');
	document.writeln('	<a href="http://www.groceryinnovations.com/" target="_blank">Events</a><br />');
	document.writeln('	<a href="media_press_releases.asp">Media</a><br />');
	document.writeln('	<a href="contact.htm">Contact</a><br />');
	document.writeln('	<a href="pdf/CFIG_Competition_Law_Compliance_Guidelines_adopted_October_2010.pdf" target="_blank">CFIG Competition Policy</a><br />');
}



function highlightMenu(panel) {
	var menuPanel = document.getElementById("Menu" + panel);
	menuPanel.style.backgroundColor = "#d2001e";
}

function tempHigh(panel, active) {
	var menuPanel = document.getElementById("Menu" + panel);
	if (menuPanel.style.backgroundColor != "#d2001e" && menuPanel.style.backgroundColor != "rgb(210, 0, 30)") {
		if (active) {
			menuPanel.style.backgroundColor = "#d2001d";
		} else {
			menuPanel.style.backgroundColor = "transparent";
		}
	}
}