var navHeight = 28;
var subMenus = new Array;
subMenus['news_events'] = 'hide';
subMenus['careers'] = 'hide';

function calcLeftPosition (obj)
{
	var curleft = obj.offsetLeft;
	
	while(obj.offsetParent)
	  {curleft=curleft + (obj.offsetParent.offsetLeft);
	   obj=obj.offsetParent;
	  }
	   
	return curleft;
}
function calcTopPosition(obj){
	var curtop = 0;
	if (obj.offsetParent) {
	while (1) {
	curtop+=obj.offsetTop;
	if (!obj.offsetParent) {
	break;
	}
	obj=obj.offsetParent;
	}
	} else if (obj.y) {
	curtop+=obj.y;
	}
	return curtop;
}

function rollOver(obj)
{
	var objName = obj.id.substring(0,obj.id.indexOf('Top'));
	if (objName != curr)
		obj.className = 'navbutton_sel';
}
function rollOff(obj)
{   var objName = obj.id.substring(0,obj.id.indexOf('Top'));
	if (objName == curr)
		obj.className = 'navbutton_curr';
	else
		obj.className = 'navbutton';
}
function openMenu(obj, newMenu)
{ if (navObjects[newMenu] == 'hide')
  {
    for (i in navObjects)
	{
		if (i != newMenu)
		{
			hideMenu(i);
		}
	}
	var nm = document.getElementById(newMenu);
	nm.style.visibility = "visible";
	nm.style.top = calcTopPosition(obj) + navHeight;
	nm.style.left = calcLeftPosition(obj);
  }
	
}

function openSubMenu(obj, newMenu)
{ 
	var nm = document.getElementById(newMenu);
	nm.style.visibility = "visible";
	nm.style.top = calcTopPosition(obj);
	nm.style.left = calcLeftPosition(obj) + 128;
}

function hideSubMenus(parent)
{ 
	var nm = document.getElementById(parent);
	var objParent = nm.id + 'Top';
	document.getElementById(objParent).className = 'sub';
	for (i in subMenus)
	{
		var nm = document.getElementById(i);
		nm.style.visibility = "hidden";
	}
}

function hideMenu(obj){
	document.getElementById(obj).style.visibility = "hidden";
	navObjects[obj] = 'hide';
}
function hideAll()
{
    for (i in navObjects)
	{
		var objParent = document.getElementById(i + 'Top');
		rollOff(objParent);
		hideMenu(i);
	}
}
function keepOpen(obj)
{
	var nm = document.getElementById(obj);
	var objParent = nm.id + 'Top';
	if (document.getElementById(objParent).className == 'sub')
		document.getElementById(objParent).className = 'sub_sel';
	else
		rollOver(document.getElementById(objParent));
	nm.style.visibility = "visible";
}


