var border=0;
var pad=0;
var x=0;
var y=0;

var path = "Images/LeftMenu/";

var subOption17_overSource = path + "Supplement-Juices-MouseOver.jpg";
var subOption17_normalSource = path + "Supplement-Juices-Normal.jpg";
var subOption18_overSource = path + "Hair-and-Skin-Care-MouseOver.jpg";
var subOption18_normalSource = path + "Hair-and-Skin-Care-Normal.jpg";
var subOption19_overSource = path + "Sun-Care-MouseOver.jpg";
var subOption19_normalSource = path + "Sun-Care-Normal.jpg";
var subOption20_overSource = path + "AloeDent-Oral-Hygine-MouseOver.jpg";
var subOption20_normalSource = path + "AloeDent-Oral-Hygine-Normal.jpg";

var subOption21_overSource = path + "Travel-Care-MouseOver.jpg";
var subOption21_normalSource = path + "Travel-Care-Normal.jpg";

var subOption01_overSource = path + "Fish-Oil-MouseOver.jpg";
var subOption01_normalSource = path + "Fish-Oil-Normal.jpg";
var subOption02_overSource = path + "Plant-Source-MouseOver.jpg";
var subOption02_normalSource = path + "Plant-Source-Normal.jpg";
var subOption03_overSource = path + "Garlic-MouseOver.jpg";
var subOption03_normalSource = path + "Garlic-Normal.jpg";
var subOption04_overSource = path + "Multi-Vitamins-MouseOver.jpg";
var subOption04_normalSource = path + "Multi-Vitamins-Normal.jpg";
var subOption05_overSource = path + "Vitamins-MouseOver.jpg";
var subOption05_normalSource = path + "Vitamins-Normal.jpg";
var subOption06_overSource = path + "Minerals-MouseOver.jpg";
var subOption06_normalSource = path + "Minerals-Normal.jpg";
var subOption07_overSource = path + "Herbal-MouseOver.jpg";
var subOption07_normalSource = path + "Herbal-Normal.jpg";
var subOption08_overSource = path + "Additional-MouseOver.jpg";
var subOption08_normalSource = path + "Additional-Normal.jpg";
var subOption09_overSource = path + "Joint-Care-MouseOver.jpg";
var subOption09_normalSource = path + "Joint-Care-Normal.jpg";

var subOption10_overSource = path + "Antiseptics-MouseOver.jpg";
var subOption10_normalSource = path + "Antiseptics-Normal.jpg";
var subOption11_overSource = path + "Hair-Care-MouseOver.jpg";
var subOption11_normalSource = path + "Hair-Care-Normal.jpg";
var subOption12_overSource = path + "Skin-Care-MouseOver.jpg";
var subOption12_normalSource = path + "Skin-Care-Normal.jpg";
var subOption13_overSource = path + "PersonalHygiene-MouseOver.jpg";
var subOption13_normalSource = path + "PersonalHygiene-Normal.jpg";
var subOption14_overSource = path + "Oral-Care-MouseOver.jpg";
var subOption14_normalSource = path + "Oral-Care-Normal.jpg";
var subOption15_overSource = path + "Foot-Care-MouseOver.jpg";
var subOption15_normalSource = path + "Foot-Care-Normal.jpg";
var subOption16_overSource = path + "Pet-Care-MouseOver.jpg";
var subOption16_normalSource = path + "Pet-Care-Normal.jpg";

//  BROWSER SNIFFER

if (document.layers) {navigator.family = "nn4";}
if (document.all) {navigator.family = "ie4";}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {navigator.family = "gecko";}

//  popup text 

