function CCTabSwap(){
	for(var i=0;i<document.tabs.length;i++){
		document.tabs[i].className = '';
		document.panels[i].style.display = 'none';
	}
	this.className = "ccTabOn";
	document.panels[this.getAttribute("number")].style.display = 'block';
}
function CCTabGUI(){
	if(!document.getElementById('ccPanels')) return;
	var tabfilter;
	var divp = document.getElementById('ccPanels').getElementsByTagName('div');
	document.panels = new Array();
	
	for(var j=0;j<divp.length;j++){
		if(divp[j].className == "ccPanel"){
			document.panels.push(divp[j]);
		}
	}
	document.tabs = document.getElementById('ccTabs').getElementsByTagName('h2');
	for(var i=0;i<document.tabs.length;i++){
		document.tabs[i].setAttribute("tabname",document.tabs[i].getElementsByTagName('span')[0].firstChild.nodeValue.replace(/[^a-z]/gi,'').toLowerCase());
		document.tabs[i].setAttribute("number",i);
		document.tabs[i].onclick = CCTabSwap;
		
	}
	document.panels[0].style.display = 'block';
	document.tabs[0].className = 'ccTabOn';
	if(location.hash.match(new RegExp('tab'))){
		var tabnumber=0;
		var hash = (location.hash.substr(location.hash.lastIndexOf('#')));
		
		var tab = hash.replace(/(#tab-)/gi,'');
		for(var i=0;i<document.tabs.length;i++){
			if(document.tabs[i].getAttribute("tabname")==tab) tabnumber=i;
			document.tabs[i].className = '';
			document.panels[i].style.display = 'none';
		}
		document.tabs[tabnumber].className = "ccTabOn";
		document.panels[tabnumber].style.display = 'block';
	}
}