/**
 * tabs.js
 * @version 1.0.0.0 - 23:49 2008/11/11
 */

var TabsControl = {

	init: function() {
		
		var tabs = document.getElementById('areaNav').getElementsByTagName('li');
		var pages = [
			document.getElementById('east'),
			document.getElementById('west'),
			document.getElementById('fc')
		];
		
		for (var i = 0, l = pages.length; i < l; i++) {
			if (i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ TabsControl.showpage(this, tabs, pages); return false; };
		}
		
	},
	
	showpage: function(obj, t, p) {
		
		for (var i = 0, l = t.length; i < l; i++) {
			if (t[i] === obj) break;
		}
		
		for (var  j= 0, l = p.length; j < l; j++) {
			if (j == i) {
				p[j].style.display = 'block';
				Kaas.addClass(t[j], 'active');
			} else {
				p[j].style.display = 'none';
				Kaas.removeClass(t[j], 'active');
				// t[j].className = null;
			}
		}
		
	}
	
};

Kaas.addEvent(window, 'load', function() {
	TabsControl.init();
	Kaas.addClass(document.getElementById('areaNav').getElementsByTagName('li')[0], 'active');
});