// JavaScript Document
window.addEvent('domready', function(){

	shirts = $$("#s_wrapper .shirts li");
	shirts.each(function(el, i){
		el.setStyle('cursor', 'pointer');						 
		el.addEvents({
					 'mouseenter':function(){
						var img = el.getElement('img').clone().addClass('cloned');			
						img.set({'id': 'service_img_' + i, 'src':'/modules/service/service' + (i+1) + '.png'});						
						$$('#s_wrapper .info').adopt(img);
						$('service_img_' + i).morph({opacity: 0.999, left: 40, top: 75, width:'200%', height:'200%'});						
					},
					'mouseleave': function(){
						$('service_img_' + i).set('morph', {onComplete: function(){$('service_img_' + i).dispose();}});
						$('service_img_' + i).morph({opacity: 0, left: 0, top: 0, width:'100%', height:'100%'});
					}
		});	
	});
	
});