Salve a tutti,
Scusate la mia ignoranza ma ho soltanto da poco iniziato a conoscere javascript;
come fare ad usare queste due funzioni (fadein e fadeout) più volte nella stessa pagina, senza dover ogni volta ripetere lo script?;in altre parole, vorrei aggiungere più "<div>" nella stessa pagina che utilizzino in modo autonomo lo stesso script...

<html>
<head>
<script type="text/javascript">
var frames=10 /*numero totale frames*/
var vel=0.05; /*durata di ogni frame in secondi*/
var op_ini=100; /*opacity iniziale*/
var op_min=0; /*opacity minima*/
var op_max=100; /*opacity massima*/
var id='faden'; /*object id*/
var t;
/*fade in*/
function fadein()
{
clearTimeout(t);
document.getElementById(id).style.opacity = (Math.round((op_ini*0.01)*100)/100);
document.getElementById(id).style.filter = "alpha(opacity=" + op_ini + ")";
op_ini=op_ini+(Math.round((op_max/frames)*1)/1);
t=setTimeout("fadein()",vel*1000);
if(op_ini>op_max)
{
clearTimeout(t);
}
if(op_ini>op_min)
{
document.getElementById(id).style.width=100;
}
}
/*fade out*/
function fadeout()
{
clearTimeout(t);
document.getElementById(id).style.opacity = (Math.round((op_ini*0.01)*100)/100);
document.getElementById(id).style.filter = "alpha(opacity=" + op_ini + ")";
op_ini=op_ini-(Math.round((op_max/frames)*1)/1);
t=setTimeout("fadeout()",vel*1000);
if(op_ini<op_min)
{
clearTimeout(t);
document.getElementById(id).style.width=0;
}
}
</script>

</head>

<body>
<div style="color:red;font-size:14pt;position:absolute;left:0px;top:0px;borde r:0px solid black;width:100px;height:50px;z-index:1" onmouseover="fadeout()" onmouseout="fadein()">blablag</div>
<div id="faden" style="opacity:1.0;filter=alpha(opacity=100);posit ion:absolute;left:0px;top:0px;background:#ffffff;b order:0px solid black;width:100px;height:50px;z-index:2" onmouseover="fadeout()" onmouseout="fadein()"></div>
</body>

</html>


...spero di esser riuscito a spiegare il mio problema cmq grazie in anticipo