var main_image;
window.addEvent('domready', function() {
	main_image = $('main_pic');
	var thumbnoo = new Thumbnoo($$('img.thumbnoo'), {imagePrefix: '', thumbPrefix: 'thumb/', indicate: false});
	$('shop').addEvent('mouseover', function(){
	    fadeIn(shop_dropdown);
	});
});

function switchPicture (element) {
	var myEffect = new Fx.Morph(main_image, {duration: 'short', transition: Fx.Transitions.Sine.easeOut});
	myEffect.start({'opacity': [1, 0]}).chain(function(){            
			main_image.src = "images/product_galleries/" + element.id;  
			this.start({
				'opacity': [0, 1]
			});
	 })
}