/*<script language = "Javascript">*/
/*<!--*/
/**
 * DHTML dropdown menu script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */
 
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS6 = (bName == "Netscape" && bVer >= 5);
 var NS4 = (bName == "Netscape" && bVer >= 4 && bVer < 5);
 var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
 window.onerror = null;

 var menuActive = 0
 var menuOn = 0
 var onLayer
 var timeOn = null // LAYER SWITCHING CODE
 
 if (NS4 || IE4 || NS6)
 {
  if (navigator.appName == "Netscape" && !document.getElementById)
  {
	 layerStyleRef="layer.";
	 layerRef="document.layers";
	 styleSwitch="";
	 layerVis="show";
	 layerHid="hide";
  }
  else if (!document.all && document.getElementById)
  {
	 layerStyleRef="layer.style.";
	 layerRef="document.getElementById";
	 styleSwitch=".style";
	 layerVis="visible";
	 layerHid="hidden";
  }
  else
  {
	 layerStyleRef="layer.style.";
	 layerRef="document.all";
	 styleSwitch=".style";
	 layerVis="visible";
	 layerHid="hidden";
  }
 }
 
// SHOW MENU
function shLayer(layerName,imgName)
{
 img = getImage(imgName);

 x = getImagePageLeft(img);
 y = getImagePageTop(img);

 menuTop = y + 6; // LAYER TOP POSITION
 DrL = x; // 'Dr' LAYER LEFT POSITION
 DermL = x;  // 'Derm' LAYER LEFT POSITION
 CosmL = x;  // 'Cosm' LAYER LEFT POSITION
 ContL = x;  // 'Cont' LAYER LEFT POSITION
if (navigator.appName == "Microsoft Internet Explorer")
{
 ProductsL = x + 10;
 ProceduresL = x + 10;
 if (imgName == "tabProcedures" || imgName == "tabProducts")
 {
   menuTop = y - 20;	
 }
}
else
{
 ProductsL = x + 525;
 ProceduresL = x + 525; 
 if (imgName == "tabProcedures" || imgName == "tabProducts")
 {
   menuTop = y + 113;	
 }
}

 if (timeOn != null)
 {
  clearTimeout(timeOn)
  hideLayer(onLayer)
 }
 if (NS4 || IE4 || NS6)
 {
  if (NS4 || IE4)
  {
   eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="'+layerVis+'"');
   eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top="'+menuTop+'"');
   eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
  } 
  if (NS6)
  {
   eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="'+layerVis+'"');
   eval(layerRef+'("'+layerName+'")'+styleSwitch+'.top="'+menuTop+'"');
   eval(layerRef+'("'+layerName+'")'+styleSwitch+'.left="'+eval(layerName+'L')+'"');
  }
  onLayer = layerName
  if (imgName == "tabProcedures")
  {
   myHideLayer('Products')
  }
  if (imgName == "tabProducts")
  {
   myHideLayer('Procedures')
  }
 }
}
// HIDE MENU
function myHideLayer(layerN)
{
  if (NS4 || IE4)
  {
   eval(layerRef+'["'+layerN+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
  }
  if (NS6)
  {
   eval(layerRef+'("'+layerN+'")'+styleSwitch+'.visibility="'+layerHid+'"');
  }
}


// HIDE MENU
function hideLayer(layerN)
{
 if (menuActive == 0)
 {
 	
  if(layerN == 'Procedures' || layerN == 'Products')
  {
    layerHide = 'Cosm';
    if (NS4 || IE4)
    {
      eval(layerRef+'["'+layerHide+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
    }
    if (NS6)
    {
      eval(layerRef+'("'+layerHide+'")'+styleSwitch+'.visibility="'+layerHid+'"');
    }	
  }
 	
  if (NS4 || IE4)
  {
   eval(layerRef+'["'+layerN+'"]'+styleSwitch+'.visibility="'+layerHid+'"');
  }
  if (NS6)
  {
   eval(layerRef+'("'+layerN+'")'+styleSwitch+'.visibility="'+layerHid+'"');
  }
 }
}

// TIMER FOR BUTTON MOUSE OUT
function btnTimer()
{
 timeOn = setTimeout("btnOut()",100)
}

// BUTTON MOUSE OUT
function btnOut(layerName)
{
 if (menuActive == 0)
 {
  hideLayer(onLayer)	
 }
}

// MENU MOUSE OVER 
function menuOver(itemName, menuNumber)
{
 clearTimeout(timeOn)
 menuActive = 1
}

// MENU MOUSE OUT 
function menuOut(itemName)
{
 if(menuActive == 1)
 {
  menuActive = 0
  timeOn = setTimeout("hideLayer(onLayer)", 400)
 }
}

// SET BACKGROUND COLOR 
function setBgColor(layer, color)
{
  if (NS6){
    eval('document.getElementById("'+layer+'").style.backgroundColor="'+color+'"');
  }
  else if (NS4){
    eval('window.document.layers["'+layer+'"].document.bgColor="'+color+'"');
	eval('window.document.layers["'+layer+'"].saveColor="'+color+'"');
  }
  else if (IE4){
    eval('document.all.'+layer+'.style.backgroundColor="'+color+'"');
  }
}
// SET BACKGROUND COLOR 
function setColor(layer, color) {
  if (NS6){
    eval('document.getElementById("'+layer+'").style.color="'+color+'"');
  }
  else if (NS4){
    eval('window.document.layers["'+layer+'"].document.color="'+color+'"');
	eval('window.document.layers["'+layer+'"].saveColor="'+color+'"');
  }
  else if (IE4){
    eval('document.all.'+layer+'.style.color="'+color+'"');
  }
}


function getImage(name)
{
  if (NS4 || NS6) {
    return findImage(name, document);
  }
  if (IE4 || NS6)
    return eval('document.all.' + name);
  return null;
}

function findImage(name, doc)
{
  var i, img;
  for (i = 0; i < doc.images.length; i++)
    if (doc.images[i].name == name)
      return doc.images[i];
  for (i = 0; i < doc.layers.length; i++)
    if ((img = findImage(name, doc.layers[i].document)) != null) {
      img.container = doc.layers[i];
      return img;
    }
  return null;
}

function getImagePageLeft(img)
{
  var x, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageX + img.x - 1;
    else
      return img.x - 1;
  }
  if (IE4) {
    x = 0;
    obj = img;
    while (obj.offsetParent != null) {
      x += obj.offsetLeft;
      obj = obj.offsetParent;
    }
    x += obj.offsetLeft;
    return x;
  }
  return -1;
}

function getImagePageTop(img)
{
  var y, obj;
  if (NS4 || NS6) {
    if (img.container != null)
      return img.container.pageY + img.y;
    else
      return img.y;
  }
  if (IE4) {
    y = 0;
    obj = img;
    while (obj.offsetParent != null) {
      y += obj.offsetTop;
      obj = obj.offsetParent;
    }
    y += obj.offsetTop;
    return y;
  }
  return -1;
}
/*// -->*/
/*</script>*/