function getElementsByClassName(classname, node){
	if(!node)node=document.getElementsByTagName("body")[0];
	var a=[];
	var re=new RegExp('\\b'+classname+'\\b');
	var els=node.getElementsByTagName("*");
	for(var i=0,j=els.length;i<j;i++)
		if(re.test(els[i].className))a.push(els[i]);
	return a;
}
function hasClass(ele,cls){
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls){
	if (!this.hasClass(ele,cls))ele.className+=" "+cls;
}
function removeClass(ele,cls){
	if (hasClass(ele,cls)){
		var reg=new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}
function tabbedPanel(){
	var tpTabbedPanel=document.getElementById("tabbedPanel");
	var tpTabs=getElementsByClassName("tab",tpTabbedPanel); 
	var tpTabContents=getElementsByClassName("tabContent",tpTabbedPanel);
	for (var i=0;i<tpTabs.length;i++){
		tpTabs[i].onclick=function(event){return toggleTabbedPanels(event,this)};
		addClass(tpTabs[i],"tab"+i);
		tpTabbedPanel.insertBefore(tpTabs[i],tpTabContents[0]);
	}
	addClass(tpTabs[0],"selTab");
	addClass(tpTabContents[0],"selContent");
}
function toggleTabbedPanels(objEvent,objInput){
	var tpTabbedPanel=document.getElementById("tabbedPanel");
	var tpTabs=getElementsByClassName("tab",tpTabbedPanel);
	var tpTabContents=getElementsByClassName("tabContent",tpTabbedPanel);
	for (var i=0;i<tpTabs.length;i++){
		if (hasClass(objInput,"tab"+i)){
			addClass(tpTabs[i],"selTab");
			addClass(tpTabContents[i],"selContent");
		}else{
			removeClass(tpTabs[i],"selTab");
			removeClass(tpTabContents[i],"selContent");
		}
	}
}
tabbedPanel();