// initialize all menus
var PAGELOADED=false;

var activeMenu = -1;
var the_height = 0;
var subMenuWidth = 140;
var menuSpacing = 1;
var menuHorPadding = 4;
var menuVerPadding = 1;
var subMenuHorPadding = 4;
var subMenuVerPadding = 1;

var subMenuLoColor = "#663333";
var subMenuHiColor = "#990000";

var subMenuTextClass = "subMenuCLF";
var subMenuHiTextClass = "subMenuHiCLF";

var subMenu = new Array();
subMenu[0] = "";
subMenu[1] = new Array();
subMenu[1][0] = new subMenuObject("Biography","obatakaiso.html");
subMenu[1][1] = new subMenuObject("Gallery","gallery.html");
subMenu[1][2] = new subMenuObject("Kabutowari","kabutowari.html");
subMenu[2] = new Array();
subMenu[2][0] = new subMenuObject("Shinkendo","shinkendo.html");
subMenu[2][1] = new subMenuObject("Toyama Ryu","toyamaryu.html");
subMenu[2][2] = new subMenuObject("Aikbuken","aikibuken.html");
subMenu[2][3] = new subMenuObject("Philosophy","kuyo.html");
subMenu[2][4] = new subMenuObject("Expectations","expect.html");
subMenu[3] = "";
subMenu[4] = "";
subMenu[5] = new Array();
subMenu[5][0] = new subMenuObject("Merchandise","merc.html");
subMenu[5][1] = new subMenuObject("Links","faq.html");
//--------------------------------------------------
function subMenuObject(text, URL) {
//--------------------------------------------------
	this.text = text;
	this.URL = URL;
}

