function showBigPic(thisPic,w,h,thiscaption,thumbid){
	//variables
	var gallery = $('gallery');
	var caption = $('caption');
	var copyright = $('copyright');
	var thumb = $(thumbid);
	var croptopright = $('crop-top-right');
	var cropbottomright = $('crop-bottom-right');
	var cropbottomleft = $('crop-bottom-left');
	var croptopleft = $('crop-top-left');
	var root = "images/";
	
	// remove content from gallery div
	gallery.innerHTML = '';
	
	//set preloading image
	gallery.setStyle('background', 'url(images/ajax-loader.gif) ' + ((w/2)-7) + 'px ' + ((h/2)-7) + 'px no-repeat #000000');
	
	// remove content from caption div
	caption.innerHTML = '';
	
	// clear existing caption style
	caption.setStyle('opacity', 0);
	caption.setStyle('left', -1000+'px');
	
	// clear existing copyright style
	copyright.setStyle('opacity', 0);
	copyright.setStyle('left', -1000+'px');
	
	// insert caption
	caption.innerHTML = '<p>' + thiscaption + '</p>';
	
	// remove all borders and then set border on selected thumbnail
	var a = document.getElementById('thumbnails').getElementsByTagName('img');
			for (x=0; x<a.length; x++) {
					a[x].style.borderColor = '#000000';
			}
	thumb.setStyle('border','dotted 1px #ffffff');
	
	// position the caption and copyright divs, depending upon whether the image is portrait or landscape
	// the 550 measurement is a guess ;)
	if (w > 550){
		caption.setStyles({left: (w-220)+'px', top: '0px', zIndex: 1});
		copyright.setStyles({left: (w-220-248)+'px', top: '30px', zIndex: 1});
	} else {
		caption.setStyles({left: '18px', top: (h-36)+'px', zIndex: 1});
		copyright.setStyles({left: '18px', top: (h-126)+'px', zIndex: 1});
	}
	
	// add crop marks in correct place
	croptopright.setStyles({left: (w+4+248)+'px', opacity: 100});
	cropbottomright.setStyles({left: (w+4+248)+'px', top: (h+4)+'px', opacity: 100});
	cropbottomleft.setStyles({top: (h+4)+'px', opacity: 100});
	croptopleft.setStyle('opacity', 100);
	
	// set preload image
	thisImage = new Asset.image(root + thisPic, {id: 'myImage', title: 'myImage', onload: function(){
				
		// set caption fader
		var fadeCaption = new Fx.Style(caption, 'opacity', {wait: false, 'duration': 1200}).set(0);
		
		// set copyright fader
		var fadeCopyright = new Fx.Style(copyright, 'opacity', {wait: false, 'duration': 1200}).set(0);
				
		// set gallery fader
		var fadeCurrent = new Fx.Style(thisImage, 'opacity', {wait: false, 'duration': 700}).set(0);
				
		
		
		// insert preloaded image
		thisImage.injectInside('gallery');
		
		// fade image and caption
		fadeCurrent.start(1).chain(function(){
			fadeCaption.start(1).chain(function(){
				fadeCopyright.start(1);
				});
			});
		
			}
		});
}

/*function startContent(noOfPages) {
	var scroll = new Fx.Scroll('scrollcontent', {
		wait: false,	
		transition: Fx.Transitions.Quad.easeInOut
	});
		
	
	
	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page1');
		// this next bit needs tidying into a modular function
		var a = document.getElementById('thumbnailsNav').getElementsByTagName('img');
		for (x=0; x<a.length; x++) {
			a[x].src = "images/thumbnav-off.gif";
			}
		var b = document.getElementById('button1');
		b.src = "images/thumbnav-on.gif";
	});

	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page2');
		// this next bit needs tidying into a modular function
		var a = document.getElementById('thumbnailsNav').getElementsByTagName('img');
		for (x=0; x<a.length; x++) {
			a[x].src = "images/thumbnav-off.gif";
			}
		var b = document.getElementById('button2');
		b.src = "images/thumbnav-on.gif";
	});
	
	
	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('page3');
		// this next bit needs tidying into a modular function
		var a = document.getElementById('thumbnailsNav').getElementsByTagName('img');
		for (x=0; x<a.length; x++) {
			a[x].src = "images/thumbnav-off.gif";
			}
		var b = document.getElementById('button3');
		b.src = "images/thumbnav-on.gif";
	});
	
}*/

function thumbSetter(imgid){
	var a = document.getElementById('thumbnailsNavProduction').getElementsByTagName('img');
		for (x=0; x<a.length; x++) {
			a[x].src = "images/thumbnav-off.gif";
			}
		var b = document.getElementById(imgid);
		b.src = "images/thumbnav-on.gif";	
	
	
}