document.write("<style type=\"text/css\">div#product div#images li.image { display: none; } div#product div#images li#img0 {display: block; }</style>");

function show_item(id_str) {
	Array.each($('images').getElements('li'), function (el, i) {
		var thisclass = el.get('class').split(" ");
		if(thisclass[0] == 'image') {
			el.style.display = 'none';
			document.id('thm'+el.get('id').substring(3)).removeClass('active');
		}
	});
	var x = document.getElementById(id_str);
	if(x) {
		x.style.display = 'block';
		document.id('thm'+id_str.substring(3)).addClass('active');
	}
}

window.addEvent('domready', function () {
	var thumbnails = $('thumbnails');
	if(thumbnails && document.id('thm0')) {
		thumbnails.getElements('li a').each( function(a, i) {
			a.addEvent('click', function(e) {
				e.stop();
				show_item(this.get('href').substring(1));
			});
		});
		document.id('thm0').addClass('active');
	}
});