ns('Artkover');

/**
 * Multiimage magnifier window for artkover
 * 
 * @param {Object} config
 */
Artkover.MultiImageMagnifyWin = function(config) {
  config = $.extend({}, config, {
    slider_nav_width: 0,
    toolbar_height: 15,
    use_simple_image_preloader: true
  });
  
  Artkover.MultiImageMagnifyWin.superclass.constructor.call(this, config);
}

utils.extend(Artkover.MultiImageMagnifyWin, Magnifier3.MultiImageMagnifyWin, {
  _createWin: function() {
    return Artkover.MultiImageMagnifyWin.superclass._createWin.call(this).addClass('artkover_win');
  },
  
  _createSlider: function($images_cell) {
    Artkover.MultiImageMagnifyWin.superclass._createSlider.call(this, $images_cell);
    
    this.slider.hidePrevButton();
    this.slider.hideNextButton();
  },
  
  _createToolBar: function($container) {
    var $toolbar = Artkover.MultiImageMagnifyWin.superclass._createToolBar.call(this, $container);
    this._createNavigation($toolbar);
    return $toolbar;
  },
  
  _createNavigation: function($container) {
    $navigation = $('<div class="nav"><button class="prev">&nbsp;</button><button class="next">&nbsp;</button></div>').appendTo($container);
    $('.prev', $navigation).click(this.onPrev.createDelegate(this));
    $('.next', $navigation).click(this.onNext.createDelegate(this));
    return $navigation;
  },
  
  onNext: function() {
    this.slider.onNext();
  },
  
  onPrev: function() {
    this.slider.onPrev();
  }
});