var placeholderId = "placeholder";
var galleryId = "Gallery";
var imageGalleryId = "imageGallery";

function initialiseGallery()
{
	// find the image strip
	var imageStrip = document.getElementById(imageGalleryId);
	var images = imageStrip.getElementsByTagName("img");
	if (document.getElementById && document.getElementsByTagName)
	{
		for (var i = (images.length - 1); i >= 0; i--)
		{
			phase4_addEventListener(images[i], "click", showImage);
			var parentNode = images[i].parentNode; // should be an a tag
			//phase4_addEventListener(parentNode, "click", function() {return false;});
			parentNode.href = "javascript: void(0)";
			//var liElement = parentNode.parentNode;
			//liElement.insertBefore(images[i], parentNode);
			//parentNode.parentNode.removeChild(parentNode);
		}
	}
	// add the placeholder image element
	var placeholder = document.createElement("img");
	placeholder.id = placeholderId;
	placeholder.setAttribute("src", "images/photo-default.png");
	placeholder.setAttribute("alt", "Supplier Gallery");
	var gallery = document.getElementById(galleryId);
	gallery.appendChild(placeholder);
}


function showImage(evt)
{
	if (evt == undefined)
	{
		evt = event;
	}
	if (evt.stopPropagation)
	{
		evt.stopPropagation();
	}
	else 
	{
		evt.cancelBubble = true;
	}
	var source = evt.srcElement || evt.target;
	var placeholder = document.getElementById(placeholderId);
	var newHolder = document.createElement("img");
	newHolder.src = source.src;
	var id = placeholder.id;
	placeholder.parentNode.insertBefore(newHolder, placeholder);
	placeholder.parentNode.removeChild(placeholder);
	newHolder.id = id;
}


function phase4_addEventListener(node, eventName, handler)
{
	if (node.addEventListener)
	{
		node.addEventListener(eventName, handler, false);
	}
	else if (node.attachEvent)
	{
		node.attachEvent("on" + eventName, handler);
	}
	else
	{
		node["on" + eventName] = handler;
	}
}