﻿function ShowFullImage(id)
{
	var ModalClip 	= $("#image-preview-clip");
	if(ModalClip.length==0)
	{
		ModalClip = $("<div>").attr("id","image-preview-clip").css({
			"opacity":0.5,
			"display":"none",
			"position":"absolute",
			"zIndex": 900,
			"width": $(document).width(),
			"height":$(document).height(),
			"top":0,
			"left":0,
			"cursor":"pointer",
			"background":"#000000"
		}).bind("click", function(){$("#image-preview").hide(); $("#image-preview-clip").hide()});
		$("BODY").append(ModalClip);
	}

	var Modal = $("#image-preview");
	if(Modal.length==0)
	{
		Modal = $("<img>").attr("id","image-preview").css({
			"display":"block",
			"position":"absolute",
			"zIndex": 950,
			"top":50,
			"left":"auto",
			"cursor":"pointer",
			"border":"solid 10px #00adef"
		}).bind("click", function(){$("#image-preview").hide(); $("#image-preview-clip").hide()});
		$("BODY").append(Modal);
	}	
	Modal.attr("src", "/GetThumbNail.aspx?q=100&w=640&h=480&id_file=" + id).bind("load", function(){
		ModalClip.show();
		var SW = $(document).scrollLeft();
		var SH = $(document).scrollTop();
		var CW = $(window).width();
		var CH = $(window).height();

		var LP = SW + parseInt((CW-Modal.width())/2);
		var TP = SH + parseInt((CH-Modal.height())/2);
		Modal.css({"top": TP, "left": LP})
		Modal.show();
	});

};