/*
	imgtrail.js
	realizzato da andrea villa
	<overwatch voice> modificare - migliorare - redistribuire

	per utilizzare l'effetto, ispirarsi a questo esempio:

<html>
<head>
<title> imgtrail test </title>
<style>
body {
	background:black;
}
img.trans {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
</style>
<script src=imgtrail.js></script>
</head>
<body onload="imgtrail_start()">
<center>
<table cellspacing=0 cellpadding=0><tr>
<td background=img0.jpg><img onmouseover=imgtrail_hi(this) onmouseout=imgtrail_lo(this) src=img1.jpg class=trans></td>
</tr></table>
</center>
</body>
</html>

	img0 e img1 devono avere le stesse dimensioni.
	img0 è l' immagine normale, img1 è quella evidenziata.

*/
var imgtrail_mem = new Array
function imgtrail_hi ( id ) {
	for ( var i=0; i<imgtrail_mem.length; i++ ) {
		if ( imgtrail_mem[i].id == id ) break
	}
	if ( i == imgtrail_mem.length ) {
		var obj = new Object
		obj.id = id
		obj.t = 0.0
		imgtrail_mem.push ( obj )
	}
	imgtrail_mem[i].over = true
}
function imgtrail_lo ( id ) {
	for ( var i=0; i<imgtrail_mem.length; i++ ) {
		if ( imgtrail_mem[i].id == id ) break
	}
	if ( i == imgtrail_mem.length ) return
	imgtrail_mem[i].over = false
}
function imgtrail_start () {
	for ( var i in imgtrail_mem ) {
		with ( imgtrail_mem[i] ) {
			t = Math.max ( 0, Math.min ( 1, t ))
			var n = t.toFixed(2)
			var st = id.style
			st.filter = "alpha(opacity="+Math.round(t*100)+")"
			st.opacity = n
			st.mozOpacity = n
			st.khtmlOpacity = n
			//	over ? +<fade in> : -<fade out>
			//	i valori di fade vanno da 0 a 1 compresi
			//	0 è fermo, 1 è istantaneo
			t += over ? +0.7 : -0.1
		}
	}
	// 1000/<frames per secondo>
	setTimeout ( "imgtrail_start()", 1000/20 )
}