descarray = new Array("</center>"+
		"<div id=\"subMenu1\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=0 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td align=left>"+
		"<a href='SupplementJuices.aspx'>Supplements/Juices</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='HairSkinCare.aspx'>Hair & Skin Care</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='SunCare.aspx'>Sun Care</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='AloeDentOralHygiene.aspx'>AloeDent Oral Hygiene</a>"+
		"</td></tr>"+
		"</table>"+
		"</div>",
	"</center>"+
		"<div id=\"subMenu2\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=0 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td align=left>"+
		"<a href='FishOil.aspx'>Fish Oil</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PlantSource.aspx'>Plant Source</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Garlic.aspx'>Garlic</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='MultiVitamins.aspx'>Multi Vitamins</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Vitamins.aspx'>Vitamins</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Minerals.aspx'>Minerals</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Herbal.aspx'>Herbal</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Additional.aspx'>Additional</a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='JointCare.aspx'>Joint Care</a>"+
		"</td></tr>"+
		"</table>"+
		"</div>",
	"</center>"+
		"<div id=\"subMenu3\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=0 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td>"+
		"<a href='Antiseptics.aspx'>Antiseptics</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='HairCare.aspx'>Hair Care</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='SkinCare.aspx'>Skin Care</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PersonalHygiene.aspx'>Personal Hygiene</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='OralCare.aspx'>Oral Care</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='FootCare.aspx'>Foot Care</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='TravelCare.aspx'>Travel Care</a><br>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PetCare.aspx'>Pet Care</a><br>"+
		"</td></tr>"+
		"</table>"+
		"</div>");

