/*-----------------------------------------------------------
 Original
 http://archiva.jp/web/javascript/tab-menu.html

 Customized by WWW WATCH
 http://hyper-text.org/archives/2007/09/javascript_tab.shtml
------------------------------------------------------------*/

/*--setup--*/
window.onload=function() {
tab.setup = {
	tabs: document.getElementById('Tab').getElementsByTagName('li'),
	
	pages: [
		document.getElementById('CorporateCol'),
		document.getElementById('ServiceCol'),
		document.getElementById('WorksCol'),
		document.getElementById('AccountCol'),
		document.getElementById('ContactCol')
	]
}

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 !== 1) pages[i].style.display = 'none';
			tabs[i].onmouseover = 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 = 'selected';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	}
}