function initSlideshow() {
		
		// Which image is on the far left
		var iImageOnLeft=1;
		
		// Total amount of images in show
		var iImages=11;
		

		var iDisplayCounter=0;
		var timeout=0;
		initPics();
		showPic(1);	
		function initPics() {
			var iLoaded=0;
			var arrPic=new Array();
			for (var i=1;i<=iImages;i++) {
				arrPic[i]=new Image();
				arrPic[i].src="/img/slideshow/" + i + ".small.jpg";
				arrPic[i].onload=function() {
					iLoaded++;
					if (iLoaded==iImages) {
						initSlideshow();
					}
				}
			}
		}
		
		function initSlideshow() {
			for (var i=1;i<=iImages;i++) {
			
				// what X coordinate should this be on?
				var iXpos=(i-1) * 130
	
				var elemBG=new Element('div',{id:'bg'+i});
				elemBG.setStyle({
					width:"130px",
					height:"84px",
					backgroundColor:"green",
					position:"absolute",
					left:iXpos + "px",
					top:"0px",
					zIndex:1,
					display:"none"
				});		
						
				$('thumbnailholder').insert(elemBG);	
				
				var elem=new Element('img', {id:'fg'+i, src:"/img/slideshow/" + i + ".small.jpg", width:"126", height:"80"});
				elem.setStyle({
					position:"absolute",
					left:iXpos + 2 + "px",
					top:"2px",
					cursor:"pointer",
					zIndex:20,
					display:"block"
				});		
				$('thumbnailholder').insert(elem);						
				
				elem.observe('click',function() {
					showPic(this.id.substr(2));
				});
				elem.observe('mouseover',function() {
					// get id
					var id=this.id.substr(2);
					Effect.Appear($('bg' + String(id)), { duration: 0.5 });
				});
				elem.observe('mouseout',function() {
					var id=this.id.substr(2);
					Effect.Fade($('bg'  + String(id)), { duration: 0.5 });
				});			
			}
			$('btnLeft').observe('click',function() {
				if (iImageOnLeft>1) {
					iImageOnLeft--;
					new Effect.Move($('thumbnailholder'), { duration:0.5, x: 130, mode: 'relative' });
				}
			});
			$('btnRight').observe('click',function() {
					if (iImageOnLeft<iImages-3) {
					iImageOnLeft++;
					new Effect.Move($('thumbnailholder'), { duration:0.5, x: -130,  mode: 'relative' });
					}
			});		
		}
		
		function addPreload() {
			if ($('preload')) {	$('preload').remove();}			
			var preloadElem=new Element('img', {id:'preload', src:"/img/ajax-loader.gif", width:"54", height:"55"});
			preloadElem.setStyle({position:"absolute",
								left:"250px",
								top:"150px"
			});		
			$('largeHolder').insert(preloadElem)
	
		}
		function showPic(id) {
			
			var pic=new Image();
			pic.src="/img/slideshow/" + id + ".big.jpg";	
			if ($('preload')) {	$('preload').remove();}
			clearTimeout(timeout);
			timeout = setTimeout(addPreload, 300);		
			pic.onload=function() {		
				clearTimeout(timeout);
				if ($('preload')) {	$('preload').remove();}		
				iDisplayCounter++;
				var elem=new Element('img', {id:'large' + iDisplayCounter, src:"/img/slideshow/" + id + ".big.jpg", width:"559", height:"353"});
				elem.setStyle({display:"none",
								position:"absolute",
								left:"0px",
								top:"0px"
				});
				$('largeHolder').insert(elem);
				Effect.Appear(elem,{duration:1});
				var iRemove=iDisplayCounter-2;
				if ($('large' + iRemove)) {
					$('large' + iRemove).remove();
				}	
			}			
		}
}