/**
 *
 *
 *	Einbauanleitung:
 *		<a href="http://www.example.de" class="thumbshot" title="Titel des Links">Link Text</a>
 *
 *	CSS:
 #thumbshot{
	position:absolute;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 5px 7px 7px rgba(194, 194, 194, 0.3);
	-moz-border-radius:5px; 
	-moz-box-shadow: 5px 7px 7px rgba(194, 194, 194, 0.3);
	width:120px;  
	}
 
 */
 
this.thumbshotViewer = function(){	
 	xOffset =  15;
	yOffset = -15;
		
	 
	 
	$("a.thumbshot").hover(function(e){
		this.thumbshot_url = 'http://thumbshots.cmn-srv04.de/thumb.php?url='+this.href;
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='thumbshot'><img src='"+ this.thumbshot_url +"' alt='website preview' width='120' height='90' />"+ c +"</p>");								 
		$("#thumbshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#thumbshot").remove();
    });	
	$("a.thumbshot").mousemove(function(e){
		$("#thumbshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	});			
};
 
$(document).ready(function(){
	thumbshotViewer();
});