/* 
 	   NOTES:
		 * The gallery_images list is the only thing you need to edit
		 * The first image in the list should be the one on the front page
		 * Be very careful with the punctuation
		 * Make the filename of the small image the same as the big one
		 * DON"T put a comma after the last image in the list, only between images
		 * If you need an apostrophe in the image title, use a backslash: 'it\'s a nice day'
*/

gallery_images = new Array(
	{ 
	  'image':      'hat-scarf.png',
	  'title':      'Hat and Scarf',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'blonde.png',
	  'title':      'Blonde',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'green-check.png',
	  'title':      'Green Check',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'hibiscus.png',
	  'title':      'Hibiscus',
	  'dimensions': '73cm x 54cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'pink-dress.png',
	  'title':      'Pink Dress',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'port-stephens.png',
	  'title':      'Port Stephens',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'red-skirt.png',
	  'title':      'Red Skirt',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'manly.png',
	  'title':      'Manly',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'reflections.png',
	  'title':      'Reflections',
	  'dimensions': '86cm x 42cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'retired.png',
	  'title':      'Retired',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'sarong.png',
	  'title':      'Sarong',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'three-looking.png',
	  'title':      'Three Looking to See',
	  'dimensions': '54cm x 73cm',
	  'price':      '$150'
	},
	{ 
	  'image':      'yellow-bucket.png',
	  'title':      'Yellow Bucket',
	  'dimensions': '54cm x 36cm',
	  'price':      '$75'
	},
	{ 
	  'image':      'sandcastles.png',
	  'title':      'Building Sand Castles',
	  'dimensions': '54cm x 36cm',
	  'price':      '$75'
	}	
); 


currentImageNumber = 0;

function rotateImages( direction ){
	// do different things depending on whether it's next or previous
	if(direction == 'forward'){
		newImageNumber = currentImageNumber + 1;
	}else{
		newImageNumber = currentImageNumber - 1;
	}	
	// figure out the new numbers
	newImageNumber =       rationalise( newImageNumber );     // rationalise() means 'don't try to go past the end of the list,
	nextImageNumber =      rationalise( newImageNumber + 1 ); // or before the start, loop around instead
	previousImageNumber =  rationalise( newImageNumber - 1 );
	// update the page
	
	// make the main image change
	document.getElementById('main-img').src = 'media/prints/' + gallery_images[ newImageNumber ]['image']; 
	
	// make the caption change
	document.getElementById('caption').innerHTML = '<h1>' + gallery_images[ newImageNumber ]['title'] + '</h1>' 
	  + '<p>' + gallery_images[ newImageNumber ]['dimensions']+ '</p>' 
	  + '<p>' + gallery_images[ newImageNumber ]['price'] + '</p>';
	  
	// make the nav change
	document.getElementById('thumbnail-next').src = 'media/prints/small/' + gallery_images[ nextImageNumber ]['image'];
	document.getElementById('thumbnail-previous').src = 'media/prints/small/' + gallery_images[ previousImageNumber ]['image'];
	
	// save the value of the image we're now on
	currentImageNumber = newImageNumber;
}

function rationalise( inputNumber ){
	if(inputNumber < 0 ){ // trying to go too far back
		return  (gallery_images.length - 1) 
		} else if( inputNumber == gallery_images.length ){ // trying to go too far forward
			return  0 
			}else{ // no change needed
				return inputNumber
	}
}