/*--setup--*/
window.onload = function() {
	tab.setup = {
		tabs: document.getElementById('top-tabarea-tab').getElementsByTagName('li'),
		pages: [
			document.getElementById('top-tabarea-oshirase'),
			document.getElementById('top-tabarea-koushin'),
			document.getElementById('top-tabarea-wadai'),
			document.getElementById('top-tabarea-tulipinfo')
		]
	}
	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 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 = 'top-tabarea-tab-selected';
			}else{
				pages[ i].style.display = 'none';
				tabs[ i].className = null;
			}
		}

	}

}