/* Note to anyone reading: I would like to use some sort of javascript library (YUI maybe?) but am still beginning w/ javascript so this will do me for now! */

/* Add Event function taken from http://www.dustindiaz.com/rock-solid-addevent/ */

function addEvent( obj, type, fn ) {
	if (obj.addEventListener) {
		obj.addEventListener( type, fn, false );
		EventCache.add(obj, type, fn);
	}
	else if (obj.attachEvent) {
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
		EventCache.add(obj, type, fn);
	}
	else {
		obj["on"+type] = obj["e"+type+fn];
	}
}

/*	EventCache Version 1.0
	Copyright 2005 Mark Wubben

	Provides a way for automagically removing events from nodes and thus preventing memory leakage.
	See <http://novemberborn.net/javascript/event-cache> for more information.
	
	This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>
*/
	
var EventCache = function(){
	var listEvents = [];
	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function(){
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				};
				item[0][item[1]] = null;
			};
		}
	};
}();

/* add Array.push if needed (ie5) */
if(Array.prototype.push == null){
	Array.prototype.push = function(){
		for(var i = 0; i < arguments.length; i++){
			this[this.length] = arguments[i];
		};
		return this.length;
	};
};

function doThumbs(){
		if(!document.getElementById('thumbs')){ return; }
		var holder = document.getElementById('thumbs');
		var listItems = holder.getElementsByTagName('li');
		var thumbs = holder.getElementsByTagName('img');
		var links = holder.getElementsByTagName('a');
		var toHide = listItems[0];
		toHide.style.display = 'none';
		for(i=0;i<thumbs.length;i++){
			links[i].onclick = function(){
				return false;
			}
			thumbs[i].onclick = function(){
				var toSwap = document.getElementById('mainimage');
				var newImage = this.parentNode.href;
				toSwap.src = newImage;
				for(i=0;i<listItems.length;i++){
					listItems[i].style.display = '';
				}
				var newHide = this.parentNode.parentNode;
				newHide.style.display = 'none';
			}
		}
	}
	
addEvent(window,'load',doThumbs);
addEvent(window,'unload',EventCache.flush);