/*--------------------------------------------------|
| changeImg 1.0.1   http://www.bluestar-cn.com      |
|---------------------------------------------------|
| Copyright (c) 2002-2003                           |
|                                                   |
| Author : wuyang                                   |
|                                                   |
| Updated: 17.04.2003                               |
|--------------------------------------------------*/


/**
* 
* 网页多个图片间切换
* 特点：
* 1、一个页面上可以放多个
* 2、切换方式可以达20种，可以指定其中的一种，也可以是20种中的隋机的一种
* 3、可指定图片的大小、切换频率
* 代码示例：
*
* var c1 = new changeImg('f',200,200,5000,30);
* c1.addImg('1.gif','aaa');
* c1.addImg('2.gif','bbb');
* c1.addImg('3.gif','ccc');
* c1.showImg();
* 
*/

var picobj =[];

//主函数
function changeImg(objName,width,height,pl,showtype){
	this.obj      = objName;
	this.imgList  = [];
	this.urlList  = [];
	this.nn       = 0;
	this.width    = width==null?200:width;
	this.height   = height==null?200:height;
	this.pl       = pl;
	this.showtype = showtype==null?-1:showtype;
}

//添加图片
changeImg.prototype.addImg = function(imgsrc,imgurl){
	imgs = new Image();
	urls = new Image();
	imgs.src = imgsrc;
	urls.src = imgurl;
	this.imgList[this.imgList.length] = imgs;
	this.urlList[this.urlList.length] = urls;
}

//显示图片
changeImg.prototype.showImg = function(){
	var imgs = this.imgList[0];
	document.write("<div id=pic"+this.obj+"div>");
	document.write("<a href=\"\" target=_blank name=url"+this.obj+">");
	document.write("<img style=\"border-right: #666666 1px solid;");
	document.write("border-top: #666666 1px solid; filter: revealtrans(duration=1,transition=12);");
	document.write("visibility:visible;border-left:#666666 1px solid;border-bottom:#666666 1px solid\"");
	document.write("height="+this.height+" src=\""+imgs.imgsrc+"\" width="+this.width+" vspace=1 border=0 name=pic"+this.obj+">");
	document.write("</a></div>");
	picobj[picobj.length] = this;
	change_img(picobj.length-1);
	document.all("pic"+this.obj+"div").style.display ="";
}

//自动切换函数
function change_img(m){
	if(m==null)m=0;
	for(kk=0;kk<picobj.length;kk++){
		if(kk==m){
		var o = picobj[kk];
		var imgs = o.imgList[o.nn];
		var urls = o.urlList[o.nn];
		//eval('document.all(\"pic'+o.obj+'\").src=imgs.src');
		//eval('document.all(\"url'+o.obj+'\").href=urls.src');
		//o.nn++;
		//if(o.nn>=o.urlList.length) o.nn=0;
		//document.all("pic"+o.obj).filters.item(0).apply();
		//document.all("pic"+o.obj).style.visibility='visible';
		//var showtype = o.showtype; 
		//if(showtype<0)showtype = Math.floor(Math.random()*30); 
		//document.all("pic"+o.obj).filters.item(0).Transition=showtype;
		//document.all("pic"+o.obj).filters.item(0).play();

		var Filter=new Array(
			"progid:DXImageTransform.Microsoft.Fade(Duration=1)",
			"progid:DXImageTransform.Microsoft.Wipe(Duration=2 , GradientSize=1.0, wipeStyle=0, motion='forward')",
			"progid:DXImageTransform.Microsoft.Wipe(Duration=2 , GradientSize=1.0, wipeStyle=0, motion='reverse')",
			"progid:DXImageTransform.Microsoft.Pixelate(Duration=1 , MaxSquare=25)"
			)
		var FilterIndex=Math.ceil(Math.random()*1000)%Filter.length;
		document.all("pic"+o.obj).style.filter=Filter[FilterIndex];
		document.all("pic"+o.obj).filters[0].apply();
		document.all("pic"+o.obj).src = imgSwapObj.src;
		document.all("pic"+o.obj).filters[0].play();

		window.setTimeout("pic"+o.obj+".style.visibility='hidden'",o.pl);
		window.setTimeout("change_img("+kk+")",o.pl);
		}
	}	
}