var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var globalopacity = 100;
var timeout1;
var timeout2;
var timeout3;

function swapImage(target) {
	image0.src = target;
}

function fadeImage(target) {
    window.clearTimeout(timeout1);
	window.clearTimeout(timeout2);
    window.clearTimeout(timeout3);
	fadeOut("image0", globalopacity);
	timeout1 = window.setTimeout("fadeIn('image0',0)", globalopacity * 5);
    timeout3 = window.setTimeout("swapImage('" + target + "')", globalopacity * 5);
}

function setOpacity(obj, opacity) {
  globalopacity = opacity;
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:" + opacity + ")"; // IE/Win
  obj.style.KHTMLOpacity = opacity/100; // Safari<1.2, Konqueror
  obj.style.MozOpacity = opacity/100; // Older Mozilla and Firefox
  obj.style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}
  
function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      timeout1 = window.setTimeout("fadeIn('" + objId + "'," + opacity + ")", 50);
    }
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      timeout2 = window.setTimeout("fadeOut('" + objId + "'," + opacity + ")", 50);
    }
  }
}

function showMenu(id) {
  cancelCloseMenu();
  if (ddmenuitem)
    ddmenuitem.style.visibility = 'hidden';
  ddmenuitem = document.getElementById(id);
  if (ddmenuitem)
    ddmenuitem.style.visibility = 'visible';
}

function closeMenu() {
  if (ddmenuitem)
    ddmenuitem.style.visibility = 'hidden';
}

function startClosingMenu() {
  closetimer = window.setTimeout(closeMenu, timeout);
}

function cancelCloseMenu()
{
  if (closetimer) {
    window.clearTimeout(closetimer);
    closetimer = null;
  }
}

document.onclick = startClosingMenu;