/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

/* Theme JS */
require([
    'jquery',
    'mage/cookies',
    'domReady!'
], function ($) {
    'use strict';
    /* dynamic input size for overlay search */
    $.fn.textWidth = function (text, font) {
        if (!$.fn.textWidth.fakeEl) $.fn.textWidth.fakeEl = $('<span>').hide().appendTo(document.body);
        $.fn.textWidth.fakeEl.text(text || this.val() || this.text() || this.attr('placeholder')).css({
            'font': font || this.css('font'),
            'text-transform': 'uppercase',
            'letter-spacing': this.css('letter-spacing')
        });
        return $.fn.textWidth.fakeEl.width();
    };
    $('.width-dynamic').on('input', function () {
        var inputWidth = $(this).textWidth() + 40; //40 is padding
        $(this).css({
            width: inputWidth
        })
    }).trigger('input');
    $('.width-dynamic').blur(function () {
        if (!$(this).val().length) {
            $(this).css({
                width: ''
            })
        }
    });
    /* input plus minus */
    $("body").on('click', ".qty-controls-wrap .qty-plus", function (event) {
        event.preventDefault();
        var _input = $(this).parent().find('input');
        _input.val(parseInt(_input.val()) + 1);
        _input.change();
        $(this).parent().find('button.update-cart-item').show();

    });
    $("body").on('click', ".qty-controls-wrap .qty-minus", function (event) {
        event.preventDefault();
        var _input = $(this).parent().find('input');
        var count = parseInt(_input.val()) - 1;
        count = count < 0 ? 0 : count;
        _input.val(count).change();
        $(this).parent().find('button.update-cart-item').show();

    });
    $("body").on('change', ".qty-controls-wrap input", function () {
        var $this = $(this);
        var min = 0;
        var val = parseInt($this.val(), 10);
        var max = 10000000;
        val = Math.min(val, max);
        val = Math.max(val, min);
        if (isNaN(val)) {
            val = 0;
        }
        $this.val(val);
        $this.trigger('keypress');
    });


    /* Filter toggle */
    var item = $('.block.filter, .filters-slideout-content').find('.filter-options, .filter-current'),
        itemContent = item.find('.filter-options-content, .ox-toggle-content');

    if (item.length) {
        item.each(function () {
            if ($(this).hasClass('collapsible')) {
                if ($(this).hasClass('open')) {
                    $(this).find(itemContent).slideDown(function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                } else {
                    $(this).find(itemContent).slideUp(function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                }
            }
        });
        $(document).on('click', '.filter-options-title, .filter-current-subtitle', function (e) {
            e.preventDefault();
            var speed = 300;
            var thisParent = $(this).parent(),
                nextLevel = $(this).next('.filter-options-content, .ox-toggle-content');
            if (thisParent.hasClass('collapsible')) {
                if (thisParent.hasClass('open')) {
                    thisParent.removeClass('open');
                    nextLevel.slideUp(speed, function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                } else {
                    thisParent.addClass('open');
                    nextLevel.slideDown(speed, function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                }
            }
        })
    }

    $.fn.ox_toggles = function () {
        var $this = $(this);
        $this.each(function () {
            if ($(this).hasClass('collapsible')) {
                if ($(this).hasClass('open')) {
                    $(this).find(itemContent).slideDown();
                } else {
                    $(this).find(itemContent).slideUp();
                }
            }
        });

        $this.on('click', '.ox-toggle-title', function (e) {
            e.preventDefault();
            var speed = 300;
            var thisParent = $(this).parent(),
                nextLevel = $(this).next('.ox-toggle-content');
            if (thisParent.hasClass('collapsible')) {
                if (thisParent.hasClass('open')) {
                    thisParent.removeClass('open');
                    nextLevel.slideUp(speed, function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                } else {
                    thisParent.addClass('open');
                    nextLevel.slideDown(speed, function () {
                        $('body').trigger('oxToggleUpdated');
                    });
                }
            }
        })
    };
    $('.ox-toggle').ox_toggles();

    /* Collapsible text */
    $('body').on('click.OXExpand', '.ox-expand .ox-expand__link', function (e) {
        e.preventDefault();
        var $this = $(this).closest('.ox-expand').eq(0),
            max_height = $this.data('max-height') || 90,
            isMin = $this.hasClass('minimized');
        $this.toggleClass('minimized', !isMin)
            .children('.ox-expand__inner')
            .attr("aria-expanded", isMin ? "true" : "false")
            .css('max-height', isMin ? '100%' : max_height);
    });


    // Forced full-width stretching
    $.fn.ox_force_fullwidth = function () {
        var $this = $(this);

        function stretching($this, $window) {
            var $window = $window || $(window),
                $window_w = $window.width();
            return $this.each(function () {
                var _this = $(this),
                    _this_outer = _this.outerWidth(),
                    _this_marg_l = _this.css('margin-left').replace(/[^0-9\.\,\-]/ig, '') || '0';
                if (0 !== $window_w - _this_outer) {
                    _this.width(_this.width() + ($window_w - _this_outer));
                }
                try {
                    _this_marg_l = parseFloat(_this_marg_l);
                } catch (e) {
                    _this_marg_l = 0;
                }
                _this.css('margin-left', _this_marg_l - _this.offset().left);
            });
        }

        $(window).on('resize', function () {
            stretching($this, $(this));
        });
        return stretching($this);
    };
    // Forced full-width stretching
    $('.ox_force_fullwidth').ox_force_fullwidth();
});

/*
require([
    'jquery',
    'jquery-plugin',
    'countdown'
],
function($) {
    if ($(".js-countdown").length) {

        var showZero = showZero || true;

        $(".js-countdown").each(function() {
            var $this = $(this),
                date = $this.data('date'),
                set_year = $this.data('year') || 'Yrs',
                set_month = $this.data('month') || 'Mths',
                set_week = $this.data('week') || 'Wk',
                set_day = $this.data('day') || 'days',
                set_hour = $this.data('hour') || 'hours',
                set_minute = $this.data('minute') || 'min',
                set_second = $this.data('second') || 'sec';

            if (date = date.split('-')) {
                date = date.join('/');
            } else return;

            $this.countdown(date , function(e) {
                var format = '<span class="countdown-row">';

                function addFormat(func, timeNum, showZero) {
                    if(timeNum === 0 && !showZero) return;

                    func(format);
                };

                addFormat(function() {
                    format += '<span class="countdown-section">'
                        + '<span class="countdown-amount">' + e.offset.totalDays + '</span>'
                        + '<span class="countdown-period">' + set_day + '</span>'
                        + '</span>';
                }, e.offset.totalDays, showZero);

                addFormat(function() {
                    format += '<span class="countdown-section">'
                        + '<span class="countdown-amount">' + e.offset.hours + '</span>'
                        + '<span class="countdown-period">' + set_hour + '</span>'
                        + '</span>';
                }, e.offset.hours, showZero);

                addFormat(function() {
                    format += '<span class="countdown-section">'
                        + '<span class="countdown-amount">' + e.offset.minutes + '</span>'
                        + '<span class="countdown-period">' + set_minute + '</span>'
                        + '</span>';
                }, e.offset.minutes, showZero);

                addFormat(function() {
                    format += '<span class="countdown-section">'
                        + '<span class="countdown-amount">' + e.offset.seconds + '</span>'
                        + '<span class="countdown-period">' + set_second + '</span>'
                        + '</span>';
                }, e.offset.seconds, showZero);

                format += '</span>';

                $(this).html(format);
            });
        });
    }
});*/
require([
    'jquery',
    'domReady!'
], function ($) {
    'use strict';
    if ($('body.catalog-product-view')) {
        $(document).on('mousemove', '.product.media .gallery-placeholder', function (e) {
            var parentOffset = $(this).offset();
            var relX = e.pageX - parentOffset.left;
            var relY = e.pageY - parentOffset.top;
            $('#ox-zoom-cursor').css({ left: relX, top: relY });
        });
    }
});

require([
    'jquery',
    'domReady!'
], function ($) {
    'use strict';

    var socialShare = $('.social-share__action');
    if (socialShare.length) {
        socialShare.on('click', function (e) {
            $('.social-share__content').addClass('opened');
            e.stopPropagation();
        });
        $('body').on('click', function () {
            $('.social-share__content').removeClass('opened');
        });
    }
});

require(['jquery', 'domReady!', 'js/waypoints'], function ($) {
    $('.ox-animate:not(.animated)').waypoint({
        handler: function () {
            var $this = $(this.element),
                delay = $this.data('animdelay') || 1;
            if ($this.hasClass('animated')) {
                return;
            }
            if (this.hasOwnProperty('element')) {
                $this = $(this.element);
            } else {
                $this = $(this);
            }
            setTimeout(function () {
                $this.addClass('animated');
            }, delay);
        },
        offset: '80%'
    });
});

require(['jquery', 'domReady!'], function ($) {
    (function () {
        if ($('body').hasClass('page-layout-1column') || $('body').hasClass('page-layout-1column-fullwidth')) {
            var $this = $('.ox-move-item-filtersslideout, .ox-block-filter, .sidebar-additional'),
                $parent = $('[data-move-mobile="filtersslideout"]').eq(0);
            if (!$this.length || !$parent.length || $this.parent().is($parent)) {
                return;
            }
            var element = $this.detach();
            $parent.append(element);
            $('body').addClass('ox-show-filter');
        }
    })();
});

require([
    'jquery',
    'jquery-ui-modules/effect',
    'domReady!'
], function ($) {
    /* cms banner animation */
    var debounce = function (func, wait, immediate) {
        var timeout, args, context, timestamp, result;
        return function () {
            context = this;
            args = arguments;
            timestamp = new Date();
            var later = function () {
                var last = (new Date()) - timestamp;
                if (last < wait) {
                    timeout = setTimeout(later, wait - last);
                } else {
                    timeout = null;
                    if (!immediate)
                        result = func.apply(context, args);
                }
            };
            var callNow = immediate && !timeout;
            if (!timeout) {
                timeout = setTimeout(later, wait);
            }
            if (callNow)
                result = func.apply(context, args);
            return result;
        };
    };
    $.fn.OxBanner = function () {

        var cmsBanner = $(this);
        var cmsBannerText = cmsBanner.find('.ox-banner-animated-container');

        if (!cmsBannerText.length)
            return;

        $('.text', cmsBanner).wrap('<div class="animation-wrapper animation-text" />');
        $('.link', cmsBanner).wrap('<div class="animation-wrapper animation-link" />');
        $(' br', cmsBannerText).hide();

        var initTitle = function () {
            //$('.text, .link', cmsBanner).removeAttr('style');
            $('.animation-wrapper', cmsBanner).removeAttr('style').css({ visibility: 'hidden' }).attr({ 'data-width': '', 'data-height': '' });

            cmsBannerText.css('visibility', 'visible');
            $('.text, .link', cmsBanner).each(function () {
                var w = $(this).outerWidth(),
                    h = $(this).outerHeight();

                $(this).parent()
                    .attr('data-width', w)
                    .attr('data-height', h)
                    .width(0)
                    .height(h);
            });
            /*
            $( '.ox-banner-animated-container.center', cmsBanner ).each( function () {
                $( this ).css( 'marginTop', parseInt( ( $( this ).parent().height() - $( this ).height() ) / 2 ) + 'px' );
            } );*/
        };

        var showTitle = function () {
            initTitle();
            $('.animation-wrapper', cmsBannerText).each(function (i) {
                $(this)
                    .css('visibility', 'visible')
                    .delay(32 * i)
                    .queue(function (next) {
                        $(this).animate({ width: $(this).attr('data-width') }, 256, 'easeOutExpo');
                        next();
                    });
            });
        };

        //banner hover
        $('.ox-banner').hover(
            function () {
                $('.ox-banner-animated-container .animation-wrapper', this).each(function (i) {
                    $(this)
                        .delay(64 * (i))
                        .queue(function (next) {
                            $(this).addClass('animate-me');
                            next();
                        });
                });
            },
            function () {
                $('.ox-banner-animated-container .animation-wrapper', this).each(function (i) {
                    $(this)
                        .delay(64 * i)
                        .queue(function (next) {
                            $(this).removeClass('animate-me');
                            next();
                        });
                });
            }
        );

        setTimeout(function () {
            showTitle();
            $(window).on('resize', function () {
                $('.animation-wrapper', cmsBannerText).css({ width: 0 });
            });
            $(window).resize(debounce(showTitle, 400));
        }, 1000);
    };
    $('.ox-banner-animated-text').OxBanner();

    $(function () {
        $('body').on('click', '.ox-social-button', function (e) {
            var newWind = window.open($(this).attr('href'), $(this).attr('title'), "width=420,height=320,resizable=yes,scrollbars=yes,status=yes");
            if (newWind) {
                newWind.focus();
                e.preventDefault();
            }
        });
    });
});

require(['jquery', 'matchMedia'], function ($) {
    $(function () {
        var _this = '#mana_ajax_wrapper_main_mana_layered_nav',
            _class = 'filtersslideout',
            mediaBreakpoint = '(min-width: 1025px)';
        mediaCheck({
            media: mediaBreakpoint,
            entry: function () {
                var $this = $(_this),
                    $desktop_parent = $('[data-move-desktop="' + _class + '"]').eq(0),
                    position = $this.data('moveDesktopPosition') || 0;
                if (!_class || !$desktop_parent.length || $this.parent().is($desktop_parent)) {
                    return;
                }

                var element = $this.detach();
                if (0 < position) {
                    var prev = $desktop_parent.children().eq(position - 1);
                    if (prev.length) {
                        prev.after(element);
                    } else {
                        $desktop_parent.prepend(element);
                    }
                } else {
                    $desktop_parent.prepend(element);
                }
            },
            exit: function () {
                var $this = $(_this),
                    $mobile_parent = $('[data-move-mobile="' + _class + '"]').eq(0);
                if (!$this.length || !$mobile_parent.length || $this.parent().is($mobile_parent)) {
                    return;
                }
                if (!$('[data-move-desktop="' + _class + '"]').length) {
                    $this.parent().attr('data-move-desktop', _class);
                }
                $this.data('moveDesktopPosition', $this.parent().children().index($this));
                var element = $this.detach();
                $mobile_parent.append(element);
            }
        });
    });
});
require(['jquery', 'matchMedia'], function ($) {
    $(function () {
        var _this = '.header__item-account-links',
            _class = 'store.links',
            mediaBreakpoint = '(min-width: 1025px)';
        if (_this.length) {
            mediaCheck({
                media: mediaBreakpoint,
                entry: function () {
                    var $this = $(_this),
                        $desktop_parent = $('[data-move-desktop="header.myaccount"]').eq(0),
                        position = $this.data('moveDesktopPosition') || 0;
                    if (!$desktop_parent.length || $this.parent().is($desktop_parent)) {
                        return;
                    }

                    var element = $this.detach();
                    if (0 < position) {
                        var prev = $desktop_parent.children().eq(position - 1);
                        if (prev.length) {
                            prev.after(element);
                        } else {
                            $desktop_parent.append(element);
                        }
                    } else {
                        $desktop_parent.append(element);
                    }
                },
                exit: function () {
                    var $this = $(_this),
                        $mobile_parent = $('[data-move-mobile="' + _class + '"]').eq(0);
                    if (!$this.length || !$mobile_parent.length || $this.parent().is($mobile_parent)) {
                        return;
                    }
                    $this.data('moveDesktopPosition', $this.parent().children().index($this));
                    var element = $this.detach();
                    $mobile_parent.append(element);
                }
            });
        }
    });
});

/* resize fullheight menu if its width bigger than the header area */
require(["jquery", "domReady!"], function ($) {
    "use strict";
    $(function () {
        var menu2 = $('.menu-style-2'),
            menu4 = $('.menu-style-4'),
            menu5 = $('.menu-style-5'),
            headerContent = $('.page-header'),
            headerLeft = headerContent.find('.ox-megamenu-navigation'),
            headerLeftWidth = headerLeft.innerWidth();

        function debouncer(func, timeout) {
            var timeoutID, timeout = timeout || 500;
            return function () {
                var scope = this,
                    args = arguments;
                clearTimeout(timeoutID);
                timeoutID = setTimeout(function () {
                    func.apply(scope, Array.prototype.slice.call(args));
                }, timeout);
            }
        }

        var calcMenuWidth = function () {
            headerLeft = headerContent.find('.ox-megamenu-navigation');
            if ((menu2.length || menu4.length || menu5.length) && headerLeft.length && $(window).width() > 1024) {
                var count = 0,
                    padding = 0;
                if (menu5.length) {
                    padding = 24;
                }
                headerLeftWidth = headerLeft.innerWidth() - padding;
                headerLeft.find("> li").each(function () {
                    count += $(this).outerWidth(true);
                });
                $('body').toggleClass('ox-mm-resize', headerLeftWidth < count);
            }
        };
        calcMenuWidth();
        $(window).on('resize', function () {
            debouncer(calcMenuWidth());
            setTimeout(function () {
                debouncer(calcMenuWidth());
            }, 150);
        });
    });
});

require(["jquery"], function ($) {
    "use strict";
    $(function () {
        $('.block-search.block-search--type-panel button.action-search').on('click', function (event) {
            event.preventDefault();
            event.stopPropagation();

            $(this).closest('.block-search').eq(0).find('form').trigger('submit');
        });
    });
});

require(["jquery"], function ($) {
    "use strict";
    $(function () {
        $(".js-input-focus").each(function () {
            if ($(this).val().length) {
                $(this).closest(".control").addClass('input-focused');
            }
            $("html").addClass('ox-search-focused');
        });
        $(".js-input-focus").focus(function () {
            $(this).closest(".control").addClass('input-focused');
            $("html").addClass('ox-search-focused');
        }).blur(function () {
            if (!$(this).val().length) {
                $(this).closest(".control").removeClass('input-focused');
                $("html").removeClass('ox-search-focused');

            }
        })

    });
});

require(["jquery"], function ($) {
    "use strict";
    $(function () {
        //check device type
        //touch on IOS and Android
        var isAndroid = /(android)/i.test(navigator.userAgent);
        var isMobile = /(mobile)/i.test(navigator.userAgent);
        if (navigator.userAgent.match(/(iPod|iPhone|iPad)/) || isAndroid || isMobile) {
            $('html').addClass('touch').removeClass('no-touch');
        } else {
            $('html').addClass('no-touch').removeClass('touch');
        }

    });
});

require(["jquery", "jquery/jquery.cookie"], function ($) {
    "use strict";
    $(function () {

        function showTopBanner(top_banner) {
            var $top_banner = $(top_banner);

            if ($top_banner.attr('data-mode') == 'always') {

                //$top_banner.addClass('show-top-banner');
                if ($top_banner.is(":hidden")) {
                    $top_banner.slideDown(200);
                }
                $top_banner.on('click', function (e) {
                    if ($('.at-close-banner').is(e.target)) {
                        $(this).slideUp(400, function () {
                            $(this).remove();
                        });
                    }

                    e.preventDefault();
                    return false;
                });

            } else {

                var show_top_banner = $.cookie('TopBannerOnce');
                if (show_top_banner == null) {
                    //$top_banner.addClass('show-top-banner');
                    if ($top_banner.is(":hidden")) {
                        $top_banner.slideDown(200);
                    }
                }
                $top_banner.on('click', function (e) {
                    if ($('.at-close-banner').is(e.target)) {
                        $(this).slideUp(400, function () {
                            $(this).remove();
                        });

                        $.cookie('TopBannerOnce', 'no', {
                            expires: 500
                        });
                    }

                    e.preventDefault();
                    return false;
                });

            }

        }

        showTopBanner('.header-top-banner');
        //showTopBanner('.header-bottom-banner');

    });
});

require([
    'jquery',
], function ($) {
    'use strict';

    function init() {
        $('.js-toolbar-switch').off('mouseenter').on('mouseenter', function (e) {
            var $this = $(this),
                $dropdown = $('.js-toolbar-dropdown', $this),
                width;
            $this.addClass('over');
            if ($this.closest('.sorter').length) {
                width = $this.width() + 50;
            } else {
                width = $this.width() - parseInt($dropdown.css('padding-left')) * 2;
            }
            $dropdown
                .css('width', width)
                .stop(true, true)
                .hide()
                .animate({
                    opacity: 1,
                    height: 'toggle'
                }, 100);
        }).off('mouseleave').on('mouseleave', function (e) {
            var $this = $(this),
                $dropdown = $('.js-toolbar-dropdown', $this);
            $dropdown.stop(true, true).animate({
                opacity: 0,
                height: 'toggle'
            }, 100, function () {
                $this.removeClass('over');
            });
        }
        );
    }

    $(init);
    $('body').on('contentUpdated', init);

});

require(["jquery"], function ($) {
    "use strict";
    $(function () {

        var $toTop = $("#toTop");
        if ($toTop.length > 0) {
            $(window).on('scroll', function () {
                if ($(this).scrollTop() > 100) {
                    $toTop.show();
                } else {
                    $toTop.hide();
                }
            });
            $toTop.on("click", function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 256);
                return false;
            });
        }

    });
});

require(["jquery"], function ($) {
    "use strict";
    function videoInit() {
        $(".product-item").each(function () {
            var $this = $(this),
                hoverWrapper = $this.find('.ox-product-hover-image-container'),
                video = $('video', hoverWrapper).get(0);
            if (video) {
                $this.hover(playVideo, hideVideo);

                async function playVideo() {
                    try {
                        await video.play();
                    } catch (err) {
                        console.log(err);
                    }
                }

                function hideVideo() {
                    if (!video.paused) {
                        video.pause();
                    }
                }
            }
        });
    };
    $(videoInit);
    $('body').on('contentUpdated', videoInit);
});


require([
    'jquery',
    'domReady!'
], function ($) {
    'use strict';


    $("button.toggle-unit").click(function () {

        // toggle button class
        $("button.toggle-unit").toggleClass("toggle-unit-active");
        $("button.toggle-unit").toggleClass("selected");

        // aria pressend and selected on false
        $("button.toggle-unit").attr("aria-pressed", "false");
        $("button.toggle-unit").attr("aria-selected", "false");

        // put all selected buttons to aria-pressed and aria-selected true 
        $("button.toggle-unit.selected").attr("aria-pressed", "true");
        $("button.toggle-unit.selected").attr("aria-selected", "true");

        // toggle values for unit
        $("span.value-mm").toggle();
        $("span.value-inch").toggle();
        $("span.inch-label").toggle();
        $("span.mm-label").toggle();
        $("span.value-km").toggle();
        $("span.value-miles").toggle();

    });

/* CALLOUTS */
$("button.callout-link").click(function () {

    var yPosLink = 0;

    // set all links to default
    $("button.callout-link").removeClass("callout-link-active");

    // get id of infoblock
    var myId = this.id;
    var divId = myId.replace("link", "info");

    // get rel
    var myRel = $(this).attr("rel");

    // check if click to show or click to hide
    if ($("div#" + divId).is(":visible")) {
        $(this).removeClass("callout-link-active");
        // close this one
        $("div#" + divId).fadeOut('fast');
        $(this).text(myRel);
        // a360
        $(this).attr("aria-expanded", "false");
    }
    else {

        // add active
        $(this).addClass("callout-link-active");

        // hide all other info blocks
        $("div.callout-info").fadeOut();

        // show this one
        $("div#" + divId).fadeIn();

        // a360
        $(this).attr("aria-expanded", "true");

        // set position of infoblock
        yPosLink = $(this).position().top;

        var yPosDiv = yPosLink + 22;
        $("div#" + divId).css({ top: yPosDiv + 'px' });

        // change link text
        $(this).text("X");

        // change other link texts back to number
        $("button.callout-link").each(function () {
            loopId = this.id;
            numberText = $(this).attr("rel");
            if (loopId != myId) {
                $(this).text(numberText);
            }
        });

    }

});

// SK: reposition callouts based on css image size
$(".callout-link").each(function () {

    var originalWidth = 970;
    var imageWidth = $("#highlights .image img").width();

    if (imageWidth < originalWidth) {

        var factor = (imageWidth / originalWidth);

        // get original positions
        var originalTop = $(this).attr("data-originaltop");
        var originalLeft = $(this).attr("data-originalleft");

        // define new position
        var newTopValue = originalTop * factor;
        var newLeftValue = originalLeft * factor;
        if (imageWidth == 500) {
            newLeftValue = newLeftValue + 30
        } else {
            newLeftValue = newLeftValue - 30;
        }

        // set position
        $(this).css('top', newTopValue);
        $(this).css('left', newLeftValue);

    }

});    


});