var LastTitle = '';
function screenshotPreview() {	
	var xOffset = 30;
	var yOffset = 40;
	$("a.screenshot").hover(function(e) {	
		$("#screenshot").remove();
		LastTitle = this.title;
		$(this).attr('title',"");	
		var c = (LastTitle != "" ? "<span><br />" + LastTitle + "</span>" : "");
		$("body").append("<p id='screenshot'><img src='"+ $(this).attr('rel') +"' alt='Náhled...' /> <img class='loader_img' src='/templates/svet-kadernictvi/css/images/slimbox-loading.gif' border='0' alt='Náhled...' />"+c+"</p>");
		
		$('#screenshot img:not(.loader_img)').hide();
		var beginLoading = true;
	    $('#screenshot .loader_img').hide();
	    setTimeout(function(){ if (beginLoading) { $('#screenshot .loader_img').show(); }  },50);
		$('#screenshot .loader_img').css('margin','20px 0')
		$('#screenshot img:not(.loader_img)').load(function() {
			beginLoading = false;
	        $('#screenshot .loader_img').hide();
			$('#screenshot img:not(.loader_img)').show();
	    });	
									 
		$("#screenshot").show().hide().css("z-index",70);
		
		if ((window.innerHeight - (e.pageY - $(window).scrollTop() + $("#screenshot").height()) - yOffset) < 0) {
			$("#screenshot").css("top", (e.pageY - $("#screenshot").height() - yOffset) + "px");
		}
		else {
			$("#screenshot").css("top",(e.pageY + yOffset) + "px");		
		}
		
		if ((window.innerWidth - e.pageX - $("#screenshot").width() - xOffset*2) < 0) {
			$("#screenshot").css("right", (window.innerWidth-e.pageX + xOffset) + "px");
			$("#screenshot").css("left","");		
		}
		else {
			$("#screenshot").css("left",(e.pageX + xOffset) + "px");	
			$("#screenshot").css("right","");			
		}		
									 
		$("#screenshot").fadeIn();	
							
    },
	function(){
		if (LastTitle) $(this).attr('title',LastTitle);	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){	
		if ((window.innerHeight - (e.pageY - $(window).scrollTop() +  $("#screenshot").height()) - yOffset) < 0) {
			$("#screenshot").css("top",(e.pageY -  $("#screenshot").height() - yOffset) + "px");
		}
		else {
			$("#screenshot").css("top",(e.pageY + yOffset) + "px");		
		}
		
		if ((window.innerWidth - e.pageX - $("#screenshot").width() - xOffset*2) < 0) {
			$("#screenshot").css("right", (window.innerWidth-e.pageX + xOffset) + "px");
			$("#screenshot").css("left","");	
		}
		else {
			$("#screenshot").css("left",(e.pageX + xOffset) + "px");		
			$("#screenshot").css("right","");	
		}	
		
	});			
}

// starting the script on page load
$(document).ready(function(){
	screenshotPreview();
});