var popuptras=Class.create();
popuptras.prototype = {
	
  initialize: function(obj,options){//初始化属性和方法
	    this.popobj=$(obj);
		this.SetOptions(options);
		this.top=this.options.top;
		this.left=this.options.left;
		this.width=this.options.width;
		this.height=this.options.height;
		this.Isfullview=this.options.Isfullview;
		this.IsScroll=this.options.IsScroll;
        this.textarr=this.options.textarr;
		
		this.selitem=0;

},
  SetOptions: function(options){
		this.options={//设置默认的初始化值
		      top:   "0",
			  left:   "0",
			  width:  "",
			  height: "",
              textarr:"",
			  Isfullview:true,
			  IsScroll:false
		};
		Extend(this.options, options || {});//把options的属性和方法都继承到this.options中
},
   setTextarr:function(textarr){
	    this.textarr=textarr;
   },
	showpopup: function(){
		if(typeof(this.bglayout)!='undefined'){
		   this.bglayout.style.display="block";
		}else{
			this.bglayout=document.createElement("div");
			this.bglayout.id="backg_layout";
			if(fCkBrs()==1){
		  	this.bglayout.className="TB_overlayBG";
			}else{
		  	this.bglayout.className="TB_overlayMacFFBGHack";
			}
			if(this.Isfullview){
				var scrollHeight=document.body.scrollHeight;
	      var scrollWidth=document.body.scrollWidth;
				var hwidth=scrollWidth;
			  var hheight=scrollHeight;
				with(this.bglayout.style){
					position="absolute";left="0%";top="0%";left="0px";top="0px";width=hwidth+"px";height=hheight+"px"; 
				}
			}else{
				with(this.bglayout.style){
					position="absolute";width=0+"px";height=0+"px";
				}
			}
			if(this.IsScroll) document.body.parentNode.style.overflow="hidden";
			document.body.appendChild(this.bglayout);
			this.createLoading();
		}
	},
	createpop:function(obj){
		var that=obj;
		that.wrappdiv=document.createElement("div");
		that.wrappdiv.id="wrapp_layout";
		document.body.appendChild(that.wrappdiv);

		var html=[];
		html.push("<div id='centerwindow' class='ccenterwindow'><table class='table_class'><tbody><tr><td class='pop_topleft'></td><td class='pop_border pop_top'></td><td class='pop_topright'></td></tr><tr><td class='pop_border pop_side'></td><td><div id='contentwindow' class='ccontentwindow'><div id='topcontent' class='ctopcontent'><span id='toptext' class='toptext txt_10337F_12'>");
		html.push(that.textarr[0].toptext);
		html.push("</span><span id='closecontent'  class='cclosecontent'><img src='../js/trapbox/tb-close.png'/></span></div><div id='contenttext' class='contenttext txt_336699_12'>");
		html.push(that.textarr[0].contenttext);
	  html.push("</div><div class='submitdiv'><hr class='dividehr'/><span id='setbutton' class='csetbutton'>");
		if(that.textarr.length>1) {
			html.push("<input id='upbutton' class='button updownbutton' type='button' name='up' value='上一个'/>");
		}
		html.push("<input id='downbutton' class='button updownbutton' type='button' name='down' value='繼續'/></span></div></div></td><td class='pop_border pop_side'></td></tr><tr><td class='pop_bottomleft'></td><td class='pop_border pop_bottom'></td><td class='pop_bottomright'></td></tr></tbody></tabel></div>");
    if($("#wrapp_layout").html(html.join(""))) $("#backg_layout").html("");
		//设置高度
		that.width=that.width?that.width:520;
		that.height=that.height?that.height:250;
		$("#centerwindow").width(parseInt(that.width));
		$("#centerwindow").height(parseInt(that.height));
		$("#contentwindow").width(parseInt(that.width-20));
		$("#contentwindow").height(parseInt(that.height));
		$("#topcontent").width(parseInt(that.width-20));
		$("#topcontent").height(30);
		$(".dividehr").css("margin-top",parseInt(that.height*0.75));
		that.closeobj=document.getElementById("closecontent");
		that.topobj=document.getElementById("topcontent");
		that.Okobj=document.getElementById("downbutton");
		that.bglayoutobj=document.getElementById("backg_layout");
		if(that.upobj=document.getElementById("upbutton"))
		   addEventHandler(that.upobj,"click",BindAsEventListener(that,that.UpClick));
		that.closeHandle=BindAsEventListener(that,that.closefun);
		that.moveHandle=BindAsEventListener(that,that.movefun);
		that.startHandle=BindAsEventListener(that,that.startfun);
		that.stopHandle=Bind(that,that.stopfun);
		addEventHandler(that.Okobj,"click",BindAsEventListener(that,that.OKClick));
		addEventHandler(that.closeobj,"click",that.closeHandle);
		addEventHandler(that.topobj,"mousedown",that.startHandle);
		addEventHandler(that.bglayoutobj,"dblclick",BindAsEventListener(that,that.bglayoutclose));
	},
	
	changecontent:function(inserttext){
		 this.textarr[0].contenttext=inserttext;
		
	},
	changetoptext:function(inserttext){
		 this.textarr[0].toptext=inserttext;
	},
	createLoading: function(){
		var hwidth=CurrentStyle(this.bglayout).width;
		var hheight=CurrentStyle(this.bglayout).height;
		var loadimg=document.createElement("IMG");
		this.bglayout.appendChild(loadimg);
		loadimg.src="../js/trapbox/loadingAnimation.gif";
		with(loadimg.style){
			position="relative";Zindex=1000;top=((parseInt(hheight)-10)/2).toString()+"px";left=((parseInt(hwidth)-200)/2).toString()+"px";width="200px";height="10px"
		}
	  var createpop=this.createpop;
	  var that=this;
	  setTimeout(function(){createpop(that);},1000);
	},
	closefun: function(oEvent){
         this.selitem=0;
		 $("#toptext").html(this.textarr[this.selitem].toptext);
		 $("#contenttext").html(this.textarr[this.selitem].contenttext);
		this.bglayout.style.display="none";
		this.wrappdiv.style.display="none";
		document.body.parentNode.style.overflow="scroll";
	},
	
	bglayoutclose:function(oEvent){
		
		  this.selitem=0;
		 $("#toptext").html(this.textarr[this.selitem].toptext);
		 $("#contenttext").html(this.textarr[this.selitem].contenttext);
		this.bglayout.style.display="none";
		this.wrappdiv.style.display="none";
		document.body.parentNode.style.overflow="scroll";
	},
	
	OKClick: function(oEvent){
		var arrlength=this.textarr.length;
		if(arrlength>1)
		{
		   if(this.selitem<this.textarr.length-1)
		   {
			  this.selitem=this.selitem+1;
			  $("#toptext").html(this.textarr[this.selitem].toptext);
		      $("#contenttext").html(this.textarr[this.selitem].contenttext);
		   }
		}
		else{
		 this.bglayout.style.display="none";
		  this.wrappdiv.style.display="none";
		 document.body.parentNode.style.overflow="scroll";
		}
		
	},
	UpClick:function(oEvent){
		if(this.selitem>0)
		{
		 this.selitem=this.selitem-1;
		 $("#toptext").html(this.textarr[this.selitem].toptext);
		 $("#contenttext").html(this.textarr[this.selitem].contenttext);
		}
		 
	},
	startfun: function(oEvent){
	//记录鼠标相对拖放对象的位置
    var centerwindowobj=document.getElementById("centerwindow");
	this._x = oEvent.clientX - this.topobj.offsetLeft;
	this._y = oEvent.clientY - this.topobj.offsetTop;
	this.moveobjLeft=CurrentStyle(centerwindowobj).left;
	this.moveobjTop=CurrentStyle(centerwindowobj).top;
	//mousemove时移动 mouseup时停止
	addEventHandler(this.topobj, "mousemove", this.moveHandle);
	addEventHandler(this.topobj, "mouseup", this.stopHandle);
	if(isIE){
		//焦点丢失
		addEventHandler(this.topobj, "losecapture", this.stopHandle);
		//设置鼠标捕获
		this.topobj.setCapture();
	}else{
		//焦点丢失
		window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP)
		//阻止默认动作
		oEvent.preventDefault();
	};
	},
	movefun: function(oEvent){
	//清除选择
	window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
	//设置移动参数
	var iLeft = parseInt(this.moveobjLeft)+oEvent.clientX - this._x, iTop = parseInt(this.moveobjTop)+oEvent.clientY - this._y;
	var centerwindowobj=document.getElementById("centerwindow");     
	centerwindowobj.style.left=iLeft+"px";
	centerwindowobj.style.top=iTop+"px";
	},
	stopfun: function(oEvent){
	removeEventHandler(this.topobj, "mousemove", this.moveHandle);
	removeEventHandler(this.topobj, "mouseup", this.stopHandle);
	if(isIE){
		removeEventHandler(this.topobj, "losecapture", this.stopHandle);
		this.topobj.releaseCapture();
	}else{
		window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
	};

	}
};