jQuery(document).ready(function ($) {
  var jssor_1_SlideshowTransitions = [{
      $Duration: 1200,
      x: -0.3,
      $During: {
        $Left: [0.3, 0.7]
      },
      $Easing: {
        $Left: $Jease$.$InCubic,
        $Opacity: $Jease$.$Linear
      },
      $Opacity: 2
    },
    {
      $Duration: 1200,
      x: 0.3,
      $SlideOut: true,
      $Easing: {
        $Left: $Jease$.$InCubic,
        $Opacity: $Jease$.$Linear
      },
      $Opacity: 2
    }
  ];

  var jssor_1_options = {
    $AutoPlay: 1,
    $SlideshowOptions: {
      $Class: $JssorSlideshowRunner$,
      $Transitions: jssor_1_SlideshowTransitions,
      $TransitionsOrder: 1
    },
    $ArrowNavigatorOptions: {
      $Class: $JssorArrowNavigator$
    },
    $BulletNavigatorOptions: {
      $Class: $JssorBulletNavigator$
    },
    $ThumbnailNavigatorOptions: {
      $Class: $JssorThumbnailNavigator$,
      $Cols: 1,
      $Align: 0,
      $NoDrag: true
    }
  };

  var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

  /*responsive code begin*/
  /*remove responsive code if you don't want the slider scales while window resizing*/
  function ScaleSlider() {
    var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
    if (refSize) {
      refSize = Math.min(refSize, 680);
      jssor_1_slider.$ScaleWidth(refSize);
    } else {
      window.setTimeout(ScaleSlider, 30);
    }
  }
  ScaleSlider();
  $(window).bind("load", ScaleSlider);
  $(window).bind("resize", ScaleSlider);
  $(window).bind("orientationchange", ScaleSlider);
  /*responsive code end*/
});