cpZoompic = function(i,pic){
	this.pic=pic;
	this.i=i;
	this.w=0;
	this.h=0;
	this.x;
	this.y;
	this.timeout=null;
	this.alpha=0;
	this.bgImg;

	this.fadeIn=function(e){
		if(this.w>0) {
			this.x=(document.documentElement.clientWidth-this.w)/2;
			this.y=(document.documentElement.clientHeight-this.h)/2+Math.max(document.documentElement.scrollTop,document.body.scrollTop);
			this.bgImg.style.top=this.y+'px';
			this.bgImg.style.left=this.x+'px';
			if(this.timeout!=null) clearTimeout(this.timeout);
			this.alpha=Math.min(this.alpha+10,100);
			this.bgImg.style.display='block';
			if(this.alpha>90) this.bgImg.style.filter = "";
			else this.bgImg.style.filter = "alpha(opacity:"+this.alpha+")";
			this.bgImg.style.KHTMLOpacity = this.bgImg.style.MozOpacity = this.bgImg.style.opacity = this.alpha/100;
			if(this.alpha<100) this.timeout=setTimeout("cpZoompicItem['"+this.i+"'].fadeIn();",30);
		}
	}

	this.fadeOut=function(e){
		if(this.timeout!=null) clearTimeout(this.timeout);
		this.alpha=Math.max(this.alpha-10,0);
		this.bgImg.style.filter = "alpha(opacity:"+this.alpha+")";
		this.bgImg.style.KHTMLOpacity = this.bgImg.style.MozOpacity = this.bgImg.style.opacity = this.alpha/100;
		if(this.alpha==0) this.bgImg.style.display='none';
		else this.timeout=setTimeout("cpZoompicItem['"+this.i+"'].fadeOut();",30);
	}

	this.imgloaded=function(){
		this.w=this.bgImgImg.width+10;
		this.h=this.bgImgImg.height+10;
		this.bgImg.style.width=this.w+'px';
		this.bgImg.style.height=this.h+'px';
	}

	this.bgImg=document.createElement("div");
	this.bgImg.id=this.bgImg.name='zoompic'+i;
	this.bgImg.style.zIndex='99';
	this.bgImg.style.position='absolute';
	this.bgImg.style.border='1px';
	this.bgImg.style.borderColor='#888888';
	this.bgImg.style.background='#ffffff';
	this.bgImg.style.borderStyle='solid';
	this.bgImg.style.fontSize='0px';
	this.bgImg.style.display='none';
	this.bgImg.style.height='248px';
	this.bgImg.innerHTML='<img style="border:5px solid #ffffff;" src="'+this.pic.name+'" />';
	document.getElementsByTagName('body')[0].appendChild(this.bgImg);
	var self=this;
	if (document.addEventListener) pic.addEventListener("click", function(e) { self.fadeIn(e); }, true);
	else pic.attachEvent("onclick", function(e) { self.fadeIn(e); }, true);
	if (document.addEventListener) this.bgImg.addEventListener("click", function(e) { self.fadeOut(e); }, true);
	else this.bgImg.attachEvent("onclick", function(e) { self.fadeOut(e); }, true);
	this.bgImgImg=document.createElement("img");
	this.bgImgImg.src=this.pic.name;
	if (document.addEventListener) this.bgImg.addEventListener("load", function(e) { self.imgloaded(e); }, true);
	else this.bgImgImg.attachEvent("onload", function(e) { self.imgloaded(e); }, true);
}

var cpZoompicItem=Array();

function addcpZoompic(){
	var pics=document.getElementsByTagName('img');
	for(var i=0; i<pics.length; i++) {
		if(pics[i].className.indexOf('zoompic')>-1) 
			cpZoompicItem[i]=new cpZoompic(i,pics[i]);
	}
}