document.observe('dom:loaded', function() {

	$$('.imageViewer ul').invoke('removeClassName', 'hidden');
	$$('.imageViewer ul li').each(function(elem) {
		if (!elem.hasClassName('active')) {elem.setOpacity(0.5); }
		elem.observe('mouseover', function(event) {
			event.stop();
			elem.setOpacity(1.0);
		});
		elem.observe('click', function(event) {
			event.stop();
			$$('.imageViewer ul li').invoke('setOpacity', 0.5).invoke('removeClassName', 'active');
			elem.setOpacity(1.0).addClassName('active');
			$$('.imageViewer .mainImage')[0].src = elem.down('img').src.replace('-thumb', '');
		});
		elem.observe('mouseout', function(event) {
			event.stop();
			if (!elem.hasClassName('active')) {elem.setOpacity(0.5); }
		});
	});
	
});

function clear(elem) {
	elem.setOpacity(0.5);
}