function initsubmenu() {
  var porady = document.getElementById('porady');
  var submenu = document.getElementById('submenu');
  
  porady.onmouseover = setAndShow;
  submenu.onmouseover = showSubmenu;
  
  porady.onmouseout = waitAndHide;
  submenu.onmouseout = waitAndHide;
}

function showSubmenu(e) {
  var submenu = document.getElementById('submenu');
  
  submenu.style.visibility = 'visible';
  over = true;
}

function setAndShow(e) {
  var submenu = document.getElementById('submenu');
  var IE = document.all ? true : false;
  
  submenu.style.position = 'absolute';
  
  if (IE) {
    submenu.style.left = (event.x + 150) + 'px';
    submenu.style.top = (event.y + 175) + 'px';
    //alert(event.screenY);
  } else {
    submenu.style.left = (e.pageX + 5) + 'px';
    submenu.style.top = (e.pageY + 5) + 'px';
  }
  
  setOpacity('0.2');
  submenu.style.visibility = 'visible';
  
  setTimeout("setOpacity('0.2')", 50);
  
  setTimeout("setOpacity('0.3')", 100);
  
  setTimeout("setOpacity('0.4')", 150);
  
  setTimeout("setOpacity('0.5')", 200);
  
  setTimeout("setOpacity('0.6')", 250);
  
  setTimeout("setOpacity('0.7')", 300);
  
  setTimeout("setOpacity('0.8')", 350);
  
  setTimeout("setOpacity('0.9')", 400);
  
  setTimeout("setOpacity('1')", 450);
  
  over = true;
}

function setOpacity(opac) {
  var submenu = document.getElementById('submenu');
  var IE = document.all ? true : false;
  
  if (IE) {
    //submenu.style.filter = alpha(opacity=opac*100);
  } else {
    submenu.style.opacity = opac;
  }
}

function waitAndHide() {
  setTimeout("hide()", 500);
  over = false;
}

function hide(e) {
  var submenu = document.getElementById('submenu');
  
  if (!over)
  {
    submenu.style.visibility = 'hidden';
  }
}

window.onload = initsubmenu;

var over = false;