﻿function QuickView(SalesChannelId) {
  if (SalesChannelId == '100005') { var quickview = 'Quick View'; }
  else { var quickview = 'Schnellansicht'; }
  $('.QuickviewIcon').remove();
  $('img.QuickView').each(function() {
    var $this = $(this);
    var imgOffset = $this.offset();
    var URL = $this.attr('longdesc');
    var QuickviewIcon = $('<div><img src="/images/search-btn.png" alt="Zoom Icon" />'+quickview+'</div>').addClass('QuickviewIcon').css('display', 'none');
    $('body').prepend(QuickviewIcon);
    $this.hover(function() { var imgOffset = $this.offset(); QuickviewIcon.css({'top':imgOffset.top + 110, 'left':imgOffset.left + 25}); QuickviewIcon.show(); }, function() { QuickviewIcon.hide(); });
    QuickviewIcon.hover(function() { $(this).show(); }, function() { $(this).hide(); });
    QuickviewIcon.click(function() {
      var QuickviewBackdrop = $('<div></div>').addClass('QuickviewBackdrop').css('display', 'none');
      var QuickviewBox = $('<div></div>').addClass('QuickviewBox').css('display', 'none');
      var topOffset = ($(window).height() - 600) / 2;
      QuickviewBox.css('top', topOffset);
      $('body').prepend(QuickviewBackdrop);
      $('body').prepend(QuickviewBox);
      QuickviewBackdrop.fadeTo('fast', 0.3);
      var QuickviewPreload = $('<div></div>').addClass('QuickviewPreload');
      QuickviewBox.append(QuickviewPreload);
      QuickviewBox.fadeIn('fast', function() { 
        var loadURL = URL + ' #QuickviewContainer';
        QuickviewBox.load(loadURL, function() { QuickviewPreload.hide(); }); 
      });
      QuickviewBackdrop.click(function() { QuickviewBox.fadeOut('fast', function() { $(this).remove(); }); QuickviewBackdrop.fadeOut('fast', function() { $(this).remove(); }); });
    });
  });
}
