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; 

//listener load

function addEvent(elm,listener,fn){
	try{
		elm.addEventListener(listener,fn,false);
	}catch(e){
		elm.attachEvent("on"+listener,fn);
	}
}

//thum load

var souceURL    = null;
var souceLeng     = null;
var sharedAdress     = null;
var rootLeng     = null;
var rootAdress     = null;

function submenu(){
	souceURL = document.getElementById("Honda_logo").src;
	souceLeng = souceURL.length - 12;
	rootLeng = souceURL.length - 23;
	sharedAdress = souceURL.substring(0,souceLeng);
	rootAdress = souceURL.substring(0,rootLeng);
	
	//aryOff aryOn preload image
	aryAutoOff = new Array("sub_accord_off.jpg","sub_city_off.jpg","sub_civic_off.jpg","sub_civic_hybrid_off.jpg","sub_cr-v_off.jpg");
 aryAutoOn = new Array("sub_accord_on.jpg","sub_city_on.jpg","sub_civic_on.jpg","sub_civic_hybrid_on.jpg","sub_cr-v_on.jpg");
	
 prImgAutoOff= new Array();
 for (i=0; i<aryAutoOff.length; i++)
 {
	 prImgAutoOff[i] = new Image();
	 prImgAutoOff[i].src = sharedAdress + aryAutoOff[i];
 }
 prImgAutoOn= new Array();
 for (i=0; i<aryAutoOn.length; i++)
 {
	 prImgAutoOn[i] = new Image();
	 prImgAutoOn[i].src = sharedAdress + aryAutoOn[i];
 }
	
	//aryMotorOff aryMotorOn preload image
	aryMotorOff = new Array();
 aryMotorOn = new Array();
	
	prImgMotorOff= new Array();
 for (i=0; i<aryMotorOff.length; i++)
 {
	 prImgMotorOff[i] = new Image();
	 prImgMotorOff[i].src = sharedAdress + aryMotorOff[i];
 }
 prImgMotorOn= new Array();
 for (i=0; i<aryMotorOn.length; i++)
 {
	 prImgMotorOn[i] = new Image();
	 prImgMotorOn[i].src = sharedAdress + aryMotorOn[i];
 }
	
	//aryPowerOff aryPowerOn preload image
 aryPowerOff = new Array();
 aryPowerOn = new Array();
	
	prImgPowerOff= new Array();
 for (i=0; i<aryPowerOff.length; i++)
 {
	 prImgPowerOff[i] = new Image();
	 prImgPowerOff[i].src = sharedAdress + aryPowerOff[i];
 }
 prImgPowerOn= new Array();
 for (i=0; i<aryPowerOn.length; i++)
 {
	 prImgPowerOn[i] = new Image();
	 prImgPowerOn[i].src = sharedAdress + aryPowerOn[i];
 }
	
 document.getElementById("menu1").innerHTML="<a href='"+ rootAdress +"accord/index.html' onMouseOver='swapImg(1, 1 ,\"Auto\");' onMouseOut='swapImg(0, 1 ,\"Auto\");'><img src='"+ sharedAdress +"sub_accord_off.jpg' alt='ACCORD' width='129' height='127' name='swapAutoImg1' /></a><a href='"+ rootAdress +"city/index.html' onMouseOver='swapImg(1, 2 ,\"Auto\");' onMouseOut='swapImg(0, 2 ,\"Auto\");'><img src='"+ sharedAdress +"sub_city_off.jpg' alt='CITY' width='129' height='127' name='swapAutoImg2' /></a><a href='"+ rootAdress +"civic/index.html' onMouseOver='swapImg(1, 3 ,\"Auto\");' onMouseOut='swapImg(0, 3 ,\"Auto\");'><img src='"+ sharedAdress +"sub_civic_off.jpg' alt='CIVIC' width='129' height='127' name='swapAutoImg3' /></a><a href='"+ rootAdress +"civichybrid/index.html' onMouseOver='swapImg(1, 4 ,\"Auto\");' onMouseOut='swapImg(0, 4 ,\"Auto\");'><img src='"+ sharedAdress +"sub_civic_hybrid_off.jpg' alt='CIVIC HYBRID' width='129' height='127' name='swapAutoImg4' /></a><a href='"+ rootAdress +"cr-v/index.html' onMouseOver='swapImg(1, 5 ,\"Auto\");' onMouseOut='swapImg(0, 5 ,\"Auto\");'><img src='"+ sharedAdress +"sub_cr-v_off.jpg' alt='CR-V' width='129' height='127' name='swapAutoImg5' /></a>";
	
 //document.getElementById("menu2").innerHTML="";
	
 //document.getElementById("menu3").innerHTML="";
}

//swap image
function swapImg(mode, num, cate)
{
	var aryMode = (mode == 0) ? "Off" : "On";
	var aryCate = cate;
	var aryName = "ary" + aryCate + aryMode;
	if(mode == 0) document["swap" + aryCate + "Img"+ num].src = sharedAdress + eval(aryName)[num-1];
	else if(mode == 1) document["swap" + aryCate + "Img" + num].src = sharedAdress + eval(aryName)[num-1];
}