makegallery($('gallery'), $('thumbs'));
		
function makegallery(el, thumbs ) {
	var ol;
	$('zoom0').setOpacity(0);
	var imageCount = 0
	el.getElements ('a').each (function (thumbnailLink) {
		imageCount++;
		function showLarge(event) { 
				if(ol){
					var fx2 = new Fx.Styles(ol,{duration:500});
					fx2.start({'opacity':[.5, 1]});
				}
				var fx = new Fx.Styles(this, {duration:500});
				$('zoom').setOpacity(20);
				$('zoom0').src=this.getElement('img').src;
				$('zoom').src=this.href;
				fx.start({'opacity':[1, .5]});
				var nfx = $('zoom0').effect('opacity');
				nfx.custom(100, 0);
				ol=this;
				event.stop();
				return false;
		}
		
		
		thumbnailLink.onclick = showLarge.bindWithEvent(thumbnailLink);
				
		});
		var pages = Math.floor(imageCount/4);
		var screen = 0;	
		exampleFx = new Fx.Style('thumbs', 'margin-left',{
			duration:1000, 
			transition: Fx.Transitions.linear
			
			});
		$('next').onclick = function(){ 
			exampleFx.stop();
			if(screen != pages){	
				startPos = (screen*-290)
				endPos = (screen+1)*-290;
				exampleFx.start(startPos,endPos);
				screen++;
			
			}
			
		}
		
		$('prev').onclick = function(){ 
			exampleFx.stop();
			if(screen != 0){	
				startPos = (screen*-290)
				endPos = (screen-1)*-290;
				exampleFx.start(startPos, endPos);
				screen--; 
			}
			
		}
		
	}