var projectImages = [];
var currentImage = 0;

window.addEvent('domready', function() {
	var prevLink = $('previousLink')
	prevLink.setStyle('display', 'inline');
	prevLink.addEvent('click', prevImage);
	// prevLink.set('href', 'javascript:void(prevImage(););');
	
	var nextLink = $('nextLink');
	nextLink.setStyle('display', 'inline');
	nextLink.addEvent('click', nextImage);
	// nextLink.set('href', 'javascript:void(nextImage(););');
});

function setProjectImages(imagesArray) {
	projectImages = imagesArray.slice();
}

function nextImage(e) {
	e.stop();
	if(currentImage == projectImages.length - 1) {
		currentImage = 0;
	} else {
		currentImage++;
	}
	updateImage();
}

function prevImage(e) {
	e.stop();
	if(currentImage == 0) {
		currentImage = projectImages.length - 1;
	} else {
		currentImage--;
	}
	updateImage();
}

function updateImage() {
	$('mediaBrowser').getElement('img').set('src', projectImages[currentImage]);
}