// JavaScript Document
window.addEvent('domready', function() {
									 
var i=1
for (i=1;i<=10;i++)
{									 
var el = $('but_'+i),color = el.getStyle('backgroundColor');
el.set('morph', {duration: 200});

	// We are setting the opacity of the element to 0.5 and adding two events
	$('but_'+i).set('opacity', 1).addEvents({
		mouseenter: function(){
			// This morphes the opacity and backgroundColor
			this.morph({
				'margin-left': '5px',
				'margin-right': '-5px'
			});
		},
		mouseleave: function(){
			// Morphes back to the original style
			this.morph({
				'margin-left': '0px',
				'margin-right': '0px'
			 
				});
		}
	});
}
		
});