$(document).ready(function(){

	$('body').append('<div id="div_image" style="display: none; position: absolute; background-color: white; padding: 10px; border: 1px solid gray;"></div>');

	$("a").each(function() {
	var ohr="" + $(this).attr("href");

	//alert(ohr.indexOf(".jpg"));
	
		if(ohr.indexOf(".jpg")>=0) {
			//var ohr=$(this).attr("href");
			$(this).attr("href", "javascript:;");
			$(this).attr("target", "");
			$(this).click(function() {
			showImage(ohr);
		});
		}
	
	});

});

function showImage(ohr) {
$("#div_image").html('<img id="img_image" src="' + ohr + '" align="absmiddle" onclick="hideImage();" onload="resizeDiv();" /><div style="font-size: 10px; color: gray; padding-top: 5px;">Sulje kuva klikkaamalla sit&auml;</div>');
$("#div_image").css("top", "-5000px");
$("#div_image").css("display", "");

//$("#div_image").fadeIn();

//$("#div_image").css("display", "");
//alert($("#img_image").width());
}

function resizeDiv() {

var pleft = ($(window).width() - $("#img_image").width() - 20) / 2;
$("#div_image").css("left", pleft + "px");
$("#div_image").hide();
$("#div_image").css("top", $(window).scrollTop() + 20 + "px");
$("#div_image").fadeIn();


}

function hideImage() {

$("#div_image").fadeOut();

}

function openImage(img) {

	showImage(img);

}