/* Menuutje v0.1 :)

Dit wordt je menu layer (ergens tussen je <body> en </body> mikken, het liefst ergens in het begin ivm spiders ...):

<div id=menu name=menu onmouseover="doMenu()" onmouseout="undoMenu()">
  <!-- Je menu text en de linkjes enz.. -->
</div>

Dit wordt je popup button, kan ook een plaatje oid zijn:
<a href="javascript:doMenu()" onmouseout="undoMenu()" class="zlink">Links</a>


LET OP !!!!!!!!!!!!
je moet in je #menu  (css class voor id) in elk geval dit hebben staan:
visibility:hidden;
position: absolute

anders gaat het niet werken. Verder kan ik aanraden de background-color te fixen!
*/


var x;
var y;

function mouseMoved(e){
  if(document.body&&window.event){
    x=document.body.scrollLeft+window.event.x;
    y=document.body.scrollTop+window.event.y;
  }else{
    if(e){
	  if(e.pageX){
        x=e.pageX;
        y=e.pageY;
      }
    }
  }
}

document.onmousemove = mouseMoved;
var mayHide = true;


function doMenu()
{
	stopCounter()
	if(menu.style.visibility == 'hidden' || menu.style.visibility == '')
	{
		menu.style.visibility = 'visible';
		menu.style.top = y - menu.clientHeight-10;
		menu.style.left = x;
	}
}

var undoCounter = -1;
function undoMenu()
{
	if(undoCounter==-1)
		undoCounter = window.setInterval(hideMenu, 1000);
}

function hideMenu()
{
	stopCounter();
	menu.style.visibility = 'hidden';
}

function stopCounter()
{
	if(undoCounter!=-1)
	{
		window.clearInterval(undoCounter);
		undoCounter = -1;
	}
}
