window.onload = function(){
	createTab();
	showCategory('guide2');
	setTabClick('guide1Nav','guide1');
	setTabClick('guide2Nav','guide2');
	setTabClick('guide3Nav','guide3');
	setTabClick('guide4Nav','guide4');
	setTabClick('guide5Nav','guide5');
};



function createTab() {
	var guide0 = document.getElementById("guide0");
	var emp = document.getElementById("emp");
	var nav = document.createElement("ul");
	nav.setAttribute('id','guide_nav');
	nav.appendChild(createListItem('guide1Nav','#guide1','ビジネス支援サービス'));
	nav.appendChild(createListItem('guide2Nav','#guide2','科学技術情報の提供'));
	nav.appendChild(createListItem('guide3Nav','#guide3','特許・規格'));
	nav.appendChild(createListItem('guide4Nav','#guide4','社史など'));
	nav.appendChild(createListItem('guide5Nav','#guide5','ホール・展示'));
	guide0.insertBefore(nav,emp);
}

function createListItem(id,href,text) {
	var li = document.createElement("li");
	var a = document.createElement("a");
	var t = document.createTextNode(text);
	li.setAttribute('id',id);
	a.setAttribute('href',href);
	a.appendChild(t);
	li.appendChild(a);
	return li;
}

function showCategory(categoryName){
	hide('guide1'); 
	hide('guide2'); 
	hide('guide3');
	hide('guide4');
	hide('guide5');
	show(categoryName);
	changeTab(categoryName);
}

function hide(elementId) {
	document.getElementById(elementId).style.display = "none";
}

function show(elementId) {
	document.getElementById(elementId).style.display = "block";
}

function changeTab(categoryName) {
	var e = document.getElementById('guide_nav');
	e.className = categoryName;
}

function setTabClick(listName,categoryName) {
	var e = document.getElementById(listName).getElementsByTagName('a')[0];
	e.onclick = function(){
		showCategory(categoryName);
		return false;
	};
}