var menuString = "";
$(document).ready(function(){
							 
	menuString = '<div class="logo" onclick="window.location=\'main.html\'"></div>';
	menuString += '<div class="navigation">';
	
	menuString += '<dl class="dropdown"><dd class="subsection subsection01" id="one-ddcontent" onmouseover="cancelHide(\'one\')" onmouseout="ddMenu(\'one\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3" class="noBG">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section01" id="one-ddheader" onmouseover="ddMenu(\'one\',1)" onmouseout="ddMenu(\'one\',-1)"><table class="naviTable bgTable" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu" onclick="window.location=\'history.html\'">VITAGEN Goodness</div></dt></dl>';
	
	/*menuString += '<dl class="dropdown"><dd class="subsection subsection02" id="two-ddcontent" onmouseover="cancelHide(\'two\')" onmouseout="ddMenu(\'two\',-1)"><!--<table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="line-height:27px;" colspan="3" class="noBG">&nbsp;</td></tr><tr><td colspan="3" onclick="window.location=\'#\'">Promotions</td></tr><tr><td colspan="3" onclick="window.location=\'#\'">Events</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom02">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table>--></dd><dt class="section section02" id="two-ddheader" onmouseover="ddMenu(\'two\',1)" onmouseout="ddMenu(\'two\',-1)"><table class="naviTable" style="width:100%; display:none; position:absolute; top:0px; height:0px;" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3" class="noBG">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu" style="position:relative;">What\'s Happening<img src="images/promotion/comingsoon.png" style="top:9px; position:absolute; left:12px;" /></div></dt></dl>';*/
	menuString += '<dl class="dropdown"><dd class="subsection subsection02" id="two-ddcontent" onmouseover="cancelHide(\'two\')" onmouseout="ddMenu(\'two\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="line-height:27px;" colspan="3" class="noBG">&nbsp;</td></tr><tr><td colspan="3" onclick="window.location=\'promotions.html\'">Promotions</td></tr><tr><td colspan="3" onclick="window.location=\'events.html\'">Events</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom02">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section02" id="two-ddheader" onmouseover="ddMenu(\'two\',1)" onmouseout="ddMenu(\'two\',-1)"><table class="naviTable" style="width:100%; display:none; position:absolute; top:0px; height:0px;" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3" class="noBG">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu">What\'s Happening</div></dt></dl>';

	/*style="padding-left:30px;"  for spacing the menu */
	
	/*for spacing the menu*/
	menuString += '<dl class="dropdown"><dd class="subsection subsection03" id="three-ddcontent" onmouseover="cancelHide(\'three\')" onmouseout="ddMenu(\'three\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="line-height:27px;" colspan="3">&nbsp;</td></tr><tr><td colspan="3" onclick="window.location=\'delivery.aspx\'">Home Delivery</td></tr><tr><td colspan="3" onclick="window.location=\'pre_school.html\'">Pre-School</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom03">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section03" id="three-ddheader" onmouseover="ddMenu(\'three\',1)" onmouseout="ddMenu(\'three\',-1)"><table class="naviTable bgTable" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu">VITAGEN Services</div></dt></dl>';
	
	menuString += '<dl class="dropdown"><dd class="subsection subsection04" id="four-ddcontent" onmouseover="cancelHide(\'four\')" onmouseout="ddMenu(\'four\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="line-height:27px;" colspan="3">&nbsp;</td></tr><tr><td colspan="3" onclick="window.location=\'media.html\'">TVC</td></tr><td colspan="3" onclick="window.location=\'print_media.html\'">Print Media</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom04">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section04" id="four-ddheader" onmouseover="ddMenu(\'four\',1)" onmouseout="ddMenu(\'four\',-1)"><table class="naviTable bgTable" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu">Media</div></dt></dl>';
	
	menuString += '<dl class="dropdown"><dd class="subsection subsection05" id="five-ddcontent" onmouseover="cancelHide(\'five\')" onmouseout="ddMenu(\'five\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3" class="noBG">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom05">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section05" id="five-ddheader" onmouseover="ddMenu(\'five\',1)" onmouseout="ddMenu(\'five\',-1)"><table class="naviTable bgTable" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu" onclick="window.location=\'digestive.html\'">Health Facts</div></dt></dl>';
	
	menuString += '<dl class="dropdown"><dd class="subsection subsection06" id="six-ddcontent" onmouseover="cancelHide(\'six\')" onmouseout="ddMenu(\'six\',-1)"><table class="naviTable" style="width:100%" border="0" cellspacing="0" cellpadding="0"><tr><td style="line-height:27px;" colspan="3">&nbsp;</td></tr><tr><td colspan="3" onclick="window.location=\'contact.aspx\'">Contact Us</td></tr><td colspan="3" onclick="window.location=\'careers.html\'">Careers</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom06">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table></dd><dt class="section section06" id="six-ddheader" onmouseover="ddMenu(\'six\',1)" onmouseout="ddMenu(\'six\',-1)"><table class="naviTable bgTable" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3">&nbsp;</td></tr><tr><td class="roundedLeft">&nbsp;</td><td class="navibottom navibottom01">&nbsp;</td><td class="roundedRight">&nbsp;</td></tr></table><div class="textMenu"><div class="textMenu">Contact Us</div></div></dt></dl>';
	menuString += '</div>';
	$('#menu').html(menuString);
	
	$('#'+page+'-ddheader').css('color','#fff');
	$('#'+page+'-ddheader .naviTable').css('display','block');
	
});


