/*
 * Tooltip script showing always in free space on the monitor.
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * modified by Sascha Grebe (http://www.isogmbh.de/)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
this.getToolTipX = function(e, elemWidth){
	var xOffset = 20;
	var innerX = $(window).width() + $(window).scrollLeft();
	var innerY = $(window).height() + $(window).scrollTop();
	var posX = e.pageX;
	posX = (innerX <= posX + elemWidth ? e.pageX - elemWidth - xOffset : posX + xOffset);
	return posX;
}
this.getToolTipY = function(e, elemHeight){
	var yOffset = -10;
	var innerX = $(window).width() + $(window).scrollLeft();
	var innerY = $(window).height() + $(window).scrollTop();
	var posY = e.pageY + yOffset;
	posY = (innerY <= posY + elemHeight ? e.pageY - elemHeight - yOffset : posY + yOffset);
	return posY;
}
this.screenshotPreview = function(){
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		
		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top", getToolTipY(e, 241) + "px")
			.css("left", getToolTipX(e, 326) + "px")
			.css("position", "absolute")
			.css("z-index", "7000")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top", getToolTipY(e, 241) + "px")
			.css("left", getToolTipX(e, 326) + "px");
	});			
};
this.toolTip = function(){
	$("a.toolTip").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		
		$("body").append("<p id='toolTip'>"+ this.rel +"</p>");								 
		$("#toolTip")
			.css("top", getToolTipY(e, 69) + "px")
			.css("left", getToolTipX(e, 293) + "px")
			.css("position", "absolute")
			.css("z-index", "7000")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;	
		$("#toolTip").remove();
    });	
	$("a.toolTip").mousemove(function(e){
		$("#toolTip")
			.css("top", getToolTipY(e, 69) + "px")
			.css("left", getToolTipX(e, 293) + "px");
	});			
};
// starting the script on page load
$(document).ready(function(){
	screenshotPreview();
	toolTip();
});