// 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){
	try{
		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"]);
		}
	}catch(e){}
}
function fadeOut(id) {
	try{
		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);
		}
	}catch(e){}
}

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);
}

function stopFadeImage(id){
	for( var i in imgs ){
		if( imgs[i]["fadeimg"] == id )
		delete imgs[i];
		break;
	}
}