// Global vars
var thumbs = new Array();

// Hook into document
Event.observe(window, 'load', initDocument, false);

// Initialize document functions
function initDocument() {
	// Init Lightbox
	initLightbox();
	
	// Init hover
	initHover();
}

// Initialize thumbnail hovers
function initHover() {
	// Return if class based element retrieval is not supported
	if (!document.getElementsByClassName){ return; }
	
	// Pre-load thumbnail images and loop through to attach event handlers
	var images = document.getElementsByClassName('thumb');
	for (var i=0; i<images.length; i++) {
		// Pre-load thumbnails
		var rel = images[i].getAttribute("rel");
		thumbs[rel] = new Array();
		thumbs[rel]['over'] = new Image();
		thumbs[rel]['over'].src = "images/products/bim/thumbs/clear/thumb" + rel + ".gif";
		thumbs[rel]['out'] = new Image();
		thumbs[rel]['out'].src = "images/products/bim/thumbs/shaded/thumb" + rel + ".gif";

		// Attache event handlers
		Event.observe(images[i], 'mouseover', toggleThumbState, false);
		Event.observe(images[i], 'mouseout', toggleThumbState, false);
		Event.observe(images[i], 'click', toggleThumbState, false);
	}
}

function toggleThumbState(event) {
	var thumb = Event.element(event);
	var rel = thumb.getAttribute("rel");
	
	if (event.type.indexOf("mouseover") != -1) {
		thumb.src = thumbs[rel]['over'].src;
	} else {
		thumb.src = thumbs[rel]['out'].src;
	}
}