Event.observe(window, 'load', function() {
	product_images = $$('.product-essential .product-image img');
	product_button = $$('.product-essential .more-views a');
	product_button.each(function(s,i){
		s.observe('mouseover', mouseOver);
	});
});

function mouseOver(event) {
  var element = Event.element(event);
  product_button.each(function(s,i){
  	s.removeClassName("num_on");
  });
  element.addClassName("num_on");
  j = parseInt(element.innerHTML)-1;
  product_images.each(function(s,i){
  	if(i == j){
		s.setStyle({
			display: 'block'
		});
	} else {
		s.hide();
	}
  });
}