// Ties a set of tabs and content id's together, and switches between them
// <div id='tab_1'> and <div id="content_1"> for example
// Usage: tabswitch('1', 4, 'tab', 'panel') would switch on tab_1 and panel_1

function tabswitch(active, number, tab_prefix, content_prefix) {
	
	for (var i=1; i < number+1; i++) {
	  document.getElementById(content_prefix+'_'+i.toString()).style.display = 'none';
	  document.getElementById(tab_prefix+'_'+i.toString()).className = 'off';
	}
	document.getElementById(content_prefix+'_'+active).style.display = 'block';
	document.getElementById(tab_prefix+'_'+active).className = 'active';	
	
}

function tabswitch2(active, number, tab2_prefix, content2_prefix) {
	
	for (var i=1; i < number+1; i++) {
	  document.getElementById(content2_prefix+'_'+i.toString()).style.display = 'none';
	  document.getElementById(tab2_prefix+'_'+i.toString()).className = 'off';
	}
	document.getElementById(content2_prefix+'_'+active).style.display = 'block';
	document.getElementById(tab2_prefix+'_'+active).className = 'active';	
	
}

function tabswitch3(active, number, tab2_prefix, content2_prefix) {
	
	for (var i=1; i < number+1; i++) {
	  document.getElementById(content2_prefix+'_'+i.toString()).style.display = 'none';
	  document.getElementById(tab2_prefix+'_'+i.toString()).className = 'off';
	}
	document.getElementById(content2_prefix+'_'+active).style.display = 'block';
	document.getElementById(tab2_prefix+'_'+active).className = 'active';	
	
}



// Switch MENU
	<!--
	function switchMenu(obj) {
		var el = document.getElementById(obj);
		if ( el.style.display != "none" ) {
			el.style.display = 'none';
		}
		else {
			el.style.display = '';
		}
	}
	//-->