﻿function banner(imageContainerID,intervarTime){
	this.$=function(id){return document.getElementById(id);}
	this.images=[];
	this.showNum=0;
	this.imageContainer=this.$(imageContainerID);
	this.intervar=(isNaN(intervarTime) ? 0:intervarTime) || 5000;
	this.timer=null;
	var _self=this;
	this.stop=function(){clearInterval(_self.timer);}
	this.play=function(n){
		_self.images[_self.showNum].style.display="none";
		
		_self.showNum=(n!=undefined && !isNaN(n)) ? n:_self.showNum+1;
		if(_self.showNum+1>_self.images.length) _self.showNum=0;
		try{
			if(navigator.userAgent.indexOf("MSIE")){
				_self.images[_self.showNum].filters[0].apply();
				_self.images[_self.showNum].filters[0].play(duration=2);
				}
			}
		catch(e){return false;};
		_self.images[_self.showNum].style.display="";
		
		}
	this.init=function(){
		_self.imageContainer.onmouseover=_self.stop;
		_self.imageContainer.onmouseout=function(){_self.timer=setInterval(_self.play,_self.intervar);}
		_self.images=_self.imageContainer.getElementsByTagName("img");

		for(var i=0;i<this.images.length;i++){
			_self.images[i].style.display="none";

			}
		}
	this.timer=setInterval(_self.play,_self.intervar);
	this.init();
	this.play(0);
	}