/*	タブを開いたり閉じたり。増えても対応します。	*/

switchTab = {
	t_tab:"tab-"
	,t_chart:"chart-"
	,tablength:0
}

Event.observe(window,"load",function(){
	for(var i=1;$(switchTab.t_tab+String(i));i++){
		switchTab.tablength++;
	}
	Event.observe($(switchTab.t_tab+"1"),"click",switchTab.clickTab);
	Event.observe($(switchTab.t_tab+"2"),"click",switchTab.clickTab);
	$(switchTab.t_tab+"1").setStyle({"cursor":"pointer"});
	$(switchTab.t_tab+"2").setStyle({"cursor":"pointer"});
	
	switchTab.clickTab($(switchTab.t_tab+"1"));
	
},false);

switchTab.clickTab = function(e){
	var n;
	if(Object.isElement(e)){
		//eがエレメントのとき
		n = Number(e.id.substr(e.id.lastIndexOf("-")+1));
	}else{
		//eがオブジェクトのとき
		n = Number(Event.element(e).id.substr(Event.element(e).id.lastIndexOf("-")+1));
	}
	if(!$(switchTab.t_chart+String(n)))return;
	//alert("show! "+switchTab.tablength+n);
	var tab,chart;
	for(var i =1;i<=switchTab.tablength; i++){
		tab = $(switchTab.t_tab+String(i));
		chart = $(switchTab.t_chart+String(i));
		if(i==n){
			chart.show();
			if(String(tab.classNames()).lastIndexOf("_off")!=-1){
				tab.removeClassName(String(tab.classNames()));
				tab.addClassName(switchTab.t_tab+String(i)+"_on");
			}
		}else{
			chart.hide();
			if(String(tab.classNames()).lastIndexOf("_on")!=-1){
				tab.removeClassName(String(tab.classNames()));
				tab.addClassName(switchTab.t_tab+String(i)+"_off");
			}
		}
	}
	
}