Meny hjälp

Har har en meny i en toppframe, den ser ut så här:
Hem | Resmål | Äventyren
Den är i en färg när man klicka på ett allternativ så ska den man trycker på ändra färg och sammtidigt så ska det komma en under meny t ex:
Hem | Resmål | Äventyren
Kalmar | Stockholm
Dessa ska vara färgade i samma färs som den vaalda länken fick. När man sedan väljer någon annan t ex äventyren så sak den bli i den nya färgen och den gammla länke gå till bka till den gammla färgen.

Problemet är att jag inte får använda ASP eller något sådant så det måste nog bli någon form av JavaScript. (det ska nmligen lämnas i på disket så jag kan ju inte använda typ ASP.)

------------------
ja©ob

Jag hittade ett som skulle kuna passa om jag bara får lite hjälp att ändra i det:

<script type="text/javascript">
/* Detta script finns att hämta på [url="http://www.jojoxx.net"]http://www.jojoxx.net[/url]  och
   får användas fritt så länge som dessa rader står kvar. */

if (document.images) {
	button_1_on=new Image;
	button_1_on.src="bild1a.gif";
	button_1_off=new Image;
	button_1_off.src="bild1b.gif";

	button_2_on=new Image;
	button_2_on.src="bild2a.gif";
	button_2_off=new Image;
	button_2_off.src="bild2b.gif";

	button_3_on=new Image;
	button_3_on.src="bild3a.gif";
	button_3_off=new Image;
	button_3_off.src="bild3b.gif";

	var re;
}

function rollIn(imgName){
	if (document.images) document[imgName].src=eval(imgName + "on.src");
}
function rollOut(imgName){
	if (document.images && re!=imgName) document[imgName].src=eval(imgName + "off.src");
}
function selectLink(imgName){
	if(re) document[re].src=eval(re + "off.src");
	re = imgName;
}
</script>

<a href="sida.html" target="annan_frame" onClick="selectLink('button_1_')" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')"><img src="bild1b.gif" border="0" name="button_1_" width="30" height="30"></a>
<a href="sida2.html" target="annan_frame" onClick="selectLink('button_2_')" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')"><img src="bild2b.gif" border="0" name="button_2_" width="30" height="30"></a>
<a href="sida3.html" target="annan_frame" onClick="selectLink('button_3_')" onMouseover="rollIn('button_3_')" onMouseout="rollOut('button_3_')"><img src="bild3b.gif" border="0" name="button_3_" width="30" height="30"></a>

Här är det bilder jag vill har text som ändrar färg.

[Redigerat av Jacob den 22 maj 2001]