window.addEvent('domready', function(){
	
	activeImage = 'thumb_01_small';  
	activeLink = '1';
	positionScroll = 0;
	
	if($('preview_thumb')){
		
		var initialise = $(activeImage).setStyles({display:'block',opacity: 0}); 
		$(activeImage).fade(1); 
		$(activeLink).className = "preview_thumb_select";
		
		$('preview_thumb').getElements('li').addEvent('click', function(e)   
		{   
			e  = new Event(e).stop();  
			
			$(activeLink).className = "preview_thumb_active";  
			this.className = "preview_thumb_select";  
			activeLink = this.id;
			
			var newImage = 'thumb_0' + this.id + '_small';  
			 
			transitionImage(activeImage,newImage);  
		});
		
	}
	
	if($('bt_left_scroller')){
		
		$('bt_left_scroller').addEvent('click', function(e) {
		  
		 e  = new Event(e).stop();
		 var myFx = new Fx.Scroll('content_scroller', {duration: 1000}).start(positionScroll-300, 0);
		 if(positionScroll > 0){
		 	positionScroll -= 300;
		 } else {
			positionScroll = 0;
		 }
		 
		});
		
		$('bt_right_scroller').addEvent('click', function(e) {
		 
		 e  = new Event(e).stop();
		 var myFx = new Fx.Scroll('content_scroller', {duration: 1000}).start(positionScroll+300, 0);
		 if(positionScroll < (1161-820)){
		 	positionScroll += 300;
		 } else {
			 positionScroll = (1161-820);
		 }
		 
		});
		
	}
	
});

function transitionImage(oldImage,newImage)  
{  
	var fadeOut = function()  
	{  
		var div = $(oldImage).setStyles({opacity: 1});  
		$(oldImage).fade(0);
		
		fadeIn(); 
	};  
	var fadeIn = function()  
	{  
		var div2 = $(newImage).setStyles({display:'block',opacity: 0});  
		$(newImage).fade(1);
	};  
	if(newImage != activeImage)  
	{  
		fadeOut();  
		activeImage = newImage;       
	}  
}