var xpos; var ypos; var ximg; var yimg; var objImg = new Image(); 
var wScr=0, hScr=0, xScr=0, yScr=0;
function imouse(){ ypos=yScr+event.y; xpos=xScr+event.x; } document.onmousemove=imouse;

function img_move() {
  $('div#fb_big')
    .css("left", Math.round(xScr + wScr/2 - objImg.width/2))
    .css("top",  Math.round(yScr + hScr/2 - objImg.height/2));
  $('div#fb_back')
    .css("left", Math.round(xScr))
    .css("top",  Math.round(yScr));
}
function win_resize() {
  var de = document.documentElement; var db = document.body;
  wScr = 0;  hScr = 0; 
  if(de && de.scrollWidth) {wScr=de.clientWidth; hScr=de.clientHeight;}
  if(db && db.scrollWidth) {wScr=db.clientWidth; hScr=db.clientHeight;}
  win_scroll();
}
function win_scroll() {
  var de = document.documentElement; var db = document.body;
  xScr = 0;  yScr = 0; 
  if(self && self.pageYOffset) {yScr=self.pageYOffset; xScr=self.pageXOffset;}
  if(de && de.scrollTop) {yScr=de.scrollTop; xScr=de.scrollLeft;}
  if(db && db.scrollTop) {yScr=db.scrollTop; xScr=db.scrollLeft;}
  img_move();
}

function fb_hide_big(obj) {$('div#fb_big').animate({opacity: "hide"}, "slow");  $('div#fb_back').fadeOut(); window.onresize = '';}
function fb_show_big(obj) {
  document.images["img_big"].src = objImg.src;
  document.images["img_big"].onclick = objImg.onclick;
  win_resize();
  $('div#fb_back').fadeIn();
  $('div#fb_progress').animate({opacity: "hide"}, "slow");
  $('div#fb_big').animate({opacity: "show"}, "slow");
}

$(document).ready(function(){
  $('<div style="display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:#000000;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);" id="fb_back" onclick="fb_hide_big();"></div>').appendTo("body");
  $('<div style="z-index:10;display:none;position:absolute" id="fb_progress"><table height=40 width=120 id="fb_tab" style="background-color:white;border:solid 2 gray"><tr><td><img width=32 height=32 src="/js/flybox/progress.gif"></td><td style="font-size:8pt">Подождите...</td></tr></table></div>').appendTo("body");
  $('<div style="z-index:5001;display:none;position:absolute;left:100;top:100" id="fb_big"><img src="" id=img_big style="cursor:pointer;border:solid 1 navy"></div>').appendTo("body");

  $(".flybox")
  .css("cursor", "pointer")
  .click(function(){
    img_file  = $(this).attr('id');
    if(img_file!="") { 
      // Запускаем ожидание...
      var progress_offset = $('#fb_tab').offset();
      $('div#fb_progress').animate({opacity: "hide"}, "slow");
      $('div#fb_progress').animate({top: ypos-20, left: xpos-60}, 10)
      $('div#fb_progress').animate({opacity: "show"}, "slow");
      // Подгружаем картинку...
      objImg.onload=fb_show_big;
      objImg.onclick=fb_hide_big;
      objImg.src=img_file;
//      window.open(img_file, '','menubar=no, location=no,toolbar=no,resizable=yes,scrollbars=yes,status=no,width=800,height=600');
    }
  });
});

window.onresize = win_resize;
window.onscroll = win_scroll;