$(document).ready(function(){

  $(".zoomie_thumb").click(function() {
    var zoomie = $(this).parent("DIV.zoomie");
    var content = $(zoomie).children("DIV.zoomie_content");
    var thumb = $(this);
    var title = content.attr('title');

    $('body').append('<div id="screenoverlay" onclick="zoomieClose();"></div>');
    $(content).append('<div class="zoomie_control"><div>'+ title +'</div><a href="javascript:;" onclick="zoomieClose();">закрыть</a></div>');
    //$(content).show("normal");
    zoomieSetPosition(content);
  });


  zoomieClose = function () {
    $("DIV.zoomie_content").hide();
    $("DIV.zoomie_control").remove();
    $("#screenoverlay").remove();
  };


  zoomieSetPosition = function (div) {

    var boxWidth  = $(div).width();
    var boxHeight = $(div).height();

    if (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)
      var ie6 = true;
    else
      var ie6 = false;

    var iebody = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body

    var dsocleft = document.all ? iebody.scrollLeft : pageXOffset
    var dsoctop  = document.all ? iebody.scrollTop : pageYOffset

    var screenWidth  = document.all ? iebody.clientWidth  : window.innerWidth;
    var screenHeight = document.all ? iebody.clientHeight : window.innerHeight;

    var xPos = (screenWidth  - boxWidth)  * 0.5;
    var yPos = (screenHeight - boxHeight) * 0.5;

    if (ie6) {
      $(div).css({top: (yPos + dsoctop), left: xPos, position: 'absolute'});
      $("#screenoverlay").css({top: dsoctop, position: 'absolute'});
    }
    else {
      $(div).css({top: yPos, left: xPos});
    }

    $(div).show();
  }

  

});