function PlaneController(){

	this.thumbCnt=$("thumb_selector");
	this.imgCnt=$("cnt_images");
	this.selectedIndexIm=null;
	
	this.onLoadComplete=function(){
		this.initializeGallery()
		this.selectImage(1);
	}
	this.initializeGallery=function(){
		var lImgs=this.imgCnt.getElementsByTagName("li");
		if (lImgs){
			var ul=document.createElement("ul");
			ul.id=this.thumbCnt.id+"_ul";
			for (var i=0;i<lImgs.length;i++){
				lImgs[i].style.display="none";
				var lImgIn=lImgs[i].getElementsByTagName("img");
				if (lImgIn){
					var li=document.createElement("li");
					var a=document.createElement("a");
					a.href="javascript:;";
					Event.observe(a,"click",this.selectItem.bindAsEventListener({pScope:this,pId:i}));
					var img=document.createElement("img");
					Event.observe(img,"mouseover",this.hoverItem.bindAsEventListener({pScope:this,pObj:img,pId:i}));
					Event.observe(img,"mouseout",this.unHoverItem.bindAsEventListener({pScope:this,pObj:img,pId:i}));
					imSrc=lImgIn[0].src;
					var p=imSrc.lastIndexOf("/");
					if (!p) {p=0}
					imPath=imSrc.substring(0,p);
					imFileName=imSrc.substring(p+1);
					img.src=imPath+"/thumb_"+imFileName.replace(".jpg","o.gif");
					a.appendChild(img);
					li.appendChild(a); 
					ul.appendChild(li);
				}
			}
			this.thumbCnt.appendChild(ul);
		}	
	}
	this.selectItem=function(e){
		lScope=this.pScope;
		lId=this.pId;
		lScope.selectImage(lId+1);
	}
	this.hoverItem=function(e){
		lObj=this.pObj;
		lObj.src=lObj.src.replace("o.gif",".gif");
	}
	this.unHoverItem=function(e){
		lObj=this.pObj;
		lObj.src=lObj.src.replace(".gif","o.gif");
	}
	this.selectImage=function(n){
		var lImgs=this.imgCnt.getElementsByTagName("li");
		if (lImgs&&lImgs[n-1]){
			if (this.selectedIndexIm!=null){
				lImgs[this.selectedIndexIm].style.display="none";
			}
			this.selectedIndexIm=n-1;
			lImgs[n-1].style.display="block";
		}
	}
	
}

var controller=new PlaneController();
controller.onLoadComplete();