// stops ie background image rollover flicker
try { document.execCommand("BackgroundImageCache", false, true); } 
catch(err) {}

/*
<a href="page_name.html" onmouseover="roll('page_name',1);" onmouseout="roll('page_name');"><img src="images/global/nav/page_name_off.gif" title="Descriptive Text" alt="Descriptive Text" width="97" height="23" border="0" name="page_name" /></a>
<img onmouseover="roll(this.name,1);" onmouseout="roll(this.name);" src="images/global/nav/page_name_off.gif" title="Descriptive Text" alt="Descriptive Text" width="97" height="23" border="0" name="page_name" />


*/

function roll(whichone, turnon)
	{
	var direction = ( turnon ) ? "_on" : "_off";
	var navElement = eval(whichone + direction + ".src");
	document.images[whichone].src = navElement;
	}

// preload top horiz nav.
if (document.images)
	{

	home_off = new Image();
	home_off.src = "images/global/nav/home_off.gif";

	home_on = new Image();
	home_on.src = "images/global/nav/home_on.gif";

	recipes_prod_info_off = new Image();
	recipes_prod_info_off.src = "images/global/nav/recipes_prod_info_off.gif";

	recipes_prod_info_on = new Image();
	recipes_prod_info_on.src = "images/global/nav/recipes_prod_info_on.gif";

	contest_off = new Image();
	contest_off.src = "images/global/nav/contest_off.gif";

	contest_on = new Image();
	contest_on.src = "images/global/nav/contest_on.gif";




	};