// JavaScript Document


window.addEvent('domready', function(){
		
	var options = { transition: Fx.Transitions.Elastic.easeOut, duration: 1000 };
	var heightStyles = {};
	var topStyles = {};

	var counter = 0;

	$$('#dynamicImages div div div div div').each(function(d)
	{
			var id = d.getElement('img').src;
		
			heightStyles[id] = new Fx.Style(d, 'height', options);
			topStyles[id] = new Fx.Style(d, 'top', options);
			
			window.setTimeout(function()
			{
				new Fx.Style(d, 'height', options).start('97px', '30px');
				new Fx.Style(d, 'top', options).start('0px', '73px');
			}, counter += 500);
			
			d.addEvent('mouseenter', function(e) {
				new Event(e).stop();
				
				heightStyles[id].start('97px');
				topStyles[id].start('5px');
			});
			
			d.addEvent('mouseleave', function(e) {
				new Event(e).stop();
				
				window.setTimeout(function()
				{
					heightStyles[id].start('30px');
					topStyles[id].start('72px');
				}, 1000);
			});
	});
	
	//var images = new RoundedCorners('#dynamicImages img' , {overlay: true, radius: 20, cls: 'image'});
	
});