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

	this.getOffset=function(){
		var parent=this.pic.parentNode;
		this.x=this.pic.offsetLeft;
		while(parent=parent.parentNode){ if(parent.offsetLeft!=undefined) this.x+=parent.offsetLeft;}
		parent=this.pic.parentNode;
		this.y=this.pic.offsetTop;
		while(parent=parent.parentNode){ if(parent.offsetTop!=undefined) this.y+=parent.offsetTop; }
		this.bgImg.style.top=this.y-52+'px';
		this.bgImg.style.left=this.x-70+'px';
	}

	this.fadeIn=function(){		
		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("cpTravelpicItem['"+this.i+"'].fadeIn();",30);
	}

	this.fadeOut=function(){
		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("cpTravelpicItem['"+this.i+"'].fadeOut();",30);
	}

	this.bgImg=document.createElement("div");
	this.bgImg.id=this.bgImg.name='travelpic'+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';
	if(this.pic.title!='') this.bgImg.innerHTML='<div style="position:absolute; bottom:0px; font-size:13px; background:#ffffff; padding:4px;">'+this.pic.title+'</div><img style="border:4px solid #ffffff;" src="'+pic.src.replace("tn_","")+'" />';
	else this.bgImg.innerHTML='<img style="border:4px solid #ffffff;" src="'+pic.src.replace("tn_","")+'" />';
	document.getElementsByTagName('body')[0].appendChild(this.bgImg);
	var self=this;
	if (document.addEventListener) pic.addEventListener("mouseover", function(e) { self.getOffset();self.fadeIn(); }, true);
	else pic.onmouseover = function(e) { self.getOffset();self.fadeIn(e); };
	if (document.addEventListener) this.bgImg.addEventListener("mouseout", function(e) { self.fadeOut(); }, true);
	else this.bgImg.onmouseout = function(e) { self.fadeOut(e); };

}

var cpTravelpicItem=Array();

function addcpTravelpic(){
	var pics=document.getElementsByTagName('img');
	for(var i=0; i<pics.length; i++) {
		if(pics[i].className.indexOf('travelpic')>-1)
			cpTravelpicItem[i]=new cpTravelpic(i,pics[i]);
	}
}