descarrayImage = new Array("</center>"+
		"<div id=\"subMenu1\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=1 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td align=left>"+
		"<a href='SupplementJuices.aspx' onmouseover=\"mouseOverSub('subOption17');\" onmouseout=\"mouseOutSub('subOption17');\"><img name='subOption17' src='Images/LeftMenu/Supplement-Juices-Normal.jpg' border=0 alt='Supplement-Juices'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='HairSkinCare.aspx' onmouseover=\"mouseOverSub('subOption18');\" onmouseout=\"mouseOutSub('subOption18');\"><img name='subOption18' src='Images/LeftMenu/Hair-and-Skin-Care-Normal.jpg' border=0 alt='Hair-and-Skin-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='SunCare.aspx' onmouseover=\"mouseOverSub('subOption19');\" onmouseout=\"mouseOutSub('subOption19');\"><img name='subOption19' src='Images/LeftMenu/Sun-Care-Normal.jpg' border=0 alt='Sun-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='AloeDentOralHygiene.aspx' onmouseover=\"mouseOverSub('subOption20');\" onmouseout=\"mouseOutSub('subOption20');\"><img name='subOption20' src='Images/LeftMenu/AloeDent-Oral-Hygine-Normal.jpg' border=0 alt='AloeDent-Oral-Hygine'></a>"+
		"</td></tr>"+
		"</table>"+
		"</div>",
	"</center>"+
		"<div id=\"subMenu2\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=1 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td align=left>"+
		"<a href='FishOil.aspx' onmouseover=\"mouseOverSub('subOption01');\" onmouseout=\"mouseOutSub('subOption01');\"><img name='subOption01' src='Images/LeftMenu/Fish-Oil-Normal.jpg' border=0 alt='Fish-Oil'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PlantSource.aspx' onmouseover=\"mouseOverSub('subOption02');\" onmouseout=\"mouseOutSub('subOption02');\"><img name='subOption02' src='Images/LeftMenu/Plant-Source-Normal.jpg' border=0 alt='Plant-Source'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Garlic.aspx' onmouseover=\"mouseOverSub('subOption03');\" onmouseout=\"mouseOutSub('subOption03');\"><img name='subOption03' src='Images/LeftMenu/Garlic-Normal.jpg' border=0 alt='Garlic'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='MultiVitamins.aspx' onmouseover=\"mouseOverSub('subOption04');\" onmouseout=\"mouseOutSub('subOption04');\"><img name='subOption04' src='Images/LeftMenu/Multi-Vitamins-Normal.jpg' border=0 alt='Multi-Vitamins'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Vitamins.aspx' onmouseover=\"mouseOverSub('subOption05');\" onmouseout=\"mouseOutSub('subOption05');\"><img name='subOption05' src='Images/LeftMenu/Vitamins-Normal.jpg' border=0 alt='Vitamins'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Minerals.aspx' onmouseover=\"mouseOverSub('subOption06');\" onmouseout=\"mouseOutSub('subOption06');\"><img name='subOption06' src='Images/LeftMenu/Minerals-Normal.jpg' border=0 alt='Minerals'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Herbal.aspx' onmouseover=\"mouseOverSub('subOption07');\" onmouseout=\"mouseOutSub('subOption07');\"><img name='subOption07' src='Images/LeftMenu/Herbal-Normal.jpg' border=0 alt='Herbal'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='Additional.aspx' onmouseover=\"mouseOverSub('subOption08');\" onmouseout=\"mouseOutSub('subOption08');\"><img name='subOption08' src='Images/LeftMenu/Additional-Normal.jpg' border=0 alt='Additional'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='JointCare.aspx' onmouseover=\"mouseOverSub('subOption09');\" onmouseout=\"mouseOutSub('subOption09');\"><img name='subOption09' src='Images/LeftMenu/Joint-Care-Normal.jpg' border=0 alt='Joint-Care'></a>"+
		"</td></tr>"+
		"</table>"+
		"</div>",
	"</center>"+
		"<div id=\"subMenu3\" onmouseenter=\"clearTimeout(0);\" onmouseleave=\"hideSubMenu();\">"+
		"<table width=120 align=left border=1 cellpadding=0 cellspacing=0 bgcolor=#d7e4db bordercolor=#ccffcc bordercolordark=#99cccc>"+
		"<tr><td>"+
		"<a href='Antiseptics.aspx' onmouseover=\"mouseOverSub('subOption10');\" onmouseout=\"mouseOutSub('subOption10');\"><img name='subOption10' src='Images/LeftMenu/Antiseptics-Normal.jpg' border=0 alt='Antiseptics'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='HairCare.aspx' onmouseover=\"mouseOverSub('subOption11');\" onmouseout=\"mouseOutSub('subOption11');\"><img name='subOption11' src='Images/LeftMenu/Hair-Care-Normal.jpg' border=0 alt='Hair-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='SkinCare.aspx' onmouseover=\"mouseOverSub('subOption12');\" onmouseout=\"mouseOutSub('subOption12');\"><img name='subOption12' src='Images/LeftMenu/Skin-Care-Normal.jpg' border=0 alt='Skin-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PersonalHygiene.aspx' onmouseover=\"mouseOverSub('subOption13');\" onmouseout=\"mouseOutSub('subOption13');\"><img name='subOption13' src='Images/LeftMenu/PersonalHygiene-Normal.jpg' border=0 alt='Personal Hygiene'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='OralCare.aspx' onmouseover=\"mouseOverSub('subOption14');\" onmouseout=\"mouseOutSub('subOption14');\"><img name='subOption14' src='Images/LeftMenu/Oral-Care-Normal.jpg' border=0 alt='Oral-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='FootCare.aspx' onmouseover=\"mouseOverSub('subOption15');\" onmouseout=\"mouseOutSub('subOption15');\"><img name='subOption15' src='Images/LeftMenu/Foot-Care-Normal.jpg' border=0 alt='Foot-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='TravelCare.aspx' onmouseover=\"mouseOverSub('subOption21');\" onmouseout=\"mouseOutSub('subOption21');\"><img name='subOption21' src='Images/LeftMenu/Travel-Care-Normal.jpg' border=0 alt='Travel-Care'></a>"+
		"</td></tr>"+
		"<tr><td>"+
		"<a href='PetCare.aspx' onmouseover=\"mouseOverSub('subOption16');\" onmouseout=\"mouseOutSub('subOption16');\"><img name='subOption16' src='Images/LeftMenu/Pet-Care-Normal.jpg' border=0 alt='Pet-Care'></a>"+
		"</td></tr>"+
		"</table>"+
		"</div>");

var overdiv="0";

