ciao. Ho smanettato molto su questo script trovato in rete(posto solo la base) ma ancora non riesco a fare un importante modifica.
Ho un menu a linguette gestito con i div. Il mio problema e' che a ogni refresh viene sempre presentata come prima, la linguetta TAB1 con il suo relativo contenuto. Io vorrei che se mi trovassi a fare refresh dalla TAB4 , il menu si ricariche con selezionata la linguetta4 (messa in neretto) e sotto il contenuto della Tab4

come posso fare?
Credo che voi esperti di JS lo sappiate fare al volo.
Fate copia incolla dello script cosi potete testarlo...grazie mille

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Terminal Gold</title>
<STYLE>
.conts {
	VISIBILITY: hidden
}
.tab {
	BORDER-LEFT: #e0e0e0 thin solid; BORDER-RIGHT: gray thin solid; BORDER-TOP: #e0e0e0 thin solid; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: normal; TEXT-ALIGN: center
}
.selTab {
	BORDER-LEFT: #000080 thin solid; BORDER-RIGHT: #000080 thin solid; BORDER-TOP: #000080 thin solid; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script language = "javascript" type="text/javascript">
window.onload=function()
{
	init();
}

//sets the default display to tab tab
function init(){ 
	document.getElementById("tabContents").innerHTML = document.getElementById("t1Contents").innerHTML; 
}


//a public function that the container uses to pass in values for the card containers 
function public_Contents(contents1, contents2, contents3, contents4){ 
document.getElementById("t1Contents").innerHTML = contents1; 
document.getElementById("t2Contents").innerHTML = contents2; 
document.getElementById("t3Contents").innerHTML = contents3; 
document.getElementById("t4Contents").innerHTML = contents4;
document.getElementById("t5Contents").innerHTML = contents5;
init(); 
} 

//this is the tab switching function 
var currentTab; 
var tabBase; 
var firstFlag = true; 

function changeTabs(tabID){ 
	if(firstFlag == true){ 
	currentTab = document.getElementById("t1"); 
	tabBase = document.getElementById("t1base"); 
	firstFlag = false; 
	} 
	if(document.getElementById(tabID).className == "tab"){ 
	currentTab.className = "tab"; 
	tabBase.style.backgroundColor = "white"; 
	currentTab = document.getElementById(tabID); 
	tabBaseID = currentTab.id + "base"; 
	tabContentID = currentTab.id + "Contents"; 
	tabBase = document.getElementById(tabBaseID); 
	tabContent = document.getElementById(tabContentID); 
	currentTab.className = "selTab"; 
	tabBase.style.backgroundColor = ""; 
	document.getElementById("tabContents").innerHTML = tabContent.innerHTML; 
	} 
} 
</SCRIPT>
</head>
<body leftmargin="0" topmargin="0"  marginheight="0" marginwidth="0" scrolling = "no">

	<table class="tabbedDialog"  align = "left" valign="top" cellpadding="0" cellspacing="0"> 
		<tr>
			<td valign ="top" height="30" cellspacing="2" >
				<table width="100%" align="left"  >
					<tr> 
						<td class="selTab" onclick="changeTabs('t1')"  height="25" id="t1" >Tab1</td> 
						<td class="tab" onclick="changeTabs('t2')"   id="t2">tab2</td> 
						<td class="tab" onclick="changeTabs('t3')"   id="t3">tab3</td> 
						<td class="tab" onclick="changeTabs('t4')"  id="t4">tab4</td>
						<td class="tab" onclick="changeTabs('t5')"  id="t5">tab5</td> 
					</tr> 
					<tr> 
						<td id="t1base" style="BORDER-LEFT: gray thin solid; HEIGHT:1px; "  ></td> 
						<td id="t2base" style="BACKGROUND-COLOR: white; HEIGHT: 1px;"></td> 
						<td id="t3base" style="BACKGROUND-COLOR: white; HEIGHT: 1px; "></td> 
						<td id="t4base" style="BACKGROUND-COLOR: white; HEIGHT: 1px; "></td> 
						<td id="t5base" style="BACKGROUND-COLOR: white; HEIGHT: 1px; "></td> 	 
					</tr> 
				</table>
			</td>
		</tr>	
		<tr> 
			<td height="100%"colspan="7" id="tabContents" > </td> 
		</tr> 
		<tr >
			<td>
				<div class="conts" id="t1Contents" > 
				
				Sono nella Tab1
				</div> 
				<div class="conts" id="t2Contents" > 
				Sono nella Tab2
				</div> 
				<div class="conts" id="t3Contents" >
					Sono nella Tab 3
				</div> 
				<div class="conts" id="t4Contents" >
					Sono nella Tab 4
				</div> 
				
				<div class="conts" id="t5Contents" >
				Sono nella Tab 5
				</div> 		
			</td>
		</tr>
	</table>			

</body>
</html>

aiutoooo pls....