﻿var image_preview=true;

function crazymoney() {
		
	var transparency_delay = 500;
	
	$$('a').each(function(el){
	
		el.addEvent('mouseover',function(){
		
			var rel = el.getAttribute('rel');
			var href = el.getAttribute('href');
			var alt = el.getAttribute('title');	
			var height = el.getTop() + 20;
			var width = el.getLeft() + 50;
			
			if(rel == "hoverpreview"){
			
				var b =document.body;
				var x = new Element('div');
				var txt = new Element('div');
				var Image = new Element('img');
	
				x.setStyle('visibility','hidden');
				x.setStyle('position','absolute');
				x.setStyle('color','#ffffff');
				x.setStyle('font-size','12px');
				x.setStyle('font-family','Arial');
				x.setStyle('padding','10px');
				x.setStyle('left',  width);
				x.setStyle('top', height );
				x.setStyle('background','#000000');
				x.setStyle('z-index','1000');
				x.setAttribute('id','imageover');
	
				Image.setAttribute('id','thumbnail');
				Image.src = href;
				Image.injectInside(x);
		
				txt.setStyle('padding','10px');
			  txt.setAttribute('id','imagetext');	
				
				if(alt != ""){ txt.innerHTML = alt; }
				
				txt.injectInside(x);
				
				x.injectInside(b);
				
				mynewEff =x.effect('opacity',{duration: transparency_delay, transition: Fx.Transitions.linear, wait: false }).start(0,1);
				
			}
	
		})
		
		el.addEvent('mouseout',function(){
			
			var c = document.body;	
			var rel = el.getAttribute('rel');
			
			if(rel == "hoverpreview"){
										
				var remo = $('imageover');
				c.removeChild(remo);
				
			}
			
		})

	return false;
	})

}

// portions of this are somewhat based on artViper link hover preview www.artviper.net licensed under GPL, consider this the source code