//tab switch function, control variables added to page
//Set the id names of your tablink (without a number at the end)
//var tablink_idname = new Array("tablink")
//Set the id name of your tabcontentarea (without a number at the end)
//var tabcontent_idname = new Array("tabcontent") 
//Set the number of your tabs
//var tabcount = new Array("4")
//Set the Tab wich should load at start (In this Example:Tab 2 is visible on load)
//var loadtabs = new Array("2")  

function tabs(menunr, active) 
{
	menunr = menunr-1;
	for (i=1; i <= tabcount[menunr]; i++)
	{
				var corn = 'corner';
				document.getElementById(tablink_idname[menunr]+i).className='tab'+i;
				document.getElementById(corn+tablink_idname[menunr]+i).className='off';
				document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';
	}
				document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';
				document.getElementById(corn+tablink_idname[menunr]+active).className='on';
				document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';
}

function loadtabbar()
{
	var menucount=loadtabs.length; var a = 0; var b = 1; do {tabs(b, loadtabs[a]); a++; b++;}while (b<=menucount);
}