eccomi!
questo è il sistema che userei io, javascript+css
è un esempio molto spartano, ma mi pare chiaro!!
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body{font:10pt tahoma}
a.tasto{float:left;display:block;width:100px;height:20px;background-color:#cccccc;color:#000000;border:1px solid #000000;text-align:center;}
a.tasto:hover{background-color:#ffffff;color:#ff0000}

a.tasto_sel{float:left;display:block;width:100px;height:20px;background-color:#ff0000;color:#ffffff;border:1px solid #000000;text-align:center;}

div#cont{border:1px solid #000000;width:306px;height:306px;background-color:#ffffff;clear:both}
div.hidetab{display:none}

</style>
<script type="text/javascript">
function sel(tab)
{
	for (i=0;i<3;i++)
	{
		document.getElementById('tasto'+i).className="tasto"
	}
	document.getElementById('tasto'+tab).className="tasto_sel"
	document.getElementById('cont').innerHTML=document.getElementById('tab'+tab).innerHTML
	
}
</script>
</head>
<body>
PrimoSecondoSecondo
<div id="cont">


</div>

<div class="hidetab" id="tab0">Testo primo tab
xxxxx xxxxx xxxx xxxxx</div>
<div class="hidetab" id="tab1">Testo secondo tab
xxxxx xxxxx xxxx xxxxx</div>
<div class="hidetab" id="tab2">Testo terzo tab
xxxxx xxxxx xxxx xxxxx</div>
<script type="text/javascript">document.getElementById('tasto0').className="tasto_sel";document.getElementById('cont').innerHTML=document.getElementById('tab0').innerHTML;</script>
</body>
</html>