//------cpPicpopup---------------------------
cpPicpopup = function(name){
	this.name=name;
	var obj=document.getElementById(this.name);
	this.left=3000;

	this.bgdiv=document.createElement("div");
	this.bgdiv.id=this.name+'_cpPicpopupDiv';
	this.bgdiv.name=this.name+'_cpPicpopupDiv';
	this.bgdiv.style.position='absolute';
	this.bgdiv.style.overflow='hidden';
	this.bgdiv.style.top=this.y+'px';
	this.bgdiv.style.left=document.documentElement.clientWidth/2+185+'px';
	this.bgdiv.style.width=(document.documentElement.clientWidth/2-185)+'px';
	this.bgdiv.style.height='270px';
	this.bgdiv.innerHTML='';
	document.getElementsByTagName('body')[0].appendChild(this.bgdiv);

	this.status='null';
	this.bgdiv;
	
	this.timeout;

	var self=this;
	if (document.addEventListener) {
		document.getElementById(this.name).addEventListener("mouseover", function(e) { self.scrollIn(); }, true);
		document.getElementById(this.name).addEventListener("mouseout", function(e) { self.scrollOut(); }, true);
	}
	else {
		document.getElementById(this.name).attachEvent("onmouseover", function(e) { self.scrollIn(); }, true);
		document.getElementById(this.name).attachEvent("onmouseout", function(e) { self.scrollOut(); }, true);
	}

	this.scrollIn=function(){
		clearTimeout(this.timeout);
		if(this.bgdiv.innerHTML=='') {
			this.bgdiv.innerHTML='<div style="position:absolute;top:0px;left:2000px;" id="'+this.name+'_cpPicpopupDiv2"><img style="position:absolute;" src="pics/picframe.png" />'+'<img style="position:absolute; margin:14px 0px 0px 35px;" src="uploadpic/'+name.replace('tn_','')+'.jpg" /></div>';
			this.y=obj.offsetTop;
			while(obj=obj.offsetParent) { this.y+=obj.offsetTop; }
			this.bgdiv.style.top=this.y+'px';
		}
		if(this.left>0) {
			this.left=this.left*0.7 + 0*0.3;
			document.getElementById(this.name+'_cpPicpopupDiv2').style.left=this.left+'px';
			if(this.left-0<5) this.left=0;
			else {				
				this.timeout=setTimeout('cpPicpopupItem[\''+this.name+'\'].scrollIn()',30);
			}
		}
	}

	this.scrollOut=function(){
		clearTimeout(this.timeout);
		if(this.left<2000) {
			this.left=this.left*0.9 + 2000*0.1;
			document.getElementById(this.name+'_cpPicpopupDiv2').style.left=this.left+'px';
			if(2000-this.left<5) this.left=2000;
			else {				
				this.timeout=setTimeout('cpPicpopupItem[\''+this.name+'\'].scrollOut()',30);
			}
		}
	}

}

var cpPicpopupItem=Array();

function addCppicpopup(id){
	if(cpPicpopupItem[id]==null) {
		cpPicpopupItem[id]=new cpPicpopup(id);
//		cpPicpopupItem[id].create();
	}
}