var TimeOut         = 200;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var c  = document.getElementById("menu" + current_menu_no );
  c.style.visibility='hidden';

  if(  n ==  current_menu_no ) {
	  changeImageOn('Img0' + current_menu_no );
  } else {
	  changeImageOff("Img0" + current_menu_no );
  }
  changeImageOn('Img0' + 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';
      if ( currentLayerNum > 0  ) {
          changeImageOff("Img0" + currentLayerNum  );
        }
    }
      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() {
	changeImageOn('Img0' + current_menu_no );
  if( currentLayerNum != current_menu_no && currentLayerNum > 0  ) {
	  changeImageOff("Img0" + currentLayerNum );
  }

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

  var c  = document.getElementById("menu" + current_menu_no );
  c.style.visibility='visible';


}

document.onclick = mclose;