/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Konstantin Jagello | http://javascript-array.com/ 

example code:
<ul id="dd">
  <li><a href="#" class="menu" id="mmenu1" onmouseover="mopen(1);" onmouseout="mclosetime();">Home</a>
    <div class="submenu" id="menu1" onmouseover="mcancelclosetime()" onmouseout="mclosetime();"> 
		<a href="#">HTML Tutorials</a> 
		<a href="#">DHTML Tutorials</a> 
		<a href="#">JavaScript Tutorials</a> 
		<a href="#">CSS Tutorials</a> 
    </div>
  </li>
  <li><a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();">About Us</a>
    <div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();"> 
		  <a href="#">ASP Scripts</a> 
		  <a href="#">PHP Scripts</a> 
		  <a href="#">Ajax Scripts</a> 
		  <a href="#">Perl Scripts</a> 
	  </div>
  </li>
  <li><a href="#" class="menu">Order</a></li>
  <li><a href="#" class="menu">Help</a></li>
  <li><a href="#" class="menu" id="mmenu3" onmouseover="mopen(3);" onmouseout="mclosetime();">VPS Divisions</a>
    <div class="submenu" id="menu3" onmouseover="mcancelclosetime()" onmouseout="mclosetime();"> 
	  	<a href="#">Office</a> 
		<a href="#">Sales</a> 
      	<a href="#">Customer Service</a> 
		<a href="#">Shipping</a> 
	</div>
  </li>
</ul>

*/
var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
	
  if(l) {
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;			
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

document.onclick = mclose;