/*
 * This is a custom js file to hold all the customized functions
 */


(function ($) {
    $(document).ready(function () {


        function headerController() {
            $(".header-controller .icon , #topSidebar .icon").on("click", function () {
                var e = $(".header-controller .icon , #topSidebar .icon"),
                        t = $("body");
                e.toggleClass("icon--active"), e.hasClass("icon--active") ? t.css("overflow", "hidden") : t.css("overflow", ""), $("#topSidebar .sidebar").toggleClass("sidebar-width"), $("#mainContent").toggleClass("sidebar-margin-left"), $(this).addClass("animated rubberBand").one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function () {
                    $(this).removeClass("animated rubberBand")
                })
            }), $(".sidebar-overlay").on("click", function () {
                $(".header-controller .icon").click()
            })
        }


        function dropdoenMenu() {
            $("a.dropdown-toggle").on("click", function (e) {
                if ($next = $(this).next(), $next.hasClass("dropdown-left") || $next.hasClass("dropdown-right"))
                    return $next.toggleClass("show"), !1
            })
        }

        function navInSidebar() {
            var e = $("#nav .navbar-collapse").html();
            (e = $("#topSidebar .navbar .navbar-collapse").html(e)).find(".animated").removeClass("animated").removeClass("fadeInUp").removeClass("fadeInLeft").addClass("slideDown"), dropdoenMenu()
        }

        function fixeDropdowns() {
            $(".dropdown-menu").on("mouseenter", function () {
                var e = $(this);
                e.offset().left + e.width() + e.find("li:first").width() < $("body").width() ? e.find(".dropdown-menu").removeClass("dropdown-right").addClass("dropdown-left").removeClass("fadeInRight").addClass("fadeInLeft") : e.find(".dropdown-menu").removeClass("dropdown-left").addClass("dropdown-right").removeClass("fadeInLeft").addClass("fadeInRight")
            })
        }


        function scrollEffect() {
            var e = $(window),
                    t = $(".header-controller"),
                    o = $("footer"),
                    a = $("#rStories"),
                    n = t.offset().top,
                    r = o.offset().top - o.height(),
                    i = "fixed-header-controller-down",
                    s = "fixed-header-controller-up",
                    l = 0;
            e.on("scroll", function (o) {

                var lightlogo = $("#nav img").data("light");
                var c = e.scrollTop();
                n < c ? c > l ? t.hasClass(i) && (t.removeClass(i).addClass(s),
                        $(".navbar-brand img").attr("src", lightlogo)) : t.hasClass(i) || (t.removeClass(s).addClass(i),
                        $(".navbar-brand img").attr("src", lightlogo)) : (t.removeClass(s).removeClass(i), t.find("#nav").hasClass("nav-overlay") ||
                        $(".navbar-brand img").attr("src", lightlogo)), r <= c ? a.css("display", "none") : a.css("display", "block"), l = c
            })
        }



        function getProgress(e) {
            for ($text = "", $x = 0; $x < e; $x++)
                $per = 100 / e, $text += '<div class="progress" data-index="' + $x + '" style="width: ' + $per + '%">\n                <div class="progress-bar"></div>\n            </div>';
            return $text
        }

        function setCoverBackground() {
            $(".cover-bg, section").each(function () {
                var e = $(this).attr("data-image-src");
                void 0 !== e && !1 !== e && $(this).css("background-image", "url(" + e + ")")
            })
        }

        function scrollAnimate() {
            $('a[href*="#"]:not([href="#"])').on("click", function () {
                if (location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") || location.hostname == this.hostname) {
                    var e = $(this.hash);
                    if ("#header" === $(this).attr("href"))
                        return $("html,body").animate({
                            scrollTop: 0
                        }, 1e3), !1;
                    if ((e = e.length ? e : $("[name=" + this.hash.slice(1) + "]")).length)
                        return $("html,body").animate({
                            scrollTop: e.offset().top - 75
                        }, 1e3), !1
                }
            })
        }

        function textSearch() {
            $(".search-trigger").on("click", function (e) {
                e.preventDefault(), $(".search-wrap").animate({
                    opacity: "toggle"
                }, 500), $(".nav-search, #search-close").addClass("open")
            }), $(".search-close").on("click", function (e) {
                e.preventDefault(), $(".search-wrap").animate({
                    opacity: "toggle"
                }, 500), $(".nav-search, #search-close").removeClass("open")
            }), $(document.body).on("click", function (e) {
                $(".search-wrap").fadeOut(200), $(".nav-search, #search-close").removeClass("open")
            }), $(".search-trigger, .main-search-input").on("click", function (e) {
                e.stopPropagation()
            })
        }

        function mouseParallax() {
            function e(e, t, o) {
                var a = $(".to_top")[0].getBoundingClientRect(),
                        n = e.pageX - a.left,
                        r = e.pageY - a.top,
                        i = window.pageYOffset || document.documentElement.scrollTop;
                TweenMax.to(t, .3, {
                    x: (n - a.width / 2) / a.width * o,
                    y: (r - a.height / 2 - i) / a.width * o,
                    ease: Power2.easeOut
                })
            }
            $(".to_top").on("mouseleave", function (e) {
                TweenMax.to(this, .3, {
                    scale: 1
                }), TweenMax.to(".icon-circle, #to-top", .3, {
                    scale: 1,
                    x: 0,
                    y: 0
                })
            }), $(".to_top").on("mouseenter", function (e) {
                TweenMax.to(this, .3, {
                    transformOrigin: "0 0",
                    scale: 1
                }), TweenMax.to(".icon-circle", .3, {
                    scale: 1.2
                })
            }), $(".to_top").on("mousemove", function (t) {
                !function (t) {
                    e(t, ".icon-circle", 60), e(t, "#to-top", 40)
                }(t)
            })
        }

        function hoverPlayVideo() {
            TweenMax.set(".play-circle-01", {
                rotation: 90,
                transformOrigin: "center"
            }), TweenMax.set(".play-circle-02", {
                rotation: -90,
                transformOrigin: "center"
            }), TweenMax.set(".play-perspective", {
                xPercent: -2,
                scale: .08,
                transformOrigin: "center 41%",
                perspective: 1
            }), TweenMax.set(".play-video", {
                visibility: "hidden",
                opacity: 0
            }), TweenMax.set(".play-triangle", {
                transformOrigin: "left center",
                transformStyle: "preserve-3d",
                rotationY: 10,
                scaleX: 2
            });
            const e = new TimelineMax({
                paused: !0
            }).to(".play-circle-01", .7, {
                opacity: .1,
                rotation: "+=360",
                strokeDasharray: "456 456",
                ease: Power1.easeInOut
            }, 0).to(".play-circle-02", .7, {
                opacity: .1,
                rotation: "-=360",
                strokeDasharray: "411 411",
                ease: Power1.easeInOut
            }, 0),
                    t = document.querySelector(".play-button");
            null !== t && (t.addEventListener("mouseover", () => e.play()), t.addEventListener("mouseleave", () => e.reverse()))
        }

        function ogatoSlider() {
            var e = $("#ogato_slider"),
                    t = $(".ogato-overloy-img"),
                    o = $(".ogato"),
                    a = ".ogato-item",
                    n = ($(".ogato-active"), 1),
                    r = new TimelineMax,
                    i = new TimelineMax;
            if (0 === e.length)
                return !1;
            $(window).on("load", function () {
                i.fromTo(t.find(".progress"), 10, {
                    width: "0"
                }, {
                    width: "100%",
                    onComplete: function () {
                        n = n < o.length ? n : 0, current_item = $(o[n]), $src = current_item.find(a).attr("data-image-src"), TweenMax.fromTo(t, .5, {
                            y: -200,
                            backgroundImage: "url(" + $src + ")"
                        }, {
                            y: 0
                        }), TweenMax.to(t.find(".ogato-carousel"), .5, {
                            left: current_item.offset().left + 10,
                            top: current_item.offset().top + 10
                        }, .9), n++, i.restart()
                    }
                })
            }), o.on("mouseover", function () {
                var e = $(this);
                i.pause(), e.hasClass("ogato-active") || (bgSlider = e.find(a), $(".ogato-active").removeClass("ogato-active"), e.addClass("ogato-active"), function (e) {
                    bgSlider = e.find(a), $top = e.offset().top, $height = e.height(), $width = e.width(), r.reverse().timeScale(1.5), (r = new TimelineMax).set(bgSlider, {
                        position: "absolute",
                        opacity: 0,
                        top: $top + "px",
                        left: "auto",
                        height: $height + "px",
                        width: $width + "px",
                        "z-index": -1
                    }).fromTo(bgSlider, .2, {
                        autoAlpha: 0
                    }, {
                        autoAlpha: 1
                    }).to(bgSlider, .7, {
                        autoAlpha: 1,
                        left: 0,
                        top: 0,
                        width: "100%",
                        height: "100%"
                    })
                }(e, bgSlider))
            }), e.on("mouseleave", function () {
                r.reverse().timeScale(1), $(".ogato-active").removeClass("ogato-active"), i.resume()
            })
        }

        function shareSocialIcon() {
            var e = null;
            $(".socials-wrap").on("click", function () {
                var t = (e = $(this)).find(".socials"),
                        o = e.find(".socials-text"),
                        a = e.find(".socials-icon");
                "none" === t.css("display") ? (t.css({
                    opacity: "1",
                    display: "inline-block"
                }), o.css({
                    transform: "translate(36px, -34px)"
                }), a.css({
                    transform: "translate(-150px) scale(1.09) "
                }), a.find("i").attr("class", "fa fa-times")) : (t.css({
                    opacity: "",
                    display: ""
                }), o.css({
                    transform: ""
                }), a.css({
                    transform: "",
                    opacity: ""
                }), a.find("i").attr("class", "fa fa-share-alt"))
            })
        }
        !function (e) {
            "use strict";
            e(window);
            setCoverBackground(), scrollAnimate(), headerController(), navInSidebar(), fixeDropdowns(), textSearch(), mouseParallax(), e(window).on("load", function () {
                scrollEffect()
            })
        }(jQuery);



    });
})(jQuery);