/*==================================================
  $Id:tabSetting.js,v 1.0 2008/01/23 $
  tabSetting.js by tokuda@n-di.co.jp
  ==================================================*/

new function() {
	function addEvent(elm,listener,fn) {
		try {
			elm.addEventListener(listener,fn,false);
		} catch(e) {
			elm.attachEvent("on"+listener,fn);
		}
	}
	tabCondition = function(elm,condition) {
		var anchorPt = elm.href;
		var idPt = anchorPt.indexOf("#");
		var tabId = anchorPt.slice(idPt+1);
		var tabContents = document.getElementById(tabId);
		tabContents.style.display = condition;
	}
	tabClass = function(elm,css,condition) {
		elm.className = css;
		tabCondition(elm,condition);
	}
	tabSetInit = function() {
		if(!document.getElementsByTagName("ul")) return false;
		var ul = document.getElementsByTagName("ul");
		for(var i=0; i<ul.length; i++) {
			if(ul[i].className=="tab") {
				var list = ul[i].getElementsByTagName("li");
				for(var j=0; j<list.length; j++) {
					var listAnchor = list[j].firstChild;
					if(listAnchor[0]) {
						tabCondition(listAnchor,"block");
					} else {
						tabCondition(listAnchor,"none");
					}
					listAnchor.onclick = function() {
						for(var k=0; k<list.length; k++) {
							tabClass(list[k].firstChild,"","none");
						}
						tabClass(this,"active","block");
						return false;
					}
					if(j==0) tabClass(listAnchor,"active","block");
				}
			}
		}
	}
	addEvent(window,"load",tabSetInit);
}