// JavaScript Document

var menuName = new Array()
menuName[0] = "menu1"
menuName[1] = "menu2"
menuName[2] = "menu3"
menuName[3] = "menu4"
menuName[4] = "menu5"
menuName[5] = "menu6"

var menuURL = new Array()
menuURL[0] = "http://www.universe-group.co.jp/index.html"
menuURL[1] = "http://www.universe-group.co.jp/company/greeting.html"
menuURL[2] = "http://www.universe-group.co.jp/business/business.html"
menuURL[3] = "http://www.universe-group.co.jp/employment/work.html"
menuURL[4] = "http://www.universe-group.co.jp/ask/contact.html"
menuURL[5] = "http://www.universe-group.co.jp/index.html?i=6"




function showMenu() {
	divString = '<table class="comMenuTab" border="0" cellspacing="0" cellpadding="0">';
    divString = divString + '<tr id="comMenuTil">';
    divString = divString + '<td>&nbsp;</td>';
    divString = divString + '<td colspan="6" class="fontGroup">UNIVERSE GROUP</td>';
    divString = divString + '<td>&nbsp;</td>';
    divString = divString + '</tr>';
    divString = divString + '<tr>';
    divString = divString + '<td class="comMenuA"></td>';
    divString = divString + '<td width="150" class="comMenuB" id="menu1" onmouseover="menuIn(this.id)" onmouseout="menuOut(this.id)" onclick="menuGo(this.id)">ホーム</td>';
    divString = divString + '<td width="150" class="comMenuB" id="menu2" onmouseover="menuIn(this.id)" onmouseout="menuOut(this.id)" onclick="menuGo(this.id)">会社案内</td>';
    divString = divString + '<td width="150" class="comMenuB" id="menu3" onmouseover="menuIn(this.id)" onmouseout="menuOut(this.id)" onclick="menuGo(this.id)">事業概要</td>';
    divString = divString + '<td width="150" class="comMenuB" id="menu4" onmouseover="menuIn(this.id)" onmouseout="menuOut(this.id)" onclick="menuGo(this.id)">採用情報</td>';
    divString = divString + '<td width="150" class="comMenuB" id="menu5" onmouseover="menuIn(this.id)" onmouseout="menuOut(this.id)" onclick="menuGo(this.id)">お問い合わせ</td>';
    divString = divString + '<td width="150" class="comMenuA" id="menu6" style="border-left:1px solid #999999;"></td>';
    divString = divString + '<td class="comMenuA"></td>';
    divString = divString + '</tr>';
    divString = divString + '<tr>';
    divString = divString + '<td class="comMenuC"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine1"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine2"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine3"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine4"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine5"></td>';
    divString = divString + '<td width="150" class="comMenuC" id="menuLine6"></td>';
    divString = divString + '<td class="comMenuC"></td>';
    divString = divString + '</tr>';
    divString = divString + '</table>';
	//alert(divString);
	document.getElementById("comMenu").innerHTML = divString;
	//alert(location.href);
	//alert('aa');
	menuStyle();
}

function menuStyle() {
	urlString = location.href;
	urlPathNameIndex = urlString.lastIndexOf("/") + 1;
	urlPathName = urlString.substring(urlPathNameIndex);
	//alert(urlPathName);
	//menuStyle(urlPathName);


switch (urlPathName)
	{
		case menuURL[0]:
			lineStringID = 'menuLine' + 1;
			document.getElementById(lineStringID).className="comMenuD";
			break;
		case menuURL[1]:
			lineStringID = 'menuLine' + 2;
			document.getElementById(lineStringID).className="comMenuD";
			break;
		case menuURL[2]:
			lineStringID = 'menuLine' + 3;
			document.getElementById(lineStringID).className="comMenuD";
			break;
		case menuURL[3]:
			lineStringID = 'menuLine' + 4;
			document.getElementById(lineStringID).className="comMenuD";
			break;
		case menuURL[4]:
			lineStringID = 'menuLine' + 5;
			document.getElementById(lineStringID).className="comMenuD";
			break;
		case menuURL[5]:
			lineStringID = 'menuLine' + 6;
			document.getElementById(lineStringID).className="comMenuD";
			break;
	}
}

function menuIn(id) {
	//alert(id);
	indexString = id.substr(4);
	//alert(indexString);
	lineStringID = 'menuLine' + indexString;
		document.getElementById(id).style.backgroundImage="url(http://www.universe-group.co.jp/newhtml/img/beijing_hui2.jpg)";
		document.getElementById(lineStringID).className="comMenuD";
}

function menuOut(id) {
	indexString = id.substr(4);
	lineStringID = 'menuLine' + indexString;
		document.getElementById(id).style.backgroundImage="url(http://www.universe-group.co.jp/newhtml/img/beijing_hui.jpg)";
		document.getElementById(lineStringID).className="comMenuC";
	menuStyle();
}

function menuGo(id) {
	switch (id)
	{
		case menuName[0]:
			location.href = menuURL[0];
			break;
		case menuName[1]:
			location.href = menuURL[1];
			break;
		case menuName[2]:
			location.href = menuURL[2];
			break;
		case menuName[3]:
			location.href = menuURL[3];
			break;
		case menuName[4]:
			location.href = menuURL[4];
			break;
		case menuName[5]:
			location.href = menuURL[5];
			break;
	}

}