// JavaScript Document
var w=(document.body.clientWidth/2)-390
if(w<0)
{
 w=0;
}

function colch(tco, im, fco)
{
	//alert (tco);
	document.getElementById(tco).style.backgroundColor='#8E3309';
	document.getElementById(im).src='images/w-bullet.jpg';
	document.getElementById(fco).style.color='#ffffff';
}

function colchoff(tco, im, fco)
{
	//alert (tco);
	document.getElementById(tco).style.backgroundColor='';
	document.getElementById(im).src='images/bullet.jpg';
	document.getElementById(fco).style.color='';
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

// foundation
document.writeln('<div id="Layer1" style="LEFT: '+(w+191)+'px; POSITION: absolute; TOP: 148px; VISIBILITY: hidden; z-index:1"><table border="0" cellspacing="0" cellpadding="0" width="138" border="1" ><tr>')
document.writeln("<td onMouseOver=\"MM_showHideLayers('Layer1','','show');colch('first','a','f');\"  onMouseout=\"MM_showHideLayers('Layer1','','hide'); colchoff('first','a','f');\" align='right'><table border='0' cellspacing='0' cellpadding='2' width='100%'>")
document.writeln("<tr ><td align='left'  valign='middle' bgcolor='#8E3309';' height='24px' style='padding-left:9px; border-top:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='mineral_foundation.htm' class='submenu'> Mineral Foundation</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309';' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='concealers.htm' class='submenu'>Mineral Concealers</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309';' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='setting.htm' class='submenu'>Setting Veil</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309';' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='foundation_kits.htm' class='submenu'>Foundation Kits</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309';' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='choosing_foundations.htm' class='submenu'>Choosing foundations</a></td></tr>")
document.writeln("</table>")
document.writeln("</td></tr></table>")
document.writeln("</div>")

// eyes
document.writeln('<div id="Layer2" style="LEFT: '+(w+191)+'px; POSITION: absolute; TOP: 194px; VISIBILITY: hidden; z-index:1"><table border="0" cellspacing="0" cellpadding="0" width="138"><tr>')
document.writeln("<td bgcolor='#485E6B' onMouseOver=\"MM_showHideLayers('Layer2','','show'); colch('third','c','jj');\"  onMouseout=\"MM_showHideLayers('Layer2','','hide');colchoff('third','c','jj');\" align='right'><table border='0' cellspacing='0' cellpadding='2' width='100%'>")

document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-top:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='eyeshadow.htm' class='submenu'> Eyeshadow</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;  border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='eyeliner.htm' class='submenu'>Eye Liners</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='mascara.htm' class='submenu'> Mascara</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='eyekits.htm' class='submenu'> Eye Kits</a></td></tr>")
document.writeln("</table>")
document.writeln("</td></tr></table>")
document.writeln("</div>")

// lips
document.writeln('<div id="Layer3" style="LEFT: '+(w+191)+'px; POSITION: absolute; TOP: 217px; VISIBILITY: hidden; z-index:1"><table border="0" cellspacing="0" cellpadding="0" width="138"><tr>')
document.writeln("<td bgcolor='#485E6B' onMouseOver=\"MM_showHideLayers('Layer3','','show'); colch('forth','d','li');\"  onMouseout=\"MM_showHideLayers('Layer3','','hide');colchoff('forth','d','li');\" align='right'><table border='0' cellspacing='0' cellpadding='2' width='100%'>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-top:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='lipslicks.htm' class='submenu'> Lip Slicks</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;  border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='lipgloss.htm' class='submenu'>Lip Gloss</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='lipstick.htm' class='submenu'> Lipstick</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='liptint.htm' class='submenu'>Lip Tint</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='lipliners.htm' class='submenu'>Lip Liners</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='lipkits.htm' class='submenu'>Lip Kits</a></td></tr>")
document.writeln("</table>")
document.writeln("</td></tr></table>")
document.writeln("</div>")


// lips
document.writeln('<div id="Layer4" style="LEFT: '+(w+345)+'px; POSITION: absolute; TOP: 110px; VISIBILITY: hidden; z-index:1"><table border="0" cellspacing="0" cellpadding="0" width="164"><tr>')
document.writeln("<td bgcolor='#485E6B' onMouseOver=\"MM_showHideLayers('Layer4','','show');\"  onMouseout=\"MM_showHideLayers('Layer4','','hide');\" align='right'><table border='0' cellspacing='0' cellpadding='2' width='100%'>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-top:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='aboutmm.htm' class='submenu'>About Mineral Makeup</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;  border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' class='nav-boder'><a href='mothers_skin.htm' class='submenu'>A Mother's Skin</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px; border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='choosing_foundations.htm' class='submenu'>Choosing Foundations</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='skincare-prep.htm' class='submenu'>Skin Care Preparation</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='ingredients.htm' class='submenu'>Our Ingredients</a></td></tr>")
document.writeln("<tr><td align='left' valign='middle' bgcolor='#8E3309' height='24px' style='padding-left:9px;border-left:1px solid #9E9C73; border-right:1px solid #9E9C73; border-bottom:1px solid #BB7A5F;' ><a href='recommendations.htm' class='submenu'>Product Recommendations</a></td></tr>")
document.writeln("</table>")
document.writeln("</td></tr></table>")
document.writeln("</div>")