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

function show(n) {
  var subArea  = document.getElementById("submenuArea"+n);
  var mainNav = document.getElementById("nav"+n);
	
  if(subArea) {
    cancel();
    subArea.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = subArea;
    currentitem = mainNav;
    currentLayerNum = n;			
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function hide() {
  closeTimer = window.setTimeout(mouseout, TimeOut);
}

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

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



var n=0;
function subSvOver(n){
	with(document.getElementById("subSv"+n)){
	className='submenuR';
	}
}
function subSvOut(n){
	with(document.getElementById("subSv"+n)){
	className='submenuN';
	}
}
function subStOver(n){
	with(document.getElementById("subSt"+n)){
	className='submenuR';
	}
}
function subStOut(n){
	with(document.getElementById("subSt"+n)){
	className='submenuN';
	}
}

document.onclick = mouseout;