var layerref;
var nutritionLayerRef;
var familyLayerRef;
var recipeLayerRef;
var styleSwitch;
var isSafari=navigator.userAgent.toLowerCase().indexOf("safari")!=-1;
var cursorPointer;
if (document.layers) {
	document.captureEvents(Event.MOUSEOVER);
	document.onmouseover=manageMenus;
	layerref="document.layers.";
	recipeLayerRef="document.layers['recipeMenu']";
	styleSwitch="";
	cursorPointer="pointer";
}
else if(document.all){
	window.document.onmouseover=manageMenus;
	recipeLayerRef="document.all['recipeMenu']";
	layerref="document.all.";
	styleSwitch=".style";
	cursorPointer="hand";
}
else if (document.getElementById)
{	
	document.captureEvents(Event.MOUSEOVER);
	document.onmouseover=manageMenus;
	recipeLayerRef="document.getElementById('recipeMenu')";
	styleSwitch=".style";
	cursorPointer="pointer";
	//alert(" You are using Netscape 6");
}
else
{
	alert("Browser is not supported");	
}

function goTo(URL) 
{
	location.href=URL;
}
function buildMenus()
{
	var recipeLayerContext='<table id="menuTable" name="menuTable" cellspacing="0" bgcolor="#FF8B00" width="145px" cellpadding="0" cellspacing="0"  border="0">';
   	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipemain.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipemain.aspx">&nbsp;&nbsp;&nbsp;Recipes Main</a></td></tr>';
   	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipes_carbs.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipes_carbs.aspx">&nbsp;&nbsp;&nbsp;Counting Carbs</a></td></tr>';
	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipes_calcium.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipes_calcium.aspx">&nbsp;&nbsp;&nbsp;Good Source of Calcium</a></td></tr>';
	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipes_kids.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipes_kids.aspx">&nbsp;&nbsp;&nbsp;Just for Kids</a></td></tr>';
	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipes_reducedfat.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipes_reducedfat.aspx">&nbsp;&nbsp;&nbsp;Reduced Fat</a></td></tr>';
	recipeLayerContext=recipeLayerContext + '<tr><td id="menuTable" name="menuTable" class="NabiscoMenu" onmouseout="unHilite(this);" onMouseOver="hilite(this);" onClick="javascript:goTo(\'/sensiblesnacking/recipes/ss_recipes_under150.aspx\'); return false;"><a id="menuTable" name="menuTable" href="/sensiblesnacking/recipes/ss_recipes_under150.aspx">&nbsp;&nbsp;&nbsp;Under 150 Calories</a></td></tr>';
   	recipeLayerContext=recipeLayerContext + '</table><table cellspacing="0" cellpadding="0" border="0"><tr><td><img src="/images/common/clear.gif" width="140" height="10" border="0" /></td></tr></table>';

	if (document.layers)
	{
		var recipeLayer=document.layers['recipeMenu'];
		
		recipeLayer.document.id="menuTable";
		recipeLayer.document.name="menuTable";
		recipeLayer.document.open();
		recipeLayer.document.write(recipeLayerContext);
		recipeLayer.document.close();
	}

	else if(document.all)
	{
		document.all['recipeMenu'].innerHTML= recipeLayerContext;
	}


	else if (document.getElementById)
	{	
		document.getElementById('recipeMenu').innerHTML=recipeLayerContext;
	}
}

function hilite(o)
{

	o.style.cursor=cursorPointer;
	o.className="NabiscoMenuHilite";
	return true;
}

function unHilite(o)
{	
	o.className="NabiscoMenu";
	return true;
}



function manageMenus(evt)
{
 if (document.layers)
 {  // NN code
    if(evt.target && typeof(evt.target)!='undefined')
     {
	elem=evt.target.id;
	if(evt.target.href)
	{
		elem="menuTable";
	}
			
		
      }
	
 }
 else if (document.all && event) // IE code
     elem=window.event.srcElement.id;

else
{
	if(evt.target && typeof(evt.target)!='undefined')
	{
		elem=evt.target.id;
		
	}
	if(typeof(evt.target.id)=='undefined')
	{
		elem="menuTable";
		
	}
}

// if the user mouseOver the menu table, or background of the menu table do not do anything
// otherwise menus will close when we do not want to.

  if(elem=="recipeMenu" || elem=="menuTable" )
  {
	return;
  }
 
  hideAll();

 if(elem=="recipe")
 {	
	eval(recipeLayerRef + styleSwitch + ".visibility='visible'");
	
 }
 else 	
 {
	
 }

}

function hideAll()
{
	eval(recipeLayerRef + styleSwitch + ".visibility='hidden'");
}

