// JavaScript Document

function tabswitch(whichtab, whichcontent) {
	
	document.getElementById('cat_content_1').style.display = 'none';
	document.getElementById('cat_content_2').style.display = 'none';
	document.getElementById('cat_content_3').style.display = 'none';			
	document.getElementById('cat_content_4').style.display = 'none';
	document.getElementById('cat_content_5').style.display = 'none';
	document.getElementById('cat_content_6').style.display = 'none';
	document.getElementById('cat_content_7').style.display = 'none';
	document.getElementById('cat_content_8').style.display = 'none';
	document.getElementById('cat_content_9').style.display = 'none';
	document.getElementById('cat_content_10').style.display = 'none';
	document.getElementById('cat_content_11').style.display = 'none';
	document.getElementById('cat_content_12').style.display = 'none';
	document.getElementById(whichcontent).style.display = 'block';		

	document.getElementById('tab1').className = 'off';
	document.getElementById('tab2').className = 'off';
	document.getElementById('tab3').className = 'off';
	document.getElementById('tab4').className = 'off';
	document.getElementById('tab5').className = 'off';
	document.getElementById('tab6').className = 'off';
	document.getElementById('tab7').className = 'off';
	document.getElementById('tab8').className = 'off';
	document.getElementById('tab9').className = 'off';
	document.getElementById('tab10').className = 'off';
	document.getElementById('tab11').className = 'off';
	document.getElementById('tab12').className = 'off';
	document.getElementById(whichtab).className = 'on';		
}