window.addEvent('domready', function() {

	/*** Elastic/liquid effect from AllPayMedia.com and MooTools.net ***/

	var liquids = $$('#liquid .liquid');
	var fx = new Fx.Elements(liquids, {wait: false, duration: 200, transition: Fx.Transitions.quadOut});

	liquids.each(function(liquid, i)
	{
		liquid.addEvent('mouseover', function(e)
		{
			e = new Event(e).stop();
			var obj = {};
			obj[i] = { 'width': [liquid.getStyle('width').toInt(), 280] };

			liquids.each(function(other, j)
			{
				if (other != liquid)
				{
					var w = other.getStyle('width').toInt();
					if (w != 125) obj[j] = {'width': [w, 125]};
				}
			});
			fx.start(obj);
		});
	});

	document.addEvent('mouseover', function(e){
		e = new Event(e);
		var rel = e.relatedTarget;
		if (!rel) return;
		if (rel.hasClass && (rel.hasClass('liquids') || rel.hasClass('liquid') || rel.id == 'liquid')){
			var obj = {};
			liquids.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 178]};
			});
			fx.start(obj);
		};
	});

});