/// <reference path="jquery-1.4.2.js"/>

jQuery.fn.showImage = function(imgUrl) {

	return $(this).click(function() {
		if ($('.overlay', 'body').size() == 0) {
			$('body').append('<div id="citxrm_overlay"/><div id="citxrm_dialog"><div class="closeicon">Lukk</div><img/></div>');
			var overlay = $('#citxrm_overlay', 'body').hide();
			var dialog = $('#citxrm_dialog', 'body').hide();
			var img = $('img', dialog);
			img.attr('src', imgUrl);
			$(overlay).fadeTo(500, 0.55);
			$(dialog).fadeIn();

			$(overlay).click(function() { close(); });
			$('.closeicon', dialog).click(function() { close(); });
			
			/*
			// --- Code to center content ---
			var topPos = (document.documentElement.clientHeight / 2) + document.documentElement.scrollTop - 50;
			var leftPos = (document.documentElement.clientWidth / 2) + document.documentElement.scrollLeft - 200;
			$(dialog).css('position', 'absolute');
			$(dialog).css('top', topPos + 'px');
			$(dialog).css('left', leftPos + 'px');
			*/
		}

		function close() {
			$(overlay).remove();
			$(dialog).remove();
		};
	});
};