var TimeOut         = 150;
var OpenSpped       = 10;
var OpenSize        = 20;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var openTimer      = null;
var closeTimer      = null;
var	MaxHeight		= 0;
var	NowHeight		= 0;
var	DXHeight		= 0;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
	
  if(l) {
	if( l.title == ""){ l.title = l.clientHeight; }
	MaxHeight = l.title;
	NowHeight = OpenSize;
	l.style.height = NowHeight + "px";
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;
	openTimer = window.setTimeout(mpopup, OpenSpped);
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function mpopup() {
	if(!currentLayer) { return; }
	NowHeight += OpenSize
	if( NowHeight > MaxHeight){
		currentLayer.style.height = MaxHeight + "px";
	}
	else{
		currentLayer.style.height = NowHeight + "px";
		openTimer = window.setTimeout(mpopup, OpenSpped);
	}
}

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

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

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

document.onclick = mclose;