window.addEvent('domready', function() {
	var groups = $$('.trip-group');
	for (var i=0; i<groups.length; i++)
	{
		moveBg( groups[i] );
	}

	function moveBg( obj )
	{
		obj.x = obj.getSize().x;
		obj.span = obj.getElement('span');
		obj.span.setStyle('background-position', 0);
		obj.fx = new Fx.Morph(obj.span, { 'duration': 400, 'link': 'cancel', 'transition': Fx.Transitions.Circ.easeOut } );
		obj.addEvent('mouseenter', function(obj) {
			obj.fx.start({
				'padding-left': 0,
				'padding-right': 30,
				'background-position': obj.x - 56
			});
			return false;
		}.pass(obj) );
		obj.addEvent('mouseleave', function(obj) {
			obj.fx.start({
				'padding-left': 30,
				'padding-right': 0,
				'background-position': 0
			});
			return false;
		}.pass(obj) );
	}
} );