ho un problema

vorrei rendere non modificabile il contenuto degli elementi text[0]="Descrizione UNO"
text[1]="Descrizione DUE" text[2]="Descrizione TRE" non modificabili dalla pagina del sito.
poichè se ci si clicca sopra si modifica il contenuto anche se non in modo permanente ma vorrei che nn si cambi



<html>
<head>
</head>
<body >



<div align="center">


<table border="0" cellpadding="0">
<tr>
<td width="100%">[img]01.gif[/img]</td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">

<script language="JavaScript1.1">

var photos=new Array()
var text=new Array()
var which=0
var what=0

photos[0]="02.gif"
photos[1]="03.gif"
photos[2]="01.gif"

text[0]="Descrizione UNO"
text[1]="Descrizione DUE"
text[2]="Descrizione TRE"

window.onload=new Function("document.rotater.description.value=text[0]")

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];
what--
document.rotater.description.value=text[what];
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
what++
document.rotater.description.value=text[what];
}
else window.status='FINE!'
}

function type()
{
alert("Errore!")
}

</script>


<input type=text name="description" style="width:400px" size=50>



<input type="button" value="<<Indietro" name="B2"
onClick="backward()"> <input type="button" value="Avanti>>" name="B1"
onClick="forward()">

Ricomincia</p>
</div>
</form>
</td>
</tr>
</table>


</div>

</body>
</html>



grazie