var slideshow = {
	
	initSrcList: function(){
		var tbImgs = $$('#thumbs .tb img');
		this._srcList = [];
		this._zoomList = [];
		for (var i=0; i<tbImgs.length; i++){
			var src = tbImgs[i].getProperty('src');
			src = src +"";
			var tSrc = src.replace(/thumb/,"zoom");
			this._zoomList[i] = tSrc;
			var tSrc = "parcours_0"+(i+1);
			this._srcList[i] = tSrc;			
		}
		this._sizeList = [{w:524,h:321},
			{w:524,h:321},
			{w:325,h:524},
			{w:325,h:524},
			
			{w:524,h:393},
			{w:524,h:393},
			{w:524,h:393},
			{w:393,h:524},
			{w:524,h:393}];
	},
	
	initThumbs: function(){
		$$('#thumbs .tb').each(function(elem, index){
			
			// Click Event
			//------------------------------------------------------------
			elem.addEvent('click', function(){
				this.setPhotoWithIndex(index);	
			}.bind(this));
			
		}, this);
	},
	
	setPhotoWithIndex: function(index){
			this._activeIndex = index;
			var tZoom = this._zoomList[index];
			var tSrc = this._srcList[index];
			var tHTML = "<img src='"+ tZoom +"' />";
			$('photo').setHTML(tHTML);
			var tSize = this._sizeList[index];
			var tUrl = "javascript:MM_openBrWindow('pop/"+tSrc+".html','Photos','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width="+tSize.w+",height="+tSize.h+"')";
			$('photo').setProperty('href', tUrl);
			$('photo_b_plus').setProperty('href', tUrl);
	},
	
	init: function(){
		this._activeIndex = 0;
		this.initSrcList();
		this.initThumbs();
		//--- 
		this.setPhotoWithIndex(this._activeIndex);
		
	}
};


window.addEvent('domready', function() {
	slideshow.init();
});