// JavaScript Document

function setPrimaryPicture(imagePath, imageWidth, imageHeight) {
	document.getElementById('PrimaryPicture').src= imagePath;
	document.getElementById('PrimaryPicture').width = imageWidth;
	document.getElementById('PrimaryPicture').height = imageHeight;
}

function swapImageSet(fromImageSet, newImageSet, totalSets) {
	// Determine the next and previous sets
	var previousSet = newImageSet-1 < 0 ? totalSets : newImageSet-1;
	var nextSet = newImageSet+1 > totalSets ? 0 : newImageSet+1;
	
	// Change the Left Arrow link
	document.getElementById('LeftArrow').onclick = function() {swapImageSet(newImageSet, previousSet, totalSets)}
	
	// Change the Right Arrow link
	document.getElementById('RightArrow').onclick = function() {swapImageSet(newImageSet, nextSet, totalSets)}
	
	// Hide the current set
	document.getElementById('Set' + fromImageSet).style.display = 'none';
	
	// Show the new set
	document.getElementById('Set' + newImageSet).style.display = '';
}