function divWin(){
	this.create=function(img,src){
		var dw=document.body.clientWidth || document.body.offsetWidth;
		var dh=document.body.clientHeight || document.body.offsetHeight;
		
		var mywin=document.createElement("DIV");
		mywin.style.cssText='position:absolute;width:'+dw+'px; height:'+dh+'px;left:0px;top:0px; border:none; background-image:url(/Images/bk.png); _background-image:none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/Images/bk.png",sizingMethod="scale");';
		mywin.style.zIndex=50;
		mywin.id="bkdiv"
		document.body.appendChild(mywin);
		mywin.innerHTML='<iframe frameborder=0 scrolling=no width=100% height=100% id="bkfr" onload="bkfr.document.body.bgColor=\'#000000\'"></iframe>';
		this.show("bkdiv",0,img,src);
	}
	this.show=function(id,op,img,src){
		var obj=$(id);
		if(IsIE()){
			obj.style.filter = "alpha(opacity="+op+",style=0)";
		}else{
		    obj.style.opacity = op/100;
		}
		if(op<70)
			op+=10;
		else
			op+=5;
		if(op>=80){
			clearTimeout(tm);
			var dw=document.body.clientWidth || document.body.offsetWidth;
			var dh=document.body.clientHeight || document.body.offsetHeight;
			var docH=self.innerHeight || document.documentElement.clientHeight || (screen.availHeight-130);
			var w=580;
			var h=345;
			var t=document.documentElement.scrollTop+(docH-h)/2;
			//var l2=(dw-w-300)/2+w+10;
			var l=-w;
			if(t<0) t=0;
			var dwin=document.createElement("DIV");
			dwin.style.cssText='position:absolute;width:'+w+'px; height:'+h+'px;left:'+l+'px;top:'+t+'px;border:1px solid #666;background-color:#fff;';
			dwin.style.zIndex=51;
			dwin.id="imgdiv";
			document.body.appendChild(dwin);
			dwin.innerHTML='<img src="'+img+'" width=580 height=345 onclick="webWin.Close(100);"/>';			
			this.imgmove("imgdiv",l);
			
			var txdiv=document.createElement("DIV");
			txdiv.style.cssText='position:absolute;width:300px;left:'+dw+'px;top:'+t+'px;background-color:#fff;';
			txdiv.style.zIndex=52;
			txdiv.id="txtdiv";
			document.body.appendChild(txdiv);
			txdiv.innerHTML='<div style="padding:5px 8px;background-color:#ccc;cursor:pointer;" align=right onclick="webWin.Close(100);"><img src="/images/close.gif" height="11" width="11" /></div>';
			txdiv.innerHTML+='<iframe frameborder=0 scrolling=auto width=100% height=300 src="'+src+'" onload="SetWinHeight(this)"></iframe>';			
			this.txtmove("txtdiv",dw);
			return;
		}
		var tm=window.setTimeout("webWin.show('"+id+"',"+op+",'"+img+"','"+src+"')",10);
	}
	this.imgmove=function(id,l){
		var obj=$(id);
		var dw=document.body.clientWidth || document.body.offsetWidth;
		var imgl=(dw-580-300)/2;
		obj.style.left=l+"px";
		l+=(imgl-l)/2;
		if(l>=imgl-2){
			clearTimeout(tm);
			obj.style.left=imgl+"px";
			return;
		}
		var tm=window.setTimeout("webWin.imgmove('"+id+"',"+l+")",10);
	}
	this.txtmove=function(id,l){
		var obj=$(id);
		var dw=document.body.clientWidth || document.body.offsetWidth;
		var txtl=(dw-580-300)/2+590;
		obj.style.left=l+"px";
		l+=(txtl-l)/2;
		if(l<=txtl+2){
			clearTimeout(tm2);
			obj.style.left=txtl+"px";
			return;
		}
		var tm2=window.setTimeout("webWin.txtmove('"+id+"',"+l+")",10);
	}
	this.Close=function(op){
		var obj=$("txtdiv");
		var obj1=$("imgdiv");
		var obj2=$("bkdiv");
		if(IsIE()){
			obj.style.filter = "alpha(opacity="+op+",style=0)";
			obj1.style.filter="alpha(opacity="+(op-20)+",style=0)";
			obj2.style.filter="alpha(opacity="+(op-20)+",style=0)";
		}else{
		    obj.style.opacity = op/100;
			obj1.style.opacity=(op-20)/100;
			obj2.style.opacity=(op-20)/100;
		}
		op-=15;
		if(op<=0){
			clearTimeout(tm);
	        if (obj.getElementsByTagName("IFRAME").length != 0){
	            obj.getElementsByTagName("IFRAME").src = "about:blank";
	        }
	        obj.innerHTML = "";
		    document.body.removeChild(obj);
			obj1.innerHTML = "";
		    document.body.removeChild(obj1);
			obj2.innerHTML = "";
		    document.body.removeChild(obj2);
			return;
		}
		var tm=window.setTimeout("webWin.Close("+op+")",10);
	}
}

var webWin=new divWin();

function showWeb(img,url){
	webWin.create(img,url);
}