{% if banner_transition is not empty %} {% set bannerDimensions = banner_transition.0.bannerDimensions %} {% if(bannerDimensions !="full") %} {% set foo = bannerDimensions|split('x') %} {% set height = foo.1 %} {% set width = foo.0 %} {% elseif (bannerDimensions =="full") %} {% set height = '350' %} {% set width = '1170' %} {% endif %} jQuery(document).ready(function($) { function a() { var s = r.$Elmt.parentNode.clientWidth, i = parseInt(n * s / o); if (E && $(r.$Elmt.parentNode).css({ height: "auto" }), s) { if (r.$ScaleWidth(Math.max(Math.min(s, o), n)), s = Math.min(s, o), r.$ScaleWidth(s), !E) { var i = parseInt(n * s / o); $(r.$Elmt.parentNode).css({ height: i + "px" }), $("div:first-child", $(r.$Elmt.parentNode)).css({ width: s + "px", height: i + "px", transform: "scale(1)" }), $("a.js-get-banner", $(r.$Elmt.parentNode)).css({ "max-width": s + "px", "max-height": i + "px", transform: "scale(1)" }), $("a.js-get-banner", $(r.$Elmt.parentNode)).parent().css({ width: s + "px", height: i + "px", transform: "scale(1)" }), $("a.js-get-banner img", $(r.$Elmt.parentNode)).parent().css({ "max-width": s + "px", "max-height": i + "px", transform: "scale(1)" }), $("div.js-banner-dynamic-height-width .js-banner-dynamic-height-width", $(r.$Elmt.parentNode)).css({ width: s + "px", height: i + "px", transform: "scale(1)" }), $("img.js-banner-dynamic-height-width", $(r.$Elmt.parentNode)).css({ width: s + "px", height: i + "px", transform: "scale(1)" }), r.$ScaleWidth(s) } } else window.setTimeout(a, 30); E = !1 } function s() { E = !0, window.setTimeout(a, 1e3) } if ($("#slider1_container").length > 0) { var i = [, { $Duration: 1200, $FlyDirection: 2, x: -3, y: 1, $Rows: 2, $Zoom: 11, $Rotate: 1, $SlideOut: !0, $Assembly: 2049, $ChessMode: { $Row: 28 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Top: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: .7 } }], n = "370", o = "1170", t = []; t.L = { $Duration: 2500, x: .6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 }, t.R = { $Duration: 900, x: -.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 }, t.T = { $Duration: 900, y: .6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 }, t.B = { $Duration: 900, y: -.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 }, t.TR = { $Duration: 900, x: -.6, y: .6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 }, t["L|IB"] = { $Duration: 1200, x: .6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 }, t["R|IB"] = { $Duration: 1200, x: -.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 }, t["T|IB"] = { $Duration: 1200, y: .6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 }, t["CLIP|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 }, t["CLIP|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 }, t["CLIP|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 }, t["MCLIP|R"] = { $Duration: 900, $Clip: 2, $Move: !0, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 }, t["MCLIP|T"] = { $Duration: 900, $Clip: 4, $Move: !0, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 }, t["WV|B"] = { $Duration: 1200, x: -.2, y: -.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5 } }, t["TORTUOUS|VB"] = { $Duration: 1800, y: -.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, .7] }, $Round: { $Top: 1.3 } }, t["LISTH|R"] = { $Duration: 1500, x: -.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: .8, $Opacity: 2, $During: { $Left: [.4, .6], $Clip: [0, .4], $Opacity: [.4, .6] } }, t["RTT|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 }, t["RTT|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: .8 } }, t["RTTL|BR"] = { $Duration: 900, x: -.6, y: -.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: .8 } }, t["T|IE*IE"] = { $Duration: 1800, y: .8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, .8], $Opacity: [0, .7] }, $Round: { $Rotate: .5 } }, t["RTTS|R"] = { $Duration: 900, x: -.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2 } }, t["RTTS|T"] = { $Duration: 900, y: .6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2 } }, t["DDGDANCE|RB"] = { $Duration: 1800, x: -.3, y: -.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, .8], $Top: [0, .8] }, $Round: { $Left: .8, $Top: 2.5 } }, t["ZMF|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }, t["DDG|TR"] = { $Duration: 1200, x: -.3, y: .3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, .8], $Top: [0, .8] }, $Round: { $Left: .8, $Top: .8 } }, t["FLTTR|R"] = { $Duration: 900, x: -.2, y: -.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3 } }, t["FLTTRWN|LT"] = { $Duration: 1800, x: .5, y: .2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, .7], $Top: [.1, .7] }, $Round: { $Top: 1.3 } }, t["ATTACK|BR"] = { $Duration: 1500, x: -.1, y: -.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [.3, .7], $Top: [0, .7] }, $Round: { $Left: 1.3 } }, t.FADE = { $Duration: 900, $Opacity: 2 }; var e = { $AutoPlay: !0, $AutoPlaySteps: 1, $AutoPlayInterval: 4.5e3, $PauseOnHover: 1, $ArrowKeyNavigation: !0, $SlideEasing: $JssorEasing$.$EaseOutQuint, $SlideDuration: 800, $MinDragOffsetToSlide: 20, $SlideSpacing: 0, $DisplayPieces: 1, $ParkingPosition: 0, $UISearchMode: 1, $PlayOrientation: 1, $DragOrientation: 1, $SlideshowOptions: { $Class: $JssorSlideshowRunner$, $Transitions: t.L, $TransitionsOrder: 1, $ShowLink: !0 }, $CaptionSliderOptions: { $Class: $JssorCaptionSlider$, $CaptionTransitions: t, $PlayInMode: 1, $PlayOutMode: 3 }, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$, $ChanceToShow: 2, $AutoCenter: 2, $Steps: 1 }, $BulletNavigatorOptions: { $Class: $JssorBulletNavigator$, $AutoCenter: 1, $Steps: 1, $Lanes: 1, $SpacingX: 4, $SpacingY: 4, $Orientation: 1 } }, r = new $JssorSlider$("slider1_container", e), E = !1; a(), $(window).bind("resize", s), $(window).bind("orientationchange", a) } }); {% else %} console.log('Banner Transition Is Empty'); {% endif %}