window.addEvent('domready', function(){
	$$('.link-banner').each(function(element){
		var overlay1 = element.getChildren()[0];
		var overlay2 = element.getChildren()[2];
		var hover = element.getChildren()[3];
		hover.setStyles({
			'left': element.getChildren()[1].getPosition().x,
			'top': element.getChildren()[1].getPosition().y,
			'width': element.getChildren()[1].getCoordinates().width,
			'height': element.getChildren()[1].getCoordinates().height
		});
		overlay1.set('morph', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
		overlay2.set('morph', { duration: 500, transition: Fx.Transitions.Sine.easeOut });
		overlay1.setStyles({ 'width': 0, 'height': hover.getCoordinates().height, 'left': hover.getCoordinates().left, 'top': hover.getCoordinates().top, 'opacity': 0.08 });
		overlay2.setStyles({ 'width': 0, 'height': hover.getCoordinates().height, 'left': hover.getCoordinates().right, 'top': hover.getCoordinates().top, 'opacity': 0.08 });
		var total_width = hover.getCoordinates().width;
		hover.addEvents({
			'mouseenter': function(){
				overlay1.morph({ 'width': total_width / 2 });
				overlay2.morph({ 'width': total_width / 2, 'left': hover.getCoordinates().right-(total_width / 2) });
			},
			'mouseleave': function(){
				overlay1.morph({ 'width': 0 });
				overlay2.morph({ 'width': 0, 'left': hover.getCoordinates().right });
			}
		});
	});
});