var Gallery = new Class({
});


Gallery.swapImage = function(event, newSrc)
{
	var source = event.srcElement || event.target;
	source = $(source);
	source.fade("out");
	source.setProperty("src", newSrc);
	source.fade("in");
}

window.addEvent("domready", function() {
	// get a list of the links in the gallery
	var list = $$("ul#gallery a");
	list.each(function(element) {
		// preload hte image
		var tmp = new Element("img");
		tmp.setProperty("src", element.href);
		element.addEvent("mouseover", function(event) {
			var source = this;
			var displayArea = $("photoContainer");
			// get the first image and fade it out
			var img = displayArea.getFirst("img");
			if (img)
			{
				img.fade("out");
			}
			var img = new Element("img");
			img.setProperty("src", element.getProperty("href"));
			img.setProperty("width", "100%");
			img.setProperty("height", "100%");
			img.setProperty("border", "0");
			img.setStyle("opacity", "0");
			displayArea.erase("html");
			img.inject(displayArea);
			img.fade("in");
			return false;
		});
	});
});


window.addEvent("load", function() {
	// get the first element
	var firstItem = $$("ul#gallery a");
	firstItem = firstItem[0];
	firstItem.fireEvent("mouseover");
});