//  CREATES POP UP BOXES 
function popLayer(a)
{
	overdiv="1";

	if(!descarray[a])
	{
		descarray[a]="<font color=red>This popup (#"+a+") isn't setup correctly - needs description</font>";
	}

	if (navigator.family == "gecko")
	{
		pad="0";
		border="1";
		bordercolor="black";
	}
	else
	{
		pad="1";
		border="0";
	}

	desc = "<table cellspacing=0 cellpadding=" + pad + " border=" + border + "  bgcolor=#d7e4db><tr><td>"+
		"<table cellspacing=0 cellpadding=3 border=0 width=100%><tr><td bgcolor=#d7e4db><center><font size=-1>"+
		descarray[a]+
		"\n</td></tr></table>"+
		"</td></tr></table>";


	if(navigator.family == "nn4")
	{
		document.popMenu.document.write(desc);
		document.popMenu.document.close();
	//	document.popMenu.left=x+15;
		document.popMenu.left=120+15;
		document.popMenu.top=y-5;
	}



	if(navigator.family == "ie4")
	{
		popMenu.innerHTML=desc;
	//	popMenu.style.pixelLeft=x+15;
		popMenu.style.pixelLeft=120+15;
		popMenu.style.pixelTop=y-5;
	}

	if(navigator.family == "gecko")
	{
		document.getElementById("popMenu").innerHTML=desc;
	//	document.getElementById("popMenu").style.left=x+15;
		document.getElementById("popMenu").style.left=120+15;
		document.getElementById("popMenu").style.top=y-5;
	}

	setTimeout("hideLayer('tp')",90000);
}

function popLayerImage(a)
{
//	overdiv="1";
	var sy = 0;
	sy = (y/10).toString();

	if(!descarrayImage[a])
	{
		descarrayImage[a]="<font color=red>This popup (#"+a+") isn't setup correctly - needs description</font>";
	}
	if (navigator.family == "gecko")
	{
		pad="0";
		border="1";
		bordercolor="black";
	}
	else
	{
		pad="1";
		border="0";
	}
	desc = "<table cellspacing=0 cellpadding="+pad+" border="+border+"  bgcolor=#d7e4db><tr><td>\n"
		+"<table cellspacing=0 cellpadding=3 border=0 width=100%><tr><td bgcolor=#d7e4db><center><font size=-1>\n"
		+descarrayImage[a]
		+"\n</td></tr></table>\n"
		+"</td></tr></table>";
		
	if(navigator.family =="nn4")
	{
		document.popMenu.document.write(desc);
		document.popMenu.document.close();
	//	document.popMenu.left=x+15;
		document.popMenu.left=124;
		document.popMenu.top=parseInt(sy)*10-10;
	}
	else if(navigator.family =="ie4")
	{
		popMenu.innerHTML=desc;
	//	popMenu.style.pixelLeft=x+15;
		popMenu.style.pixelLeft=124;
		popMenu.style.pixelTop=parseInt(sy)*10-10;
	}
	else if(navigator.family =="gecko")
	{
		document.getElementById("popMenu").innerHTML=desc;
	//	document.getElementById("popMenu").style.left=x+15;
		document.getElementById("popMenu").style.left=124
		document.getElementById("popMenu").style.top=parseInt(sy)*10-10;
	}

	setTimeout("hideLayer('tp')",90000);
}


function hideLayer(type)
{
	var closed = false;
	
	if ((type == 'tp'))
	{
		if(navigator.family =="nn4")
		{
			eval(document.popMenu.top="-500");
			closed = true;
		}
		else if(navigator.family =="ie4")
		{
			popMenu.innerHTML="";
			closed = true;
		}
		else if(navigator.family =="gecko")
		{
			document.getElementById("popMenu").style.top="-500";
			closed = true;
		}
	}
	else
	{
		if (overdiv == "0") 
		{
			if(navigator.family =="nn4")
			{
				eval(document.popMenu.top="-500");
				closed = true;
			}
			else if(navigator.family =="ie4")
			{
				popMenu.innerHTML="";
				closed = true;
			}
			else if(navigator.family =="gecko")
			{
				document.getElementById("popMenu").style.top="-500";
				closed = true;
			}
		}
	}
}

function hideSubMenu()
{
	setTimeout("hideLayer('tp')",10000); 
}

function mouseOverSub(overObject)
{
	clearTimeout(0);
	document.images[overObject].src = eval(overObject + '_overSource');
}

function mouseOutSub(notOver)
{
	document.images[notOver].src = eval(notOver + '_normalSource');
}

	
//  TRACKS MOUSE POSITION FOR POPUP PLACEMENT
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerMM(e){
x = (isNav) ? e.pageX : event.clientX + document.body.scrollLeft;
y = (isNav) ? e.pageY : event.clientY + document.body.scrollTop;
}
//if (isNav){document.captureEvents(Event.MOUSEMOVE);}
//document.onmousemove = handlerMM;



//  End -->