/*--setup--*/
window.onload=function() {
tab.setup = {
	tabs: document.getElementById('tab').getElementsByTagName('li'),
	
	pages: [
		document.getElementById('first_view'),
		document.getElementById('cafe'),
		document.getElementById('bar'),
		document.getElementById('goods'),
		document.getElementById('entertainment'),
		document.getElementById('aest'),
		document.getElementById('toilet'),
		document.getElementById('house'),
		document.getElementById('office'),
		document.getElementById('hotel'),
		document.getElementById('school'),
		document.getElementById('factory'),
		document.getElementById('sight'),
		document.getElementById('studio'),
		document.getElementById('sales')
	]
	
	// 201026 background-color cordinate for menu-bar at toppage <<
	,menus: [
		document.getElementById('li_first_view'),
		document.getElementById('li_cafe'),
		document.getElementById('li_bar'),
		document.getElementById('li_goods'),
		document.getElementById('li_entertainment'),
		document.getElementById('li_aest'),
		document.getElementById('li_toilet'),
		document.getElementById('li_house'),
		document.getElementById('li_office'),
		document.getElementById('li_hotel'),
		document.getElementById('li_school'),
		document.getElementById('li_factory'),
		document.getElementById('li_sight'),
		document.getElementById('li_studio'),
		document.getElementById('li_sales')
	]
	// >> 201026 end
}

tab.init();
}
/*--setup end--*/

var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		
		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ tab.showpage(this); return false; };
		}
	},
	
	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var menus = this.setup.menus;
		var num;
		
		// 201026 background-color cordinate for menu-bar at toppage <<
		var i;
		for(i=0; i<menus.length; i++) {
			menus[i].style.backgroundImage='url(/ec/user_data/packages/default/_img_/tab_li.gif)';
		}
		document.getElementById(obj.id).style.backgroundImage='url(/ec/user_data/packages/default/_img_/tab_li_selected.gif)';
		// >> 201026 end
		
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}
		for(var i=0; i<pages.length; i++) {
			if(i == num) {
				pages[num].style.display = 'block';
				tabs[num].className = 'selected';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	}
}