$(function(){
        var loading = 'http://temog.info/wp-content/uploads/img_loading.gif';
        $("body").append('<style type="text/css">#temog_img {z-index:999;position:absolute;'+
            'top:0px;left:0px;padding:0px;'+
            'border: 1px solid #cccccc;background-color:white;display:none;cursor:move;'+
            'box-shadow:5px 5px 10px #333;'+
            '-webkit-box-shadow: 5px 5px 10px #333;'+
            '-moz-box-shadow: 5px 5px 10px #333;'+
            '}'+
            '#temog_img_title {background-color:#333333;color:white;display:block;'+
            'padding:5px 0px 5px 5px;'+
            '}</style>');

        $("body").append('<div id="temog_img"><div id="temog_img_title">no title</div>' +
            '<img src="' + loading + '"></div>');
        $("#temog_img").draggable();
        $("#temog_img > img").dblclick(function(event){
            $("#temog_img").css("display", "none");
        });

        $("a[href$='.jpg'], a[href$='.png'], a[href$='.gif']").each(function(){
            //set image css
            $(this).children().css("border","1px solid #cccccc").css("margin","5px 0px 5px 0px");
            //set image event
            $(this).click(function(event){
                event.preventDefault();
                $("#temog_img > img").attr("src", loading);
                var posi = $(this).position();
                $("#temog_img").hide().css("top", posi.top+"px").css("left", posi.left+200+"px").fadeIn("slow");
                $("#temog_img > img").attr("src", $(this).attr("href"));
                //a > img の title を セット
                $("#temog_img_title").text($(this).children().attr("title"));
                if($("#temog_img_title").text() == ''){
                    $("#temog_img_title").text('no title');
                }
                //img の title にダブルクリックで消せることをセット
                $("#temog_img > img").attr("title", "ダブルクリックで消えます");

            });
        });
});