var currentImageId;

function UpdateImage(ImageID) {
	var largeImage = document.getElementById("largeImageContainer");
	var title = document.getElementById("ImageTitle");
	var description = document.getElementById("ImageDescription");
	currentImageId = ImageID;
	
	if (largeImage) {
		if (!jsImages[ImageID].image.src) {
			jsImages[ImageID].image.src = jsImages[ImageID].path;
		}
		
		largeImage.src = jsImages[ImageID].image.src;
	}
	
	if (title) {
		ClearElement(title);
		title.appendChild(document.createTextNode(jsImages[ImageID].title));
	}
	
	if (description) {
		ClearElement(description);
		description.appendChild(document.createTextNode(jsImages[ImageID].description));
	}
}

function ClearElement(elem) {
	while (elem.childNodes.length > 0) {
		elem.removeChild(elem.firstChild);
	}
}

function LargeImageClicked() {
	var imageFound = false;
	var firstImageId = null;

	for (entry in jsImages) {
		//alert(entry);
		if (firstImageId == null) {
			firstImageId = entry;
		}
		
		if (imageFound) {
			UpdateImage(entry);
			return;
		}
		
		if (entry == currentImageId) {
			imageFound = true;
		}
	}
	
	//alert("Past!");
	
	if (imageFound && firstImageId != null) {
		UpdateImage(firstImageId);
	}
}