(function($){
$.fn.fancyZoom = function(options){

  var options = options || {};
  var directory = options && options.directory ? options.directory : '/out/sema/src/fancy/images';
  var zooming = false;

  if ($('#fancy_zoom').length == 0) {
    var ext = $.browser.msie ? 'gif' : 'png';
    var html = '<div id="fancy_zoom" style="display:none;z-index:1000;"> \
<table id="fancy_zoom_table" style="border-collapse:collapse; width:100%; height:100%;"> \
<tbody> \
<tr> \
<td class="tl" style="background:url(' + directory + '/tl.' + ext + ') 0 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \
<td class="tm" style="background:url(' + directory + '/tm.' + ext + ') 0 0 repeat-x; height:20px; overflow:hidden;" /> \
<td class="tr" style="background:url(' + directory + '/tr.' + ext + ') 100% 0 no-repeat; width:20px; height:20px; overflow:hidden;" /> \
</tr> \
<tr> \
<td class="ml" style="background:url(' + directory + '/ml.' + ext + ') 0 0 repeat-y; width:20px; overflow:hidden;" /> \
<td class="mm" style="background:#fff; vertical-align:top; padding:10px;"> \
<div id="fancy_zoom_content"> \
</div> \
</td> \
<td class="mr" style="background:url(' + directory + '/mr.' + ext + ') 100% 0 repeat-y; width:20px; overflow:hidden;" /> \
</tr> \
<tr> \
<td class="bl" style="background:url(' + directory + '/bl.' + ext + ') 0 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \
<td class="bm" style="background:url(' + directory + '/bm.' + ext + ') 0 100% repeat-x; height:20px; overflow:hidden;" /> \
<td class="br" style="background:url(' + directory + '/br.' + ext + ') 100% 100% no-repeat; width:20px; height:20px; overflow:hidden;" /> \
</tr> \
</tbody> \
</table> \
<a href="#" title="Close" id="fancy_zoom_close" style="position:absolute; top:0; left:0;"> \
<img src="' + directory + '/closebox.' + ext + '" alt="Close" style="border:none; margin:0; padding:0;" /> \
</a> \
</div>';

    $('body').append(html);

    $('html').click(function(e){if($(e.target).parents('#fancy_zoom:visible').length == 0) hide();});
    $(document).keyup(function(event){
        if (event.keyCode == 27 && $('#fancy_zoom:visible').length > 0) hide();
    });

    $('#fancy_zoom_close').click(hide);
  }

  var zoom = $('#fancy_zoom');
  var zoom_table = $('#fancy_zoom_table');
  var zoom_close = $('#fancy_zoom_close');
  var zoom_content = $('#fancy_zoom_content');
  var middle_row = $('td.ml,td.mm,td.mr');

  this.each(function(i) {
    $($(this).attr('href')).hide();
    $(this).click(show);
  });

  return this;

  function show(e) {
    if (zooming) return false;
zooming = true;
var content_div = $($(this).attr('href'));
   var zoom_width = options.width;
var zoom_height = options.height;

var width = window.innerWidth || (window.document.documentElement.clientWidth || window.document.body.clientWidth);
   var height = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
   var x = window.pageXOffset || (window.document.documentElement.scrollLeft || window.document.body.scrollLeft);
   var y = window.pageYOffset || (window.document.documentElement.scrollTop || window.document.body.scrollTop);
   var window_size = {'width':width, 'height':height, 'x':x, 'y':y}

var width = (zoom_width || content_div.width()) + 220;
var height = (zoom_height || content_div.height()) + 120;
var d = window_size;

// ensure that newTop is at least 0 so it doesn't hide close button
var newTop = Math.max((d.height/2) - (height/2) + y, 0);
var newLeft = (d.width/2) - (width/2);
var curTop = e.pageY;
var curLeft = e.pageX;

zoom_close.attr('curTop', curTop);
zoom_close.attr('curLeft', curLeft);
zoom_close.attr('scaleImg', options.scaleImg ? 'true' : 'false');

    $('#fancy_zoom').hide().css({
position : 'absolute',
top : curTop + 'px',
left : curLeft + 'px',
width : '1px',
height : '1px'
});

    fixBackgroundsForIE();
    zoom_close.hide();

    if (options.closeOnClick) {
      $('#fancy_zoom').click(hide);
    }

if (options.scaleImg) {
   zoom_content.html(content_div.html());
   $('#fancy_zoom_content img').css('width', '100%');
} else {
zoom_content.html('');
}

    $('#fancy_zoom').animate({
      top : newTop + 'px',
      left : newLeft + 'px',
      opacity : "show",
      width : width,
      height : height
    }, 500, null, function() {
      if (options.scaleImg != true) {
     zoom_content.html(content_div.html());
   }
unfixBackgroundsForIE();
zoom_close.show();
zooming = false;
    })
    return false;
  }

  function hide() {
    if (zooming) return false;
zooming = true;
$('#fancy_zoom').unbind('click');
fixBackgroundsForIE();
if (zoom_close.attr('scaleImg') != 'true') {
   zoom_content.html('');
}
zoom_close.hide();
$('#fancy_zoom').animate({
      top : zoom_close.attr('curTop') + 'px',
      left : zoom_close.attr('curLeft') + 'px',
      opacity : "hide",
      width : '1px',
      height : '1px'
    }, 500, null, function() {
      if (zoom_close.attr('scaleImg') == 'true') {
     zoom_content.html('');
   }
      unfixBackgroundsForIE();
zooming = false;
    });
    return false;
  }

  function switchBackgroundImagesTo(to) {
    $('#fancy_zoom_table td').each(function(i) {
      var bg = $(this).css('background-image').replace(/\.(png|gif|none)\"\)$/, '.' + to + '")');
      $(this).css('background-image', bg);
    });
    var close_img = zoom_close.children('img');
    var new_img = close_img.attr('src').replace(/\.(png|gif|none)$/, '.' + to);
    close_img.attr('src', new_img);
  }

  function fixBackgroundsForIE() {
    if ($.browser.msie && parseFloat($.browser.version) >= 7) {
      switchBackgroundImagesTo('gif');
    }
}

  function unfixBackgroundsForIE() {
    if ($.browser.msie && $.browser.version >= 7) {
      switchBackgroundImagesTo('png');
    }
}
}
})(jQuery);