window.onload = function(){
	//createTab();
	hideHeading();
	showCategory('camp');
	setTabClick('campNav','camp');
	setTabClick('preNav','pre');
	setTabClick('magazineNav','magazine');
	setTabClick('allNav','all');
	setTabClick('recoh2','all');
};

function hide(elementId) {
	document.getElementById(elementId).style.display = "none";
}
function show(elementId) {
	document.getElementById(elementId).style.display = "block";
}
function hideHeading() {
	hide('campHeading');
	hide('preHeading');
	hide('magazineHeading');
	hide('allHeading');
}
function showCategory(categoryName){
	hide('camp'); 
	hide('pre'); 
	hide('magazine'); 
	hide('all'); 
	show(categoryName);
	changeTab(categoryName);
}

/*function createTab() {
	var recoTab = document.getElementById("recoTab");
	var recoh2 = document.getElementById("recoh2");
	var nav = document.createElement("ul");
	nav.setAttribute('id','nav');
	nav.appendChild(createListItem('campNav','#camp','キャンペーン'));
	nav.appendChild(createListItem('preNav','#pre','ご予約・運賃'));
	nav.appendChild(createListItem('magazineNav','#magazine','機内誌「一望千里」'));	
	nav.appendChild(createListItem('allNav','#all','全てを見る'));	
	recoTab.insertBefore(nav,recoh2);
}
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 setTabClick(listName,categoryName) {
	var e = document.getElementById(listName).getElementsByTagName('a')[0];
	e.onclick = function(){
		showCategory(categoryName);
		return false;
	};
}
function changeTab(categoryName){
	var e = document.getElementById('nav');
	e.className = categoryName;
	
	var f = document.getElementById('recoh2');
	f.className = categoryName;
}