/************************************************
  
  Site Name: hotel crown
	Description: change tab
	Version: 1.0
	Author: m.yamaki
	Last Modified : 08.09.08

************************************************/

// 初期設定
var tabTotal;

window.onload = function(){

	showCategory('box2');
	setTabClick('box1Nav','area1','box1');
	setTabClick('box2Nav','area2','box2');
	setTabClick('box3Nav','area3','box3');
	setTabClick('box4Nav','area4','box4');
	setTabClick('box5Nav','area5','box5');
	setTabClick('box6Nav','area6','box6');
	setTabClick('box7Nav','area7','box7');
	setTabClick('box8Nav','area8','box8');
	setTabClick('box9Nav','area9','box9');
	setTabClick('box10Nav','area10','box10');
	setTabClick('box11Nav','area11','box11');
};

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

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

function showCategory(categoryName){
	hide('box1')
	hide('box2')
	hide('box3')
	hide('box4')
	hide('box5')
	hide('box6')
	hide('box7')
	hide('box8')
	hide('box9')
	hide('box10')
	hide('box11')
	show(categoryName);
}

function setId(anode) {
	var anodes = document.getElementById('guideNav').getElementsByTagName('a');
	tabTotal = anodes.length;
	for(var i=0; i<tabTotal; i++){
		var targeta = anodes[i];
		targeta.setAttribute("id","");
	}
	anode.setAttribute("id","tabActive");
}

// タブのイベント設定

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

		return false;
	};

}