// Insert inside header
//<script language="JavaScript" src="../shared/scripts/fadeimg.js"></script>

// Image table 
//<table border="0" bordercolor="red" width="128" height="128" cellspacing="0" cellpadding="0">
//	<tr height="128">
//		<td width="128" id="ginuntbl0"><img id="ginunimg0" src="///" width="128" height="128" style="border:#000000 solid 1px;"></td>
//	</tr>
//</table>

// before closing tag of </body>
//<script type="text/javascript">InitImages()</script>


var imgs = [];

function InitImages(){
	for(var i in imgs){
		if( imgs[i]["count"] < 2 ) continue;
		var _objimg = document.getElementById(imgs[i]["fadeimg"]);
		var _objtbl = document.getElementById(imgs[i]["fadetbl"]);
		if(_objimg && _objtbl){
			_objimg.src = imgs[i]["imgs"][imgs[i]["cnt"]].src;
			_objtbl.background = imgs[i]["imgs"][++imgs[i]["cnt"]].src;
		}
		setTimeout("fadeOut('" + i + "')", imgs[i]["speed"]);
	}
}

function ChangeImage(id){
	window.status = "Done";
	var _objimg = document.getElementById(imgs[id]["fadeimg"]);
	var _objtbl = document.getElementById(imgs[id]["fadetbl"]);
	if(_objimg && _objtbl){
		_objimg.src = _objtbl.background;
		_objimg.style.visibility = "visible"
		if(imgs[id]["cnt"] >= imgs[id]["count"]){
			imgs[id]["cnt"] = 0;
		}
		_objtbl.background = imgs[id]["imgs"][imgs[id]["cnt"]++].src;
		setTimeout("fadeOut('" + id + "')", imgs[id]["speed"]);
	}
}
function fadeOut(id) {
	var _objimg = document.getElementById(imgs[id]["fadeimg"]);
	if(_objimg){
	    _objimg.style.filter="blendTrans(duration=2)";
		if( (_objimg.visibility != "hidden") && (_objimg.filters.blendTrans.status != 2) ){
	        _objimg.filters.blendTrans.Apply();
	        _objimg.style.visibility="hidden";
		    _objimg.filters.blendTrans.Play();
		}
		ChangeImage(id);
	}
}

function addFadeImage(imgarr, fadetbl, fadeimg, speed ){
	var tmp = [];
	tmp["imgs"] = imgarr;
	tmp["cnt"] = 0;
	tmp["count"] = tmp["imgs"].length;
	tmp["fadetbl"] = fadetbl;
	tmp["fadeimg"] = fadeimg;
	tmp["speed"] = speed ? speed : 3000;
	imgs.push(tmp);
}