// JavaScript Document: 基于CSS滤镜效果的图片转换脚本，其中图片置于背景中

/*外部定义的全局变量开始，注释部分为示例*/
//var transImgId = "xxx";
//var transTime = "3000";
//var transImgSrc = new Array();
//transImgSrc[i] = "http://xxx/images/xxx.gif";
/*外部定义的全局变量结束*/
var imgNum = 0;
//主函数

function transImg(){
	document.getElementById(transImgId).style.backgroundImage = "url("+transImgSrc[imgNum]+")";
	if (transImgSrc.length > 1 )
		theTimer = setTimeout("nextImg()",transTime*1000);
}
//设置滤镜类型，捕获转换对象

function setTrans(){
	var vDuration = 2;
	var vTransition = Math.floor(Math.random() * 23);
	if (document.all){
		document.getElementById(transImgId).style.filter = ("revealTrans(duration=" +vDuration+ ", transition=" +vTransition+ ");");
		document.getElementById(transImgId).filters.revealTrans.apply();
	}
}
//开始转换滤镜

function playTrans(){
	if (document.all)
		document.getElementById(transImgId).filters.revealTrans.play();
}
//下一张图片

function nextImg(){
	if(imgNum < transImgSrc.length - 1)
		imgNum ++;
	else
		imgNum = 0;
	setTrans();
	document.getElementById(transImgId).style.backgroundImage = "url("+transImgSrc[imgNum]+")";
	playTrans();
	theTimer = setTimeout("nextImg()",transTime*1000);
}