$(document).ready(function(){

	$("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(id, text) {
        //alert(id);
        if ($("#div_image").length == 0) {
        
            $("body").append("<div id='div_image' style='padding: 20px; z-index: 9999; position: absolute; background-color: black; border: 1px solid gray; display: none;' onclick='hideImage();'></div>");
            $("body").append("<div id='div_image_back' style='z-index: 9998; position: absolute; background-color: black; top: -20px; left: -20px;' onclick='hideImage();'>&nbsp;</div>");

        }

        
        $("#div_image").html('<img id="img_image" src="' + id + '" align="absmiddle" onclick="hideImage();" onload="resizeDiv();" /><div style="font-size: 12px; color: black; padding-top: 10px; padding-bottom: 10px;" id="div_text">Sulje kuva klikkaamalla sitä.</div>');
        $("#div_image").css("top", "-5000px");
        $("#div_image").css("display", "");
        
    }

    function resizeDiv() {

        $("#div_image_back").fadeTo("fast", 0.01, function() {
            $("#div_image_back").css("left", "0px");
            $("#div_image_back").css("width", $(window).width() + "px");
            $("#div_image_back").css("top", "0px");

            var maxHeight = 0;
            maxHeight = $(window).height();

            if ($(document).height() > maxHeight) maxHeight = $(document).height();

            $("#div_image_back").css("height", maxHeight + "px");
            $("#div_image_back").fadeTo("fast", 0.80, function() {

                var pleft = ($(window).width() - $("#img_image").width() - 20) / 2;
                $("#div_text").css("width", $("#img_image").width() + "px");
                $("#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();
        $("#div_image_back").fadeTo("fast", 0.01, function() {

        $("#div_image_back").css("left", "-10px");
        $("#div_image_back").css("width", 1 + "px");
        $("#div_image_back").css("height", 1 + "px");
        $("#div_image_back").css("top", "-10px");


        });

    }

function openImage(id) {
showImage(id,'');
}