// Determine browser type (Netscape 6 or IE 5.5).

var isIE = ((navigator.userAgent.indexOf("MSIE") > 0)
    			||(navigator.userAgent.indexOf("Opera") > 0)) ? 1 : 0;
var isNS6 = (navigator.userAgent.indexOf("Gecko")    > 0) ? 1 : 0;
var isNS4 = ((navigator.appName.indexOf("Netscape")==0)
			&&(navigator.userAgent.indexOf("Mozilla/4")  == 0)) ? 1 : 0;


//if (isNS4==0)
// alert("This skin has been designed for Netscape 4.x.");


function getPageOffsetLeft(el) {

  // Return the true x coordinate of an element relative to the page.

  return el.offsetLeft + (el.offsetParent ? getPageOffsetLeft(el.offsetParent) : 0);
}

function getPageOffsetTop(el) {

  // Return the true y coordinate of an element relative to the page.

  return el.offsetTop + (el.offsetParent ? getPageOffsetTop(el.offsetParent) : 0);
}

function buttonClick(button, menuName) {

  if (!button.menu)
  {
   if (isNS4)
    button.menu = document.layers[menuName];
   else
    button.menu = document.getElementById(menuName);
  }
  
  // Toggle the button's state.
  if (button.menu.isDepressed)
    resetButton(button);
  else
    depressButton(button);

  return false;
}


function depressButton(button) {

if (isNS4)
{
  button.menu.left = (window.innerWidth-100);
  button.menu.top  = 0;
  button.menu.visibility = "show";
}
else
{
 // Position the associated drop down menu under the button and
  // show it. Note that the position must be adjusted according to
  // browser, styling and positioning.

  x = getPageOffsetLeft(button);
  y = getPageOffsetTop(button) + button.offsetHeight;
  if (isIE) {
    x -= 15;
	y += 2;
	}
  if (isNS6) {
    x--;
    y--;
  }
  button.menu.style.left = x + "px";
  button.menu.style.top  = y + "px";
  button.menu.style.visibility = "visible";
}  
  // Set button state and let the world know which button is
  // active.

  button.menu.isDepressed = true;
}

function resetButton(button) {

  if (button.menu)
  {
   if (isNS4)
    button.menu.visibility = "hide";
   else
//    button.menu.style.display = "none";   
    button.menu.style.visibility = "hidden";   
  }
   
  // Set button state and clear active menu global.
  button.menu.isDepressed = false;
}