//                 DROPDOWN               //

  var timeout	= 500;
  var closetimer	= 0;
  var ddmenuitem	= 0;

  // open hidden layer
  function mopen(id)
  {	
    // cancel close timer
    mcancelclosetime();

    // close old layer
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

  }
  // close showed layer
  function mclose()
  {
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
  }

  // go close timer
  function mclosetime()
  {
    closetimer = window.setTimeout(mclose, timeout);
  }

  // cancel close timer
  function mcancelclosetime()
  {
    if(closetimer)
    {
      window.clearTimeout(closetimer);
      closetimer = null;
    }
  }

  // close layer when click-out
  document.onclick = mclose; 
  /////////////////
//      HBL FUNCTIONS      //

    function pop(page, width, height) { 
      OpenWin = this.open(page, "HBLPOP", "toolbar=no, menubar=no ,location=no, scrollbars=yes, resizable=yes, width=" + width + ", height=" + height + ", top=" + (screen.height/2 - height/2) + ", left=" + (screen.width/2 - width/2) + "\""); 
    }
    function settitle(newtitle) {
      var ttitle = 'HBL - ' + newtitle;
      document.title = ttitle;
      this.document.title = ttitle;		
    } 
    function opengreybox (ParameterFromFlash){
      var tburl = ParameterFromFlash + '&TB_iframe=true&height=400&width=640&modal=true';
          tb_show('CD ROM Order',tburl,'images/cart.jpg');
    }
    function closegreybox (msg){
      alert(msg);
          GB_hide();
    }
    
    var GB_ROOT_DIR = "http://hblhaircare.com/greybox/";
//
// OPACITY //
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;

  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  if (opacity > 99.9){
    obj.style.filter = "none";
  }
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
  }
}
function initImage(objname,src){ 
    var img = new Image();
    img.onload = function() {
      ImageId = objname;
      image = document.getElementById(ImageId);
      setOpacity(image, 10);
      image.style.visibility = "visible";
      fadeIn(ImageId,20);
    };
    document.write("<style type=\'text/css\'> #"+objname+" {visibility:hidden;} </style>");
    img.src = src;
      
};