// /* ---------------------------------------- */
//新着情報用のタブ切り替えスクリプト
// by K.yamaguchi
/ //* ---------------------------------------- */

window.onload=function() {
	tab.setup = {
		tabs: document.getElementById('tab').getElementsByTagName('li'),

		pages: [
			document.getElementById('all'),
			document.getElementById('plan'),
			document.getElementById('rest'),
			document.getElementById('party'),
			document.getElementById('bridal')
		]
	}
	tab.init();

	plan_link.setup = {
		tabs: document.getElementById('plan_link').getElementsByTagName('li'),
		pages: [
			document.getElementById('osusume_plan'),
			document.getElementById('osusume_rest'),
			document.getElementById('osusume_party'),
			document.getElementById('osusume_bridal')
		]
	}
	plan_link.init();
}


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;
			};
			
			// tabs.hover
			tabs[i].onmouseover = function() {
				//alert(tabs[i].getElementsByTagName('img').src);
			};
			
			tabs[i].onmouseout  = function() {
				
			}
			
		}
	},

	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var num;

		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;
			}
		}
	}
}

var plan_link = {
	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(){
				plan_link.showpage(this); return false;
			};
		}
	},

	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var num;

		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;
			}
		}
	}
}