// modified version of original drawNav() function
function drawNav()
{
	document.write('<div id="nav">');
	document.write('<table width="100%" cellpadding="0" cellspacing="0" border="0">');
	document.write('<tr><td width="130"><!--<span id="lang_button">ENGLISH <img src="./images/usa_flag_icon.gif" align="absmiddle" /> <img src="./images/language_select_arrow.gif" border="0" align="absmiddle" /></span>-->');
	document.write('	</td>');
	document.write('		<td id="aboutTop" class="navbutton');
	if (curr == 'about') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);openMenu(this,\'about\');" onMouseOut="rollOff(this);hideAll();" onClick="location=\'http://www.whenu.com/about.html\'" >About Us</td>');
	document.write('		<td id="productsTop" class="navbutton');
	if (curr == 'products') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);openMenu(this,\'products\');" onMouseOut="rollOff(this);hideAll()" onClick="location=\'http://www.whenu.com/products.html\'">Products</td>');
	document.write('		<td id="privacyTop" class="navbutton');
	if (curr == 'privacy') document.write('_curr');
	document.write('" onMouseOver="hideAll();" onMouseOut="hideAll();" onClick="location=\'http://www.whenu.com/privacy.html\'">Privacy</Td>');
	document.write('		<td id="contactTop" class="navbutton');
	if (curr == 'contact') document.write('_curr');
	document.write('" onMouseOver="hideAll();" onMouseOut="rollOff(this);" onClick="location=\'http://www.whenu.com/contact.html\'">Contact Us</td>');
	document.write('		<td width="20"></td>');
	document.write('	<td align="right" width="137" >');
	if (curr == 'home')
		document.write('<img src="./images/nav_right.gif" />');
	document.write('</td></tr>');
	document.write('</table>');
	document.write('</div>');
	
	document.write('<!-- ********** submenus **************** -->');
	document.write('<div class="submenu" id="about" onMouseOver="keepOpen(\'about\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\';" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/company_info_exec.html\'">Management</td></tr>');
	document.write('		<tr><td id="news_eventsTop" class="sub" onMouseOver="this.className=\'sub_sel\';" onMouseOut="this.className=\'sub\';" onClick="location=\'http://www.whenu.com/news.html\'" >News / Events</td></tr>');
	document.write('		<tr><td id="careersTop" class="sub" onMouseOver="this.className=\'sub_sel\';" onMouseOut="this.className=\'sub\';" onClick="location=\'http://www.whenu.com/careers.html\'">Careers</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\';" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/contact.html\'">Contact Us</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	
	
	document.write('<div class="submenu" id="news_events" onMouseOver="keepOpen(\'about\');keepOpen(\'news_events\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Press Releases</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Articles</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Events</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Industry Glossary</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	
	
	document.write('<div class="submenu" id="careers" onMouseOver="keepOpen(\'about\');keepOpen(\'careers\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Culture</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Opportunities</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Benefits</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	
	
	document.write('<div class="submenu" id="products" onMouseOver="keepOpen(\'products\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%"  class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/save.html\'">Save / SaveNow</td></tr>');
	//document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/prod_weathercast.html\'">WeatherCast</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/prod_searchbar.html\'">SearchBar</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	
	
	document.write('<div class="submenu" id="privacy" onMouseOver="keepOpen(\'privacy\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%"  class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Privacy Center</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Save</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">SaveNow</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Toolbar</td></tr>');
	//document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">WeatherCast</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">ICE</td></tr>');
	document.write('	</table>');
	document.write('</div>');
}


/* #############################################################################################################################
################################################################################################################################
################################################################################################################################
# DIVIDER
################################################################################################################################
################################################################################################################################
################################################################################################################################
############################################################################################################################# */

// original version. preserved here for error checking
function drawNav2()
{
	document.write('<div id="nav">');
	document.write('<table width="100%" cellpadding="0" cellspacing="0" border="0">');
	document.write('<tr><td width="130"><!--<span id="lang_button">ENGLISH <img src="./images/usa_flag_icon.gif" align="absmiddle" /> <img src="./images/language_select_arrow.gif" border="0" align="absmiddle" /></span>-->');
	document.write('	</td>');
	document.write('		<td id="aboutTop" class="navbutton');
	if (curr == 'about') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);openMenu(this,\'about\');" onMouseOut="rollOff(this);hideAll();" onClick="location=\'http://www.whenu.com/about.html\'" >About Us</td>');
	document.write('		<td id="productsTop" class="navbutton');
	if (curr == 'products') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);openMenu(this,\'products\');" onMouseOut="rollOff(this);hideAll()" onClick="location=\'http://www.whenu.com/products.html\'">Products</td>');
	document.write('		<td id="privacyTop" class="navbutton');
	if (curr == 'privacy') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);openMenu(this,\'privacy\');" onMouseOut="rollOff(this);hideAll();" onClick="location=\'http://www.whenu.com/privacy.html\'">Privacy</Td>');
	document.write('		<td id="contactTop" class="navbutton');
	if (curr == 'contact') document.write('_curr');
	document.write('" onMouseOver="hideAll();rollOver(this);" onMouseOut="rollOff(this);hideAll()" onClick="location=\'http://app.whenu.com/Contact\'">Contact Us</td>');
	document.write('		<td width="20"></td>');
	document.write('		<td class="blogbutton" onMouseOver="hideAll();" onMouseOut="hideAll()" onClick="location=\'http://www.whenu.com/http://blog.whenu.com/\'">Blog</td>');
	document.write('	<td align="right" width="137" >');
	if (curr == 'home')
		document.write('<img src="./images/nav_right.gif" />');
	document.write('</td></tr>');
	document.write('</table>');
	document.write('</div>');
	
	document.write('<!-- ********** submenus **************** -->');
	document.write('<div class="submenu" id="about" onMouseOver="keepOpen(\'about\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Vision/Mission</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">History</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\';hideSubMenus(\'news_events\');" onMouseOut="this.className=\'sub\'" onClick="location=\'http://www.whenu.com/company_info_exec.html\'">Management</td></tr>');
	document.write('		<tr><td id="news_eventsTop" class="sub" onMouseOver="this.className=\'sub_sel\';hideSubMenus(\'careers\');openSubMenu(this,\'news_events\');" onMouseOut="this.className=\'sub\';hideSubMenus(\'news_events\');">News and Events</td></tr>');
	document.write('		<tr><td id="careersTop" class="sub" onMouseOver="this.className=\'sub_sel\';hideSubMenus(\'news_events\');openSubMenu(this,\'careers\');" onMouseOut="this.className=\'sub\';hideSubMenus(\'careers\');">Careers</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\';hideSubMenus(\'careers\');" onMouseOut="this.className=\'sub\'">Contact Us</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Behavioral Targeting</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	document.write('<div class="submenu" id="news_events" onMouseOver="keepOpen(\'about\');keepOpen(\'news_events\');" onMouseOut="hideAll();hideSubMenus(\'news_events\');">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Press Releases</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Articles</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Events</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Industry Glossary</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	document.write('<div class="submenu" id="careers" onMouseOver="keepOpen(\'about\');keepOpen(\'careers\');" onMouseOut="hideAll();hideSubMenus(\'careers\');">');
	document.write('	<table width="100%" class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Culture</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Opportunities</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Benefits</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	document.write('<div class="submenu" id="products" onMouseOver="keepOpen(\'products\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%"  class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Save</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">SaveNow</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">WeatherCast</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">SearchBar</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Download</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Remove</td></tr>');
	document.write('	</table>');
	document.write('</div>');
	document.write('<div class="submenu" id="privacy" onMouseOver="keepOpen(\'privacy\');" onMouseOut="hideAll();">');
	document.write('	<table width="100%"  class="innermenu" cellpadding="0" cellspacing="0" border="0">');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Privacy Center</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">Save</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">SaveNow</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">SearchBar</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">WeatherCast</td></tr>');
	document.write('		<tr><td class="sub" onMouseOver="this.className=\'sub_sel\'" onMouseOut="this.className=\'sub\'">ICE</td></tr>');
	document.write('	</table>');
	document.write('</div>');
}