Your IP : 3.145.90.152


Current Path : /home/bitrix/ext_www/royal-thermo.com.ua/v/js/
Upload File :
Current File : /home/bitrix/ext_www/royal-thermo.com.ua/v/js/scripts.js

$(function () {

    function stopEvents(e) {
        e.stopPropagation();
        e.preventDefault();
    }

    function initFunc(parent) {
        /*icons sprite*/
        $("#ui-icons").load("images/ui/ui-icons.html");
        /* end of icons sprite*/

        /*hide after load*/
        var hideItem = $(".hide");
        hideItem.each(function () {
            $(this).delay(100).hide();
            $(this).delay(200).addClass("visible");
        });
        /* end of hide after load*/

        /*radio & checkbox*/
        var checkBox = $("input:checkbox"),
            radioBtn = $("input.radio-btn");

        parent.find(checkBox).each(function () {
            $(this).wrap("<span class='checkbox'></span>");
            $(this).change(function () {
                if ($(this).is(":checked")) {
                    $(this).parent().addClass("checked");
                } else {
                    $(this).parent().removeClass("checked");
                }
            });
            if ($(this).is(":checked")) {
                $(this).parent().addClass("checked");
            } else {
                $(this).parent().removeClass("checked");
            }
        });

        parent.find(radioBtn).each(function () {
            var groupName = $(this).attr("name") + "-radio";
            $(this).wrap("<span class='radio " + groupName + "'></span>");
            $(this).change(function () {
                if ($(this).is(":checked")) {
                    $('.' + groupName).removeClass("checked");
                    $(this).parent().addClass("checked");
                } else {
                    $(this).parent().removeClass("checked");
                }
            });
            if ($(this).is(":checked")) {
                $(this).parent().addClass("checked");
            } else {
                $(this).parent().removeClass("checked");
            }
        });
        /* end of radio & checkbox*/

    }

    initFunc($(document));


    /*modal*/
    var header = $("header"),
        footer = $("footer"),
        pageHtml = $("html"),
        pageBody = $("body"),
        main = $(".main"),
        scrollBarW = 0;

    function getScrollBarWidth() {
        var inner = document.createElement("p");
        inner.style.width = "100%";
        inner.style.height = "200px";

        var outer = document.createElement("div");
        outer.style.position = "absolute";
        outer.style.top = "0px";
        outer.style.left = "0px";
        outer.style.visibility = "hidden";
        outer.style.width = "200px";
        outer.style.height = "150px";
        outer.style.overflow = "hidden";
        outer.appendChild(inner);

        document.body.appendChild(outer);
        var w1 = inner.offsetWidth;
        outer.style.overflow = "scroll";
        var w2 = inner.offsetWidth;
        if (w1 == w2) w2 = outer.clientWidth;

        document.body.removeChild(outer);

        scrollBarW = (w1 - w2);
    }

    getScrollBarWidth();

    var modalHolder = $("#modal-holder");
    $(document).on("click", ".modal-trigger", function (e) {
        var target = "modals/" + $(this).attr("data-target") + ".html";
        modalHolder.empty();
        pageBody.addClass("modal-open").css("padding-right", scrollBarW);
        modalHolder.load(target, function () {
            var mod = $(".modal");
            initFunc(mod);
            $(this).addClass("active");
        });
        navClose();
        stopEvents(e);
    });

    $(document).on("click", "[class*='modal-close']", function (e) {
        modalHolder.empty().removeClass("active");
        pageBody.removeClass("modal-open").removeAttr("style");
        stopEvents(e);
    });
    /* end of modal*/

    var anchorBtn = $("a.anchor");

    anchorBtn.click(function () {
        var elementClick = $(this).attr("href");
        var destination = $(elementClick).offset().top - 74;
        $("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 600);

        return false;
    });

    /*sliders*/
    $(".hero-slider").slick({
        dots: true,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".hero-prev",
        nextArrow: ".hero-next",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 768,
                settings: {}
            }
        ]
    });

    $(".portfolio-slider").slick({
        dots: true,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 2,
        slidesToScroll: 2,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".portfolio-prev",
        nextArrow: ".portfolio-next",
        appendDots: $(".portfolio-dots"),
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1
                }
            }
        ]
    });

    var productTopSlider = $(".product-slider-top");
    productTopSlider.slick({
        dots: false,
        arrows: false,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        draggable: false,
        swipe: false,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        asNavFor: ".product-slider-thumbs",
        accessibility: false
    });
    productTopSlider.on('init reInit afterChange', function (event, slick, currentSlide) {
        if (currentSlide != 0) {
            $(".product-colors").addClass("no-tabs")
        } else {
            $(".product-colors").removeClass("no-tabs")
        }
    });

    $(".product-slider-thumbs").slick({
        dots: false,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 5,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        centerPadding: "60px",
        variableWidth: false,
        fade: false,
        asNavFor: ".product-slider-top",
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".thumbs-btn-prev",
        nextArrow: ".thumbs-btn-next",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: true,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1481,
                settings: {
                    slidesToShow: 4
                }
            },
            {
                breakpoint: 1281,
                settings: {
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 2
                }
            }
        ]
    });

    $(".interior-slider-1").slick({
        dots: false,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".interior-prev-1",
        nextArrow: ".interior-next-1",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1025,
                settings: {
                    dots: true
                }
            },
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 2,
                    dots: true
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 1,
                    dots: true
                }
            }
        ]
    });

    $(".interior-slider-2").slick({
        dots: false,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".interior-prev-2",
        nextArrow: ".interior-next-2",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1025,
                settings: {
                    dots: true
                }
            },
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 2,
                    dots: true
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 1,
                    dots: true
                }
            }
        ]
    });

    $(".interior-slider-3").slick({
        dots: false,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        prevArrow: ".interior-prev-3",
        nextArrow: ".interior-next-3",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1025,
                settings: {
                    dots: true
                }
            },
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 2,
                    dots: true
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 1,
                    dots: true
                }
            }
        ]
    });

    $(".plants-slider-1").slick({
        dots: true,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 5,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        appendDots: ".plants-dots-1",
        prevArrow: ".plants-prev-1",
        nextArrow: ".plants-next-1",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1025,
                settings: {
                    slidesToShow: 4
                }
            },
            {
                breakpoint: 769,
                settings: {
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 1
                }
            }
        ]
    });

    $(".plants-slider-2").slick({
        dots: true,
        arrows: true,
        infinite: true,
        speed: 500,
        slidesToShow: 5,
        slidesToScroll: 1,
        adaptiveHeight: true,
        centerMode: false,
        variableWidth: false,
        fade: false,
        autoplay: false,
        autoplaySpeed: 7000,
        appendDots: ".plants-dots-2",
        prevArrow: ".plants-prev-2",
        nextArrow: ".plants-next-2",
        draggable: true,
        swipe: true,
        swipeToSlide: true,
        initialSlide: 0,
        pauseOnHover: true,
        vertical: false,
        focusOnSelect: false,
        accessibility: false,

        responsive: [
            {
                breakpoint: 1025,
                settings: {
                    slidesToShow: 4
                }
            },
            {
                breakpoint: 769,
                settings: {
                    slidesToShow: 3
                }
            },
            {
                breakpoint: 641,
                settings: {
                    slidesToShow: 2
                }
            },
            {
                breakpoint: 441,
                settings: {
                    slidesToShow: 1
                }
            }
        ]
    });
    /*end of sliders*/


    $(window).on("load scroll", function () {
        $(".sticky").each(function () {
            if ($(window).scrollTop() >= 500) {
                $(this).addClass("active");
            } else {
                $(this).removeClass("active");
            }
        });
    });

    function tabs(tabTrigger, tabContent) {
        $(tabTrigger).click(function () {
            $(this).addClass("current").siblings().removeClass("current")
                .parents().find(tabContent).eq($(this).index()).show().siblings(tabContent).hide();
        });
    }

    tabs(".product-colors > li", ".color-tab-content");
    tabs(".where-country > li", ".country-tab-content");

    $(document).on("click", ".product-colors > li", function () {
        productTopSlider.slick("slickGoTo", 0);
    });

    function accordion(trigger, content) {
        trigger.click(function () {

            if ($(this).is(".active")) {
                $(this).removeClass("active");
                $(this).parent().find(content).slideUp("fast");
                $(this).find("span.button-text").toggleClass("hidden");
            } else {
                trigger.removeClass("active");
                content.slideUp("fast");
                $(this).addClass("active");
                $(this).parent().find(content).slideDown("fast");
                $(this).find("span.button-text").toggleClass("hidden");
            }
        });
    }

    accordion($(".product-feature-trigger"), $(".product-feature-content"));
    accordion($(".product-materials-trigger"), $(".product-materials-content"));
    accordion($(".technical-trigger"), $(".technical-content"));
    accordion($(".text-butn"), $(".hidden-text"));


    $(document).on("click", ".print-butn", function (e) {
        window.print();
        stopEvents(e);
    });

    $("table tr:even").addClass("stripe");


    var mainSelect = $(".select");
    mainSelect.selectBoxIt({
        autoWidth: false,
        hideCurrent: true,
        showEffect: "slideDown",
        showEffectSpeed: "fast"
    });
    mainSelect.bind({
        "open": function () {

        },
        "close": function () {

        },
        "change": function () {

        }
    });

    var marketSelect = $(".market-select");
    marketSelect.selectBoxIt({
        autoWidth: false,
        hideCurrent: true,
        showEffect: "slideDown",
        showEffectSpeed: "fast"
    });
    marketSelect.bind({
        "open": function () {

        },
        "close": function () {

        },
        "change": function () {
            //_____________________ JUST TESTING
            if ($(this).val() == "Выставочный комплекс Экспострой на Нахимовском") {
                $(".selected-market-item").removeClass("current");
                $(".market-1").addClass("current");
            }
            if ($(this).val() == "Торговый центр") {
                $(".selected-market-item").removeClass("current");
                $(".market-2").addClass("current");
            }
            if ($(this).val() == "ТРК центр") {
                $(".selected-market-item").removeClass("current");
                $(".market-3").addClass("current");
            }
            //_____________________ JUST TESTING
        }
    });

    var whiteSelect = $(".white-select");
    whiteSelect.selectBoxIt({
        autoWidth: false,
        showFirstOption: false,
        hideCurrent: false,
        showEffect: "slideDown",
        showEffectSpeed: "fast"
    });
    whiteSelect.bind({
        "open": function () {

        },
        "close": function () {

        },
        "change": function () {

        }
    });

    // var selectBox = whiteSelect.data("selectBox-selectBoxIt");
    //  selectBox.open();

    $("#calculator-form").validate({
        errorPlacement: function (error, element) {
        }, /*disable error label*/
        ignore:'', /*do not ignore hidden elements*/
        rules: {
            size: {
                required: true
            },
            height: {
                required: true
            },
            windows: {
                required: true
            },
            walls: {
                required: true
            },
            radiator: {
                required: true
            },
            connection: {
                required: true
            },
            temperature: {
                required: true
            },
            frame: {
                required: true
            },
            serbian: {
                required: true
            }
        },
        highlight: function (element) {
            $(element).parent().addClass("error");
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().removeClass("error");
            $(element).removeClass("error");
        },
        submitHandler: function (form) {
           
        },
        invalidHandler: function (event, validator) {

        }
    });

    $("#contacts-form").validate({
        errorPlacement: function (error, element) {
        }, /*disable error label*/
        ignore:'', /*do not ignore hidden elements*/
        rules: {
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            message: {
                required: true
            }
        },
        highlight: function (element) {
            $(element).parent().addClass("error");
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().removeClass("error");
            $(element).removeClass("error");
        },
        submitHandler: function () {
            modalHolder.load('modals/confirm-modal.html', function () {
                var mod = $('.modal');
                initFunc(mod);
                $(this).addClass("active");
            });
        },
        invalidHandler: function (event, validator) {

        }
    });

    $("#seminar-form").validate({
        errorPlacement: function (error, element) {
        }, /*disable error label*/
        ignore:'', /*do not ignore hidden elements*/
        rules: {
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true
            },
            organisation: {
                required: true
            }
        },
        highlight: function (element) {
            $(element).parent().addClass("error");
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().removeClass("error");
            $(element).removeClass("error");
        },
        submitHandler: function () {
            modalHolder.load('modals/confirm-modal.html', function () {
                var mod = $('.modal');
                initFunc(mod);
                $(this).addClass("active");
            });
        },
        invalidHandler: function (event, validator) {

        }
    });

    $("#register-form").validate({
        errorPlacement: function (error, element) {
        }, /*disable error label*/
        ignore:'', /*do not ignore hidden elements*/
        rules: {
            name: {
                required: true
            },
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true
            },
            type: {
                required: true
            },
            password: {
                required: true
            }
        },
        highlight: function (element) {
            $(element).parent().addClass("error");
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().removeClass("error");
            $(element).removeClass("error");
        },
        submitHandler: function () {
            modalHolder.load('modals/confirm-modal.html', function () {
                var mod = $('.modal');
                initFunc(mod);
                $(this).addClass("active");
            });
        },
        invalidHandler: function (event, validator) {

        }
    });

    $("#login-form").validate({
        errorPlacement: function (error, element) {
        }, /*disable error label*/
        ignore:'', /*do not ignore hidden elements*/
        rules: {
            email: {
                required: true,
                email: true
            },
            password: {
                required: true
            }
        },
        highlight: function (element) {
            $(element).parent().addClass("error");
            $(element).addClass("error");
        },
        unhighlight: function (element) {
            $(element).parent().removeClass("error");
            $(element).removeClass("error");
        },
        submitHandler: function () {
            modalHolder.load('modals/confirm-modal.html', function () {
                var mod = $('.modal');
                initFunc(mod);
                $(this).addClass("active");
            });
        },
        invalidHandler: function (event, validator) {

        }
    });

    /*responsive___________________*/
    $(window).on("load resize", function () {

        if ($(window).width() + scrollBarW <= 1024) {

        } else {

        }

        if ($(window).width() + scrollBarW <= 840) {
            $(".contacts-data").appendTo(".mobile-contacts");
        } else {
            $(".contacts-data").appendTo(".desktop-contacts");
        }

        main.css("paddingBottom", footer.height());
    });
    /* end of responsive___________*/

    /*navigation___________________*/
    var mobileNavClose = $(".mobile-nav-close"),
        mobileButton = $(".mobile-nav-btn"),
        mobileNav = $(".mobile-nav");

    function navClose() {
        mobileNav.removeClass("active");
        mobileButton.removeClass("active");
        mobileNavClose.removeClass("active");
    }

    function navOpen() {
        mobileNav.addClass("active");
        mobileButton.addClass("active");
        mobileNavClose.addClass("active");
    }

    mobileNavClose.click(function () {
        navClose();
    });

    mobileButton.each(function () {
        $(this).click(function () {
            if ($(this).hasClass("active")) {
                navClose();
            } else {
                navOpen();
            }
        });
    });

    $(".mobile-nav-list a").each(function () {
        if ($(this).parent("li").find("ul").length) {
            $(this).click(function (e) {
                stopEvents(e);
                $(this).parent("li").toggleClass("active").children("ul").slideToggle("fast");
            });
        }
    });

    $(".dropdown-nav-list a").each(function () {
        if ($(this).parent("li").find("ul").length) {
            $(this).click(function (e) {
                stopEvents(e);
                $(this).parent("li").toggleClass("active").children("ul").slideToggle("fast");
            });
        }
    });

    $(".page-holder").click(function () {
        $(".search-form").removeClass("active");
    });
    $(".search-holder").click(function () {
        event.stopPropagation();
        $(".search-form").addClass("active");
    });

    /* end of navigation___________*/

    /*Browser And Platform Detect_______________*/
    var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
    iOS && pageHtml.addClass("ios");
    browserDetect = {
        matchGroups: [
            [
                {uaString: "win", className: "win"},
                {uaString: "mac", className: "mac"},
                {uaString: "android", className: "android"},
                {uaString: "linux", className: "linux"}
            ],
            [
                {uaString: "msie", className: "trident"},
                {uaString: "applewebkit", className: "webkit"},
                {uaString: "gecko", className: "gecko"},
                {uaString: "opera", className: "presto"}
            ],
            [
                {uaString: "msie 8.0", className: "ie8"},
                {uaString: "msie 9.0", className: "ie9"},
                {uaString: "msie 10.0", className: "ie10"},
                {uaString: "firefox", className: "firefox"},
                {uaString: "opera", className: "opera"},
                {uaString: "chrome", className: "chrome"},
                {uaString: "safari", className: "safari"},
                {uaString: "unknown", className: "unknown"}
            ]
        ],

        init: function () {
            return this.detect(), this
        },
        addClass: function (a) {
            this.pageHolder = document.documentElement, document.documentElement.className += " " + a
        },
        detect: function () {
            for (var a, s = 0; s < this.matchGroups.length; s++) {
                a = this.matchGroups[s];
                for (var e, i = 0; i < a.length; i++)if (e = a[i], "string" == typeof e.uaString) {
                    if (this.uaMatch(e.uaString)) {
                        this.addClass(e.className);
                        break
                    }
                } else {
                    for (var t = 0, r = !0; t < e.uaString.length; t++)if (!this.uaMatch(e.uaString[t])) {
                        r = !1;
                        break
                    }
                    if (r) {
                        this.addClass(e.className);
                        break
                    }
                }
            }
        },
        uaMatch: function (a) {
            return this.ua || (this.ua = navigator.userAgent.toLowerCase()), -1 != this.ua.indexOf(a)
        }
    }.init();

    if (!pageHtml.is('.ios, .android')) {

        $.stellar({
            horizontalScrolling: false,
            verticalOffset: 0,
            horizontalOffset: 0
        });

        $("a.fancy").fancybox({
            helpers: {
                overlay: {
                    locked: false
                }
            }
        });
    } else {
        $("a.fancy").click(function (e) {
            stopEvents(e);
        });
    }

    $(window).on("load resize", function () {

        if ($(window).width() + scrollBarW > 1024) {
            $.stellar({
                horizontalScrolling: false,
                verticalOffset: 0,
                horizontalOffset: 0
            });

            $("a.fancy").fancybox({
                helpers: {
                    overlay: {
                        locked: false
                    }
                }
            });

        } else {
            $("a.fancy").click(function (e) {
                stopEvents(e);
            });
        }

    });

    /*pixel ratio*/
    var retina = window.devicePixelRatio > 1 ? "retina" : "no-retina";
    pageHtml.addClass(retina);
    /* end of pixel ratio*/

    if (pageHtml.is(".ie8, .ie9")) {
        modalHolder.load("modals/warning-modal.html");
    }
    /* end of Browser And Platform Detect_______*/

    /*modalHolder.load('modals/confirm-modal.html', function () {
     var mod = $('.modal');
     initFunc(mod);
     $(this).addClass("active");
     });*/

    /*if ($(window).width() + scrollBarW >= 980) {

        if ($(".stages-item.item-1").length) {
            var stagePositionA = $(".stages-item.item-1").offset().top - 100;
            var stagePositionB = $(".stages-item.item-2").offset().top - 100;
            var stagePositionC = $(".stages-item.item-3").offset().top - 100;
            var stagePositionD = $(".stages-item.item-4").offset().top - 100;
            var stagePositionE = $(".stages-item.item-5").offset().top - 100;
            var stagePositionF = $(".stages-item.item-6").offset().top - 100;
            var stagePositionG = $(".stages-item.item-7").offset().top - 100;
            var stagePositionH = $(".stages-item.item-8").offset().top - 100;
            var stagePositionI = $(".stages-item.item-9").offset().top - 100;
            var stagePositionK = $(".stages-result").offset().top - 100;

            setTimeout(function () {
                $(".stages-item.item-1").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionA}, 600);
            }, 700);

            setTimeout(function () {
                $(".stages-item.item-1 .stages-item-icon").addClass("active");
            }, 3000);


            setTimeout(function () {
                $(".stages-item.item-2").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionB}, 600);
            }, 4000);

            setTimeout(function () {
                $(".stages-item.item-2 .stages-item-icon").addClass("active");
            }, 6300);


            setTimeout(function () {
                $(".stages-item.item-3").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionC}, 600);
            }, 7300);

            setTimeout(function () {
                $(".stages-item.item-3 .stages-item-icon").addClass("active");
            }, 9600);


            setTimeout(function () {
                $(".stages-item.item-4").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionD}, 600);
            }, 10600);

            setTimeout(function () {
                $(".stages-item.item-4 .stages-item-icon").addClass("active");
            }, 12900);


            setTimeout(function () {
                $(".stages-item.item-5").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionE}, 600);
            }, 13900);

            setTimeout(function () {
                $(".stages-item.item-5 .stages-item-icon").addClass("active");
            }, 16200);


            setTimeout(function () {
                $(".stages-item.item-6").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionF}, 600);
            }, 17200);

            setTimeout(function () {
                $(".stages-item.item-6 .stages-item-icon").addClass("active");
            }, 19500);


            setTimeout(function () {
                $(".stages-item.item-7").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionG}, 600);
            }, 20500);

            setTimeout(function () {
                $(".stages-item.item-7 .stages-item-icon").addClass("active");
            }, 22800);


            setTimeout(function () {
                $(".stages-item.item-8").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionH}, 600);
            }, 23800);

            setTimeout(function () {
                $(".stages-item.item-8 .stages-item-icon").addClass("active");
            }, 26100);


            setTimeout(function () {
                $(".stages-item.item-9").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionI}, 600);
            }, 27100);

            setTimeout(function () {
                $(".stages-item.item-9 .stages-item-icon").addClass("active");
            }, 29400);


            setTimeout(function () {
                $(".stages-result.item-10").addClass("active");
                $("html:not(:animated),body:not(:animated)").animate({scrollTop: stagePositionK}, 600);
            }, 31000);


            setTimeout(function () {
                $(".stages-list").addClass("active");
            }, 1000);
        }

    }*/


    $(window).on("load scroll", function () {

      $(".effect-item").each(function () {
        if (($(window).scrollTop() + $(window).height()) >= $(this).offset().top + 300) {
          $(this).addClass("active");
        }
      });

    });



});

$(window).load(function () {
    var pageHtml = $("html");
    pageHtml.addClass("loaded");




});