var Toiles = new Class({

	btnPrev : null,
	btnNext : null,

	initialize : function(){
		this.btnPrev = $('thumb_previous');
		this.btnNext = $('thumb_next');
		this.setPrevNextButtons();
			
		// correct for ie
		if(window.ie){
			var scroller = $('thumb_scroller');
			var columns = scroller.getChildren();
			for(var i=2; i<columns.length; i++){
				columns[i].setStyles({
					visibility : "hidden"
				});
			}
		}
	},
	
	setPrevNextButtons : function(){
		this.btnPrev.addEvent('click', function(){ 
			var scroller = $('thumb_scroller');
			if(scroller){
				var columns = scroller.getChildren();
				if(columns.length > 1){
					columns[columns.length-1].injectTop(scroller);
					
					if(window.ie){
						var columns = scroller.getChildren();
						for(var i=0; i<columns.length; i++){
							if(i<2){
								columns[i].setStyles({
									visibility : "visible",
									position : "relative",
									top : "0px"
								});
								if(i==0){
									columns[i].setStyle("top" , "0px");
								}
							}else{
								columns[i].setStyle("visibility","hidden");
							}
						}
					}
					
				}
			}
		});
		this.btnNext.addEvent('click', function(){ 
			var scroller = $('thumb_scroller');
			if(scroller){
				var columns = scroller.getChildren();
				if(columns.length > 1){
					columns[0].injectInside(scroller);
					
					if(window.ie){
						var columns = scroller.getChildren();
						for(var i=0; i<columns.length; i++){
							if(i<2){
								columns[i].setStyles({
									visibility : "visible",
									position : "relative",
									top : "0px"
								});
								if(i==0){
									columns[i].setStyle("top" , "0px");
								}
							}else{
								columns[i].setStyle("visibility","hidden");
							}
						}
					}
					
				}
			}
		});
	}
	
});