cpItineraryShowcase = function(name,target,pic,link,start){
	this.name=name;
	this.nr=start;
	this.target=document.getElementById(target);
	this.pic=pic.split("$");
	this.link=link.split("$");
	this.count=this.pic.length;
	this.status='null';
	this.timeout=null;
	this.width=246;
	this.height=187;
	this.contentDiv;
	this.image1;
	this.image2;
	this.nextDiv;
	this.prevDiv;

	var parent=this.target;
	this.x=this.target.offsetLeft;
	while(parent=parent.parentNode){ if(parent.offsetLeft!=undefined) this.x+=parent.offsetLeft; }

	this.show=function(){
		//this.target.href='javascript:return false;';

		this.contentDiv=document.createElement("div");
		this.contentDiv.id=this.contentDiv.name=this.name+'ContentDiv';
		this.contentDiv.style.position='relative';
		this.contentDiv.style.top='0px';
		this.contentDiv.style.left='0px';
		this.contentDiv.style.marginBottom='20px';
		this.contentDiv.style.overflow='hidden';
		this.contentDiv.style.cursor='pointer';
		this.contentDiv.style.width=this.width+'px';
		this.contentDiv.style.height=this.height+'px';
		//this.target.appendChild(this.contentDiv);
		this.target.parentNode.replaceChild(this.contentDiv,this.target);

		this.image1=document.createElement("img");
		this.image1.style.position='absolute';
		this.image1.style.top='0px';
		this.image1.style.left='0px';
		this.contentDiv.appendChild(this.image1);
		this.image1.src=this.pic[this.nr];

		this.image2=document.createElement("img");
		this.image2.style.position='absolute';
		this.image2.style.top='0px';
		this.image2.style.left=this.width+'px';
		this.contentDiv.appendChild(this.image2);
		this.image2.src=this.pic[this.nr+1];

		this.prevDiv=document.createElement("div");
		this.prevDiv.style.position='absolute';
		this.prevDiv.style.top='0px';
		this.prevDiv.style.left='0px';
		this.prevDiv.style.width='30px';
		this.prevDiv.style.textAlign='center';
		this.prevDiv.style.height=(this.height/2+10)+'px';
		this.prevDiv.style.paddingTop=(this.height/2-10)+'px';
		this.prevDiv.style.background='#000000';
		this.prevDiv.style.color='#ffffff';
		this.prevDiv.style.fontWeight='bold';
		this.prevDiv.innerHTML='<<';
		this.prevDiv.style.display='none';
		this.prevDiv.style.filter = "alpha(opacity:40)";
		this.prevDiv.style.KHTMLOpacity = this.prevDiv.style.MozOpacity = this.prevDiv.style.opacity = 0.4;
		this.contentDiv.appendChild(this.prevDiv);

		this.nextDiv=document.createElement("div");
		this.nextDiv.style.position='absolute';
		this.nextDiv.style.top='0px';
		this.nextDiv.style.left=(this.width-30)+'px';
		this.nextDiv.style.width='30px';
		this.nextDiv.style.textAlign='center';
		this.nextDiv.style.height=(this.height/2+10)+'px';
		this.nextDiv.style.paddingTop=(this.height/2-10)+'px';
		this.nextDiv.style.background='#000000';
		this.nextDiv.style.color='#ffffff';
		this.nextDiv.style.fontWeight='bold';
		this.nextDiv.innerHTML='>>';
		this.nextDiv.style.display='none';
		this.nextDiv.style.filter = "alpha(opacity:50)";
		this.nextDiv.style.KHTMLOpacity = this.nextDiv.style.MozOpacity = this.nextDiv.style.opacity = 0.5;
		this.contentDiv.appendChild(this.nextDiv);

		var borderimage=document.createElement("img");
		borderimage.style.position='absolute';
		borderimage.style.top='0px';
		borderimage.style.left='0px';
		borderimage.src='pic/ouritineraries.png';
		this.contentDiv.appendChild(borderimage);

		var self=this;
		if (document.addEventListener) {
			borderimage.addEventListener("mouseover", function(e) { self.mouseover(); }, true);
			borderimage.addEventListener("mouseout", function(e) { self.mouseout(); }, true);
			borderimage.addEventListener("click", function(e) { self.click(e); }, true);
		} else {
			borderimage.onclick = function(e) { self.click(e); };
			borderimage.onmouseover = function(e) { self.mouseover(); };
			borderimage.onmouseout = function(e) { self.mouseout(); };
		}
		this.timeout=setTimeout("cpItineraryShowcaseItem['"+this.name+"'].move();",10000);
	}

	this.mouseover=function(){
		this.prevDiv.style.display='';
		this.nextDiv.style.display='';
	}

	this.mouseout=function(){
		this.prevDiv.style.display='none';
		this.nextDiv.style.display='none';
	}

	this.click=function(e){
		if(e==undefined) e=event;
		var x=e.clientX-this.x;
		if(x<30) { if(this.status!='moving') this.moveBack(); } 
		else if(x>this.width-30) { if(this.status!='moving') this.move(); } 
		else { location.href=this.link[this.nr]; }
	}

	this.move=function(){
		clearTimeout(this.timeout);
		this.status='moving';
		this.image1.style.left=Math.max(-this.width,parseInt(this.image1.style.left)-15)+'px';
		this.image2.style.left=Math.max(0,parseInt(this.image2.style.left)-15)+'px';
		if(parseInt(this.image2.style.left)==0) {
			this.status='ready';
			this.nr=(this.nr+1) % this.count;
			this.image1.style.left='0px';
			this.image2.style.left=this.width+'px';
			this.image1.src=this.pic[this.nr];
			this.image2.src=this.pic[(this.nr+1) % this.count];
			this.timeout=setTimeout("cpItineraryShowcaseItem['"+this.name+"'].move();",10000);
		} 
		else this.timeout=setTimeout("cpItineraryShowcaseItem['"+this.name+"'].move();",30);
	}

	this.moveBack=function(){
		clearTimeout(this.timeout);
		this.status='moving';
		if(parseInt(this.image2.style.left)>0) {
			this.image2.style.left=-this.width+'px';
			this.image2.src=this.pic[(this.nr-1+this.count) % this.count];;
		}
		this.image1.style.left=Math.min(this.width,parseInt(this.image1.style.left)+15)+'px';
		this.image2.style.left=Math.min(0,parseInt(this.image2.style.left)+15)+'px';
		if(parseInt(this.image2.style.left)==0) {
			this.status='ready';
			this.nr=(this.nr-1+this.count) % this.count;
			this.image1.style.left='0px';
			this.image2.style.left=this.width+'px';
			this.image1.src=this.pic[this.nr];
			this.image2.src=this.pic[(this.nr+1) % this.count];
			this.timeout=setTimeout("cpItineraryShowcaseItem['"+this.name+"'].move();",10000);
		} 
		else this.timeout=setTimeout("cpItineraryShowcaseItem['"+this.name+"'].moveBack();",30);
	}

}


var cpItineraryShowcaseItem=Array();

function addcpItineraryShowcase(id,target,pic,link,start){
	if(cpItineraryShowcaseItem[id]==null) {
		cpItineraryShowcaseItem[id]=new cpItineraryShowcase(id,target,pic,link,start);
		cpItineraryShowcaseItem[id].show();
	}
}