/* イベント・リスナのセット関数オブジェクトを定義 */
var addListener = function(elm, type, func) {
	if(! elm) { return false; }
		if(elm.addEventListener) { /* W3C準拠ブラウザ用 */
		elm.addEventListener(type, func, false);
	} else if(elm.attachEvent) { /* Internet Explorer用 */
		elm.attachEvent('on'+type, func);
	} else {
		return false;
	}
	return true;
};

/* タブがmouseoverされたときに実行する処理 */
var mouseover = function(tab) {
	if(tab.className != "TabbedPanelsTab TabbedPanelsTabSelected"){
		tab.className = "TabbedPanelsTab TabbedPanelsTabHover";
	}
};
/* タグがクリックされたときに実行する処理 */
var show = function(tab,tabs,contents) {
	for(var j=0;j < tabs.length;j++){
		if(tab == tabs[j]){
			tabs[j].className = "TabbedPanelsTab TabbedPanelsTabSelected";
			contents[j].className = "TabbedPanelsContent";
		}else{
			tabs[j].className = "TabbedPanelsTab";
			contents[j].className = "TabbedPanelsContent TabbedPanelsContentInvisble";
		}
	}
};
/* タブがmouseoutされたときに実行する処理 */
var mouseout = function(tab) {
	if(tab.className != "TabbedPanelsTab TabbedPanelsTabSelected"){
		tab.className = "TabbedPanelsTab";
	}
};

/* HTMLがブラウザにロードされたときに実行する処理 */
var init = function() {

	var tabPanel = document.getElementById("TabbedPanelsTabGroup");
	var tds = tabPanel.getElementsByTagName("td");
  var contentPanel = document.getElementById("TabbedPanelsContentGroup");
	var contents = contentPanel.getElementsByTagName("div");

	var tabs = new Array(tds.length - 1);
	for(var i=0;i < tabs.length;i++){
		tabs[i] = tds[i];
	}

	if(tabs[0] != null){
		tabs[0].className = "TabbedPanelsTab TabbedPanelsTabSelected";
	 	for(var i=0;i < contents.length;i++){
			if(i == 0){
				contents[i].className = "TabbedPanelsContent";
			}else{
				contents[i].className = "TabbedPanelsContent TabbedPanelsContentInvisble";
			}
		}
	}

	for(var i=0;i < tabs.length;i++){

		(function(n){
			addListener(tabs[n], "mouseover", function(event){ return mouseover(tabs[n]); });
		})(i);

		(function(n){
			addListener(tabs[n], "click", function(event){ return show(tabs[n],tabs,contents); });
		})(i);

		(function(n){
			addListener(tabs[n], "mouseout", function(event){ return mouseout(tabs[n]); });
		})(i);

	}

};

/* windowオブジェクトにloadイベントが発生したらinit関数を実行 */
addListener(window, "load", init);