﻿var pointer = 0;

function previousImage() {
	document.getElementById('return').innerHTML = '';
	if(pointer > 0) {
		var content = document.getElementById('galleryContent');
		var totalItems = content.childNodes.length;
		var newPointer = pointer - 1;
		var displayedImage = document.getElementById('displayedImage');
		displayedImage.innerHTML = ''
		if(content.childNodes[newPointer].childNodes[3].innerHTML.length > 0) {
			displayedImage.innerHTML = '<a href="'+content.childNodes[newPointer].childNodes[3].innerHTML+'" target="_blank"><img src="'+content.childNodes[newPointer].childNodes[1].innerHTML+'" alt="'+content.childNodes[newPointer].childNodes[0].innerHTML+'" border="0"></a>';
		} else {
			displayedImage.innerHTML = '<img src="'+content.childNodes[newPointer].childNodes[1].innerHTML+'" alt="'+content.childNodes[newPointer].childNodes[0].innerHTML+'" border="0">';
		}
		var msg = document.getElementById('msg');
		msg.innerHTML = content.childNodes[newPointer].childNodes[2].innerHTML;
		pointer = newPointer;

		if((newPointer+1) < totalItems) {
			var next = document.getElementById('next');
			next.innerHTML = '<a href="#" onclick="nextImage(); return false;"><img src="templates/images/next.gif" width="86" height="22" alt="Next" border="0"></a>';
		}
		if(newPointer == 0) {
			var previous = document.getElementById('previous');
			previous.innerHTML = '';
		}
	}
}

function nextImage() {
	document.getElementById('return').innerHTML = '';
	var content = document.getElementById('galleryContent');
	var totalItems = content.childNodes.length;
	var newPointer = pointer + 1;
	if(newPointer < totalItems) {
		var displayedImage = document.getElementById('displayedImage');
		displayedImage.innerHTML = ''
		if(content.childNodes[newPointer].childNodes[3].innerHTML.length > 0) {
			displayedImage.innerHTML = '<a href="'+content.childNodes[newPointer].childNodes[3].innerHTML+'" target="_blank"><img src="'+content.childNodes[newPointer].childNodes[1].innerHTML+'" alt="'+content.childNodes[newPointer].childNodes[0].innerHTML+'" border="0"></a>';
		} else {
			displayedImage.innerHTML = '<img src="'+content.childNodes[newPointer].childNodes[1].innerHTML+'" alt="'+content.childNodes[newPointer].childNodes[0].innerHTML+'" border="0">';
		}
		var msg = document.getElementById('msg');
		msg.innerHTML = content.childNodes[newPointer].childNodes[2].innerHTML;
		pointer = newPointer;
	}
	if((newPointer+1) == totalItems) {
		var next = document.getElementById('next');
		next.innerHTML = '';
		var returnElement = document.getElementById('return');
		returnElement.innerHTML = '<a href="index.php?pageID=55"><img src="templates/images/back.gif" width="128" height="21" alt="Back to recent work" border="0"></a>';
	}
	if(newPointer > 0) {
		var previous = document.getElementById('previous');
		previous.innerHTML = '<a href="#" onclick="previousImage(); return false;"><img src="templates/images/previos.gif" width="94" height="22" alt="Previous" border="0"></a>';
	}
}
