var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;
var gn;
var menubtn;
var def_btn = new Array();
var flag=0;



function gnaviOpen(n) {
if(flag==0){
for( count=1; count<=4; count++){def_btn[count-1] = document.getElementById("gnaviBtn"+count).src;}
flag=1;
}
  var l  = document.getElementById("gnavi"+n+"Inner");
  var mm = document.getElementById("gnavi"+n);
  menubtn = document.getElementById("gnaviBtn"+n);
  menubtnSrc = menubtn.src;

if(l) {
	gn = n;
	menubtn.src = '/common/img/gnavi_btn_00'+gn+'_navov.gif';
	for( count=1; count<=4; count++){
		if(count != gn){
				document.getElementById('gnaviBtn'+count).src='/common/img/gnavi_btn_00'+count+'_navnor.gif';
				//document.getElementById('gnaviBtn'+count).src=def_btn[count-1];
		}
	}
	gnaviCancelCloseTime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n)){
    currentLayer.style.visibility='hidden';
	menubtn.src = '/common/img/gnavi_btn_00'+ n +'_navov.gif';
	}
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;			
	}
	
else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
	

}

function gnaviCloseTime() {
  closeTimer = window.setTimeout(gnaviClose, TimeOut);
}

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

function gnaviClose() {
	
  if(currentLayer)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;	
	for( count=1; count<=4; count++){
				document.getElementById('gnaviBtn'+count).src='/common/img/gnavi_btn_00'+count+'_navnor.gif';
				//document.getElementById('gnaviBtn'+count).src=def_btn[count-1];
	}
  }
  currentLayer = null;
  currentitem = null;
}