//--------------------------------------------------
function selectSubMenu(menuNumber, subMenuNumber) {
//--------------------------------------------------
	resetSubMenu(menuNumber);
	idTarget = "subMenuDIV"+menuNumber+"_"+subMenuNumber;
	idSPN = "subMenuSPN"+menuNumber+"_"+subMenuNumber;
	if (browser.ie) {
		document.all[idTarget].style.backgroundColor = subMenuHiColor;
		document.all[idSPN].className = "subMenuHiCLF";
	}
	if (browser.ns) document.layers[idTarget].document.bgColor = subMenuHiColor;
}
//--------------------------------------------------
function resetMenu() {
//--------------------------------------------------
	for (var i=0 ; i<subMenu.length ; i++) {
		hideSubMenu(i);
		swapImage('gfx/menu_0'+(i+1)+'.gif','menu0'+(i+1)+'IMG','menuDIV');
	}
	activeMenu = -1;
}
//--------------------------------------------------
function resetSubMenu(menuNumber) {
//--------------------------------------------------
	for (var i=0 ; i<subMenu[menuNumber].length ; i++) {
		idTarget = "subMenuDIV"+menuNumber+"_"+i;
		idSPN = "subMenuSPN"+menuNumber+"_"+i;
		if (browser.ie) {
			document.all[idTarget].style.backgroundColor = subMenuLoColor;
			document.all[idSPN].className = "subMenuCLF";
		}
		if (browser.ns) document.layers[idTarget].document.bgColor = subMenuLoColor;
	}
}
//--------------------------------------------------
function showSubMenu(menuNumber) {
//--------------------------------------------------
	if(PAGELOADED) {
		resetMenu();
		resetSubMenu(menuNumber);
		swapImage('gfx/menu_0'+(menuNumber+1)+'_ro.gif','menu0'+(menuNumber+1)+'IMG','menuDIV');
		if (subMenu[menuNumber]!="") {
			for (var i=0 ; i<subMenu[menuNumber].length ; i++) {
				var idTarget = "subMenuDIV"+menuNumber+"_"+i;
				if (browser.ie) layerShow(document.all[idTarget]);
				else if (browser.ns) layerShow(document.layers[idTarget]);
			}
		}
		activeMenu = menuNumber;
	}
}
//--------------------------------------------------
function hideSubMenu(menuNumber) {
//--------------------------------------------------
	if (subMenu[menuNumber]!="") {
		for (var i=0 ; i<subMenu[menuNumber].length ; i++) {
			var idTarget = "subMenuDIV"+menuNumber+"_"+i;
			if (browser.ie) layerHide(document.all[idTarget]);
			else if (browser.ns) layerHide(document.layers[idTarget]);
		}
		resetSubMenu(menuNumber);
	}
}
//--------------------------------------------------
function subMenuLayerWrite() {
//--------------------------------------------------
	var thisHTML = "";
	for (var i=0 ; i<subMenu.length ; i++) {
		for (var j=0 ; j<subMenu[i].length ; j++) {
			if (browser.ie) {
				thisHTML += "<div id='subMenuDIV"+i+"_"+j+"' class='subMenuDIV' style='background-color:"+subMenuLoColor+";width:"+subMenuWidth+";padding-left:"+subMenuHorPadding+";padding-right:"+subMenuHorPadding+";padding-top:"+subMenuVerPadding+";padding-bottom:"+subMenuVerPadding+";cursor:hand;overflow:visible;' onmouseover=\"selectSubMenu("+i+","+j+")\" onclick=\"document.location.href='"+subMenu[i][j].URL+"'\">";
				thisHTML += "<span id='subMenuSPN"+i+"_"+j+"' class='"+subMenuTextClass+"'><a href=\""+subMenu[i][j].URL+"\" onfocus=\"this.blur();\" onmouseover=\"selectSubMenu("+i+","+j+")\">"+subMenu[i][j].text+"</a></span>";
				thisHTML += "</div><br>";
			}
			if (browser.ns) {
				thisHTML = "<table border='0' cellpadding='0' cellspacing='1' width='"+subMenuWidth+"'><tr><td><img src='gfx/x.gif' width='"+(menuHorPadding-menuVerPadding)+"' height='1'></td>";
				thisHTML += "<td class='"+subMenuTextClass+"'>&nbsp;&nbsp;<a href=\""+subMenu[i][j].URL+"\" onfocus=\"this.blur();\" onmouseover=\"selectSubMenu("+i+","+j+")\">"+subMenu[i][j].text+"</a></td>";
				thisHTML += "<td><img src='gfx/x.gif' width='"+(menuHorPadding-menuVerPadding)+"' height='1'></td></tr></table>"
				thisLayer = 'subMenuDIV'+i+'_'+j;
				createNSLayer(thisLayer,thisHTML);
			}
		}
	}
	if (browser.ie) document.all.subMenusDIV.innerHTML = thisHTML;
	position_subMenu();
}
//--------------------------------------------------
function createNSLayer(thisLayer, thisHTML) {
//--------------------------------------------------
	document.layers[thisLayer] = new Layer(subMenuWidth);
	document.layers[thisLayer].left = 0;
	document.layers[thisLayer].top = 0;
	document.layers[thisLayer].bgColor = subMenuLoColor;
	document.layers[thisLayer].zIndex = 10;
	document.layers[thisLayer].visibility = "hide";
	document.layers[thisLayer].document.open();
	document.layers[thisLayer].document.write(thisHTML);
	document.layers[thisLayer].document.close();
}
//--------------------------------------------------
function position_subMenu() {
//--------------------------------------------------
	var allLayers = (browser.ns)?'document.layers':'document.all'
	var thisWidth = 313;
	for (var i=0 ; i<subMenu.length ; i++) {
	var	thisHeight = 154 + menuSpacing;
		for (var j=0 ; j<subMenu[i].length ; j++) {
			eval('layerMoveTo('+allLayers+'.subMenuDIV'+i+'_'+j+','+thisWidth+','+thisHeight+')');
			thisHeight += eval('layerGetHeight('+allLayers+'.subMenuDIV'+i+'_'+j+')') + menuSpacing;
			if(the_height<thisHeight) the_height = thisHeight+20; // keep track of lowest menu coordinate
		}
		if (browser.ie) thisWidth+=eval("document.images['menu0"+(i+1)+"IMG'].width");
		else if (browser.ns) thisWidth+=eval("document.layers.menuDIV.document.images['menu0"+(i+1)+"IMG'].width");
	}
	thisWidth=741-subMenuWidth;
	for (var j=0 ; j<subMenu[5].length ; j++) {
		if (browser.ie) eval(allLayers+".subMenuDIV5_"+j+".style.pixelLeft = thisWidth");
		else eval(allLayers+".subMenuDIV5_"+j+".left = thisWidth");
	}
	preloadImages('gfx/menu_01_ro.gif','gfx/menu_02_ro.gif','gfx/menu_03_ro.gif','gfx/menu_04_ro.gif','gfx/menu_05_ro.gif','gfx/menu_06_ro.gif');
}