/**
 * Upcoming Events Side Block
 * @requires $ jQuery
 * @required $.royalSlider
 */

qs.defineNS('app.event');

app.event.SideBlock = function () { this.construct.apply(this, arguments); };
app.event.SideBlock.prototype = {
  construct: function (options) {
    var touchDevice = 'ontouchstart' in document.documentElement;
    this.options = $.extend(true, {
      blockId: undefined,
      sliderOptions: {
        loop: !touchDevice,
        controlsInside: false,
        autoHeight: false,
        arrowsNav: true,
        arrowsNavAutoHide: false,
        autoScaleSlider: true,
        autoScaleSliderWidth: 370,
        autoScaleSliderHeight: 165,
        imageScalePadding: 0,
        controlNavigation: 'none',
        keyboardNavEnabled: false,
        fadeinLoadedSlide: false,
        imageScaleMode: 'none',
        imageAlignCenter:true,
        loopRewind: true,
        numImagesToPreload: 6,
        usePreloader: false,
        transitionSpeed: 500,
        imgWidth: 370,
        imgHeight: 165,
        autoPlay: {
          enabled: true,
          pauseOnHover: true,
          stopAtAction: true,
          delay: 5000
        }
      }
    }, options);

    this.block = $('#' + this.options.blockId);
    this.slider = this.block.children('[data-event-slider]');
    this.slider.show().royalSlider(this.options.sliderOptions);
    return this;
  }
};