function dpmImageBar(o){
	this.imgs=o.dpm_img;
	this.imgCt=null;
	this.imgTitle=null;
	this.lbct=null;
	this.dtlImg=null;
	this.dtlItb=null;
	this.closeButton=null;
	this.linx=0;
	this.modalOpt=null;
	this.dtlPlayKb=null
	this.svlInt={svl:null,zt:0};
	this.biBtn=null;
	this.dltImgCt=null;
}
dpmImageBar.prototype={
	cfg:{
		max:{
			w:700,
			h:600
		}
	},
	button:{
		preOrNextEvt:function(me,index){
			if(index==0){
				me.prev.style.backgroundImage="url('/files/jsp/web/images/icon/z1.gif')";
			}else{
				me.prev.style.backgroundImage="url('/files/jsp/web/images/icon/z.gif')";
			}
			if(index>=me.imgs.length-1){
				me.next.style.backgroundImage="url('/files/jsp/web/images/icon/y1.gif')";
			}else{
				me.next.style.backgroundImage="url('/files/jsp/web/images/icon/y.gif')";
			}
		},
		prvOrNextRenderCt:function(index,step,me){
			switch(step){
				case 1:
					this.renderCt(index,me);
					break;
				case -1:
					this.renderCt(index,me);
					break;
			}
		},
		renderCt:function(index,me){
			me.button.preOrNextEvt(me,index);
			me.lbct.innerHTML=me.imgs[me.linx].title;
			if(me.imgs[index].stDes)me.dltImgCt.setAttribute("title",me.imgs[index].stDes);
			me.dtlImg.src=getImageUtil(me.imgs[me.linx].cdlabel,me.imgs[me.linx].imgfile,"m",me.imgs[me.linx].imageId,me.imgs[me.linx].ispart);
			if(me.imgs[me.linx].isLivepicture==0)me.biBtn.style.display="none";
			else me.biBtn.style.display="";
		}
	},
	render:{
		init:function(){
			var ct=this.renderCt();
			return {ct:ct};
		},
		renderCt:function(){
			var ct=document.createElement("div");
			ct.setAttribute("id","lightbox");
			ct.style.display="none";
			document.body.appendChild(ct);
			ct.innerHTML=[
				"<table>",
					"<tr><td valign='top' align='center' width='95%'><span id='lightboxCaption' class='title' style='margin-left:7px;'></span></td><td id='dtlClose' valign='top' align='right' width='15'><img src='/files/jsp/web/images/modal/close.gif'/></td></tr>",
					"<tr><td valign='center' align='center' colspan='2'>",
						"<div id='dltImgCt' style='overflow:hidden;'><img id='dtlLihboxSImg' src='' style='margin-top:2px;position:relative;'/></div>",
					"</td></tr>",
					"<tr><td valign='center' align='right' colspan='2'><div id='dtlImgBoxTbar' style='margin-top:5px;'><table><tr><td id='dtlBi' width='19' height='18' ><img src='/files/jsp/web/images/dImageShow/big.gif'/></td><td width='15' height='17' ><image id='dtlPlayKb' src='/files/jsp/web/images/dImageShow/play.gif'/></td><td id='dtlIbTbprev' width='15' height='17' ></td><td id='dtlIbTbnext' width='15' height='17' ></td></tr></table></div></td></tr>",
				"</table>"
			].join("");
			return ct;
		}
	},
	play:{
		init:function(me){
			me.dtlPlayKb=$("dtlPlayKb");
			me.dtlPlayKb.onclick=function(){
				switch(me.svlInt.zt){
					case 0:
						me.play.playing.call(me);
						me.svlInt.svl=setInterval(function(){
							if(me.linx==me.imgs.length-1)me.linx=-1;
							me.next.onclick();
						},3000);
						break;
					case 1:
						me.play.resetPlay.call(me);
						break;
				}
			}
		},
		resetPlay:function(){
			if(this.svlInt.svl)clearInterval(this.svlInt.svl);
			this.dtlPlayKb.src="/files/jsp/web/images/dImageShow/play.gif";
			this.svlInt.zt=0;
		},
		playing:function(){
			var _self=this;
			this.dtlPlayKb.src="/files/jsp/web/images/dImageShow/stop.gif";
			this.svlInt.zt=1;
		}
	},
	bigImage:{
		init:function(index){
			this.biBtn=$("dtlBi");
			this.bigImage.render(this);
		},
		render:function(me){
			me.biBtn.onclick=function(){
				if(me.imgs[me.linx].isLivepicture==1){
					window.open(getImageUtil(me.imgs[me.linx].cdlabel,me.imgs[me.linx].imgfile,'b',me.imgs[me.linx].imageId,me.imgs[me.linx].ispart),"_blank","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,status=0,scrollbars=0");
				}
			}			
		}
	},
	rdEvt:function(index){
		this.prev=$("dtlIbTbprev");
		this.next=$("dtlIbTbnext");
		this.dltImgCt=$("dltImgCt");
		this.button.preOrNextEvt(this,index);
		var _self=this;
		this.prev.onclick=function(){
			if(_self.linx==0)return false;
			_self.linx-=1;
			_self.button.prvOrNextRenderCt(_self.linx,-1,_self);
		}
		this.next.onclick=function(){
			if(_self.linx==_self.imgs.length-1)return false;
			_self.linx+=1;
			_self.button.prvOrNextRenderCt(_self.linx,1,_self);			
		}
		this.closeButton=$("dtlClose");
		this.closeButton.onclick=function(){
			Imba.modal.close(Imba.modal,_self.modalOpt);
			_self.play.resetPlay.call(_self);
		}
		this.play.init(this);
	},
	imageBox:{
		init:function(me,index,cb){
			me.lbct.innerHTML=me.imgs[index].title;
			me.dtlImg.onload=function(){
				me.modalOpt.ct.style.visibility="hidden";
				me.modalOpt.ct.style.display="block";
				me.dtlImg.style.left=0+"px";
				me.dtlImg.style.top=0+"px";
				if(me.dtlImg.offsetWidth>=me.cfg.max.w){
					me.dltImgCt.style.width=me.cfg.max.w+"px";
				}else{
					me.dltImgCt.style.width=me.dtlImg.offsetWidth+"px";
				}
				if(me.dtlImg.offsetHeight>=me.cfg.max.h){
					me.dltImgCt.style.height=me.cfg.max.h+"px";
				}else{
					me.dltImgCt.style.height=me.dtlImg.offsetHeight+"px";
				}
				me.modalOpt.ct.style.width=me.dltImgCt.style.width;
				Drag.init(me.dtlImg,null,me.cfg.max.w-me.dtlImg.offsetWidth,0,me.cfg.max.h-me.dtlImg.offsetHeight,0);
				me.modalOpt.ct.style.visibility="visible";
				me.modalOpt.ct.style.display="none";
				cb();
			}
			if(me.imgs[index].stDes)me.dltImgCt.setAttribute("title",me.imgs[index].stDes);
			me.dtlImg.src=getImageUtil(me.imgs[index].cdlabel,me.imgs[index].imgfile,"m",me.imgs[index].imageId,me.imgs[index].ispart);
			this.bEvt(me);
		},
		bEvt:function(me){
			me.dtlImg.onclick=function(){
				if(me.linx==me.imgs.length-1)me.linx=-1;
				me.next.onclick();
			}
		}
	},
	initLightbox:function(cnt){
		this.cfg.max.h=document.body.clientHeight-100;
		var rdct=this.render.init();
		var _self=this;
		var anchors = cnt?cnt.getElementsByTagName("a"):document.getElementsByTagName("a");
		this.lbct=$("lightboxCaption");
		this.dtlImg=$("dtlLihboxSImg");
		this.dtlItb=$("dtlImgBoxTbar");
		_self.modalOpt={ct:rdct.ct,bj:null,afterClose:function(){_self.play.resetPlay.call(_self);}};
		var anchorCount=0;
		for (var i=0; i<anchors.length; i++){
			var anchor = anchors[i];
			if (anchor.getAttribute("rel") == "lightbox"){
				anchor.index=anchorCount++;
				anchor.onclick = function(){
					_self.linx=this.index;
					_self.rdEvt(this.index);
					_self.imageBox.init(_self,this.index,function(){
						if(_self.modalOpt.bj)document.body.removeChild(_self.modalOpt.bj);
						Imba.modal.divMd(_self.modalOpt);
					});
					_self.bigImage.init.call(_self,_self.linx);
					if(_self.imgs[_self.linx].isLivepicture==0)_self.biBtn.style.display="none";
					else _self.biBtn.style.display="";
					return false;
				}
			}
		}
	},
	init:function(cnt){
		this.cfg.max.h=document.body.clientHeight-100;
		var rdct=this.render.init();
		var _self=this;
		this.lbct=$("lightboxCaption");
		this.dtlImg=$("dtlLihboxSImg");
		this.dtlItb=$("dtlImgBoxTbar");
		_self.modalOpt={ct:rdct.ct,bj:null,afterClose:function(){_self.play.resetPlay.call(_self);}};
		var anchors = eltUtil.getElementsByClassName("tsimg",cnt);
		for (var i=0; i<anchors.length; i++){
			var anchor = anchors[i];
			anchor.index=i;
			anchor.onclick = function(){
				_self.linx=this.index;
				_self.rdEvt(this.index);
				_self.imageBox.init(_self,this.index,function(){
					if(_self.modalOpt.bj)document.body.removeChild(_self.modalOpt.bj);
					Imba.modal.divMd(_self.modalOpt);
				});
				_self.bigImage.init.call(_self,_self.linx);
				if(_self.imgs[_self.linx].isLivepicture==0)_self.biBtn.style.display="none";
				else _self.biBtn.style.display="";
				return false;
			}
		}
	}
}