document.observe('dom:loaded', function(event) {
	$$('a.image').each(function(elem) {

		var img = new Element('img', { src:elem.href });
		
		$$('body')[0].insert(img);
		img.setStyle({
			background: '#FFF',
			border: '1px solid #000',
			display: 'none',	
			position: 'absolute',
			padding: '10px'
		});
		
		elem.observe('mouseover', function(event) {
			event.stop();
			var offset = elem.positionedOffset();
			var top = offset.top - img.getHeight() / 2 + elem.getHeight() / 2;
			var left = offset.left - img.getWidth() - 10;
			img.setStyle({
				left: left  + 'px',
				top: top  + 'px'	
			});
			img.show();
		});
		
		elem.observe('mouseout', function(event) {
			event.stop();
			img.hide();
		});
	});
});