').css({paddingBottom: (100*$img.attr('height'))/$img.attr('width') + '%'}));
}
$img.addClass('cdz-lazy owl-lazy').attr('data-src', $img.data('lazysrc')).removeAttr('data-lazysrc').cdzLazy(100, function() {
$img.removeClass('cdz-lazy owl-lazy').css('display', '');
});
});
}
thc.init = function() {
this.triggerAdaptScreen();
this.triggerAdaptScreen(1200);
this.winWidthChangedEvent();
var sht, lt = false, setupScr = () => {this.isMbScreen() ? this.setupMobile() : this.setupDesktop();};
$win.on(deskEvent, this.setupDesktop)
.on(mobiEvent, this.setupMobile)
.on(winWidthChangedEvent, () => {
if (sht) clearTimeout(sht);
sht = setTimeout(this.makeSameHeight, 300);
});
this.cdzLazyImage();
$body.on('contentUpdated cdzResize', () => {
if (sht) clearTimeout(sht);
sht = setTimeout(this.makeSameHeight, 100);
}).on('cdzTabsOpened', (e, $tab) => {
if (sht) clearTimeout(sht);
sht = setTimeout(() => {
this.makeSameHeight($tab);
}, 100);
}).on('swatch.initialized', (e) => {
this.makeSameHeight($(e.target).parents('[data-sameheight]').first().parent());
});
$(document).ajaxComplete(() => {
if (lt) clearTimeout(lt);
lt = setTimeout(this.cdzLazyImage, 500);
});
setupScr();
this.toggleMobileMenu();
this.autoTrigger();
this.qtyControl();
this.remoteSliderNav();
this.scrollTo();
this.mobiProductViewTabs();
this.addNumControl();
require(['domReady!'], () => {
this.mbtoolbar();
this.toggleContent();
this.moveFromSourceElement();
this.attachCustomerInfo();
this.verticalMenu();
this.backToTop();
setupScr();
});
$body.on('contentUpdated', () => {
this.toggleContent();
this.cdzLazyImage();
this.addNumControl();
});
this.makeSameHeight();
var onLoaded = () => {
this.ajaxHandler();
this.stickyMenu();
this.makeSameHeight();
this.updateFormKey();
this.qtyControl();
this.addNumControl();
this.sectionMenu();
setupScr();
}
window.windowLoaded ? onLoaded() : $win.on('load', onLoaded);
};
thc.ajaxHandler = () => {
$(document).ajaxStart(() => {
$body.addClass('cdz-ajax-loading');
});
$(document).ajaxStop(() => {
$body.removeClass('cdz-ajax-loading');
});
};
thc.remoteSliderNav = () => {
$body.on('click', '[data-targetslider]', function() {
var $btn = $(this), sliderId = $btn.data('targetslider'),
$slider = $('#' + sliderId).find('.owl-carousel');
if ($slider.length) $btn.hasClass('owl-prev') ? $slider.trigger('prev.owl.carousel') : $slider.trigger('next.owl.carousel');
});
};
thc.attachCustomerInfo = function() {
function loadCustomerInfo() {
if ($('[data-customerinfo]').length) {
$.ajax({
url: codazon.customerDataUrl,
type: "get",
cache: false,
success: (data) => {
var customer = data.customer
if (customer) {
$('[data-customerinfo]').each(function() {
var $info = $(this), info = $info.data('customerinfo');
$info.removeAttr('data-customerinfo');
if (customer[info]) {
$info.replaceWith(customer[info].replace(/(<([^>]+)>)/ig,''));
}
});
}
}
});
}
}
loadCustomerInfo();
$body.on('contentUpdated', loadCustomerInfo);
};
thc.mbtoolbar = function() {
var $toolbar = $('#mb-bottom-toolbar'), $btnSlider = $('[data-role=group-slider]', $toolbar),
$switcher = $('[data-role=switch-group]'), clicked = false;
$btnSlider.owlCarousel({
items: 1,
dots: false,
nav: false,
animateIn: 'changing',
animateOut: false,
touchDrag: false,
mouseDrag: false,
rtl: $body.hasClass('rtl-layout'),
onChanged: function(property) {
if (clicked) {
var dotsCount = $switcher.find('.dot').length;
$switcher.toggleClass('return');
$switcher.find('.dot').each((i, el) => {
var $dot = $(el);
setTimeout(() => {
$dot.removeClass('wave-line').addClass('wave-line');
setTimeout(() => {
$dot.removeClass('wave-line');
}, 1000);
}, i*100);
});
setTimeout(() => {
$btnSlider.find('.owl-item').removeClass('changing animated');
},300);
clicked = false;
}
}
});
var owl = $btnSlider.data('owl.carousel'), slideTo = 0;
$switcher.on('click', (e) => {
clicked = true;
e.preventDefault();
slideTo = !slideTo;
owl.to(slideTo, 1, true);
});
var $currentDisplay = false, $currentPlaceholder = $('').hide().appendTo('body'),
$toolbarContent = $toolbar.find('[data-role=mb-toolbar-content]').first(), eventType = (typeof window.orientation == 'undefined') ? 'click' : 'touchend';
$toolbar.find('[data-action]').on(eventType, function(e) {
e.preventDefault();
var $btn = $(this);
var action = $btn.data('action');
if (action.display) {
if (!$toolbar.hasClass('content-opened')) {
$toolbar.addClass('content-opened');
if (action.display.element) {
if ($(action.display.element).length) {
$currentDisplay = $(action.display.element).first();
$currentPlaceholder.insertBefore($currentDisplay);
$currentDisplay.appendTo($toolbarContent);
}
}
} else {
$toolbar.removeClass('content-opened')
if ($currentDisplay) {
$currentDisplay.insertAfter($currentPlaceholder);
$currentDisplay = false;
}
}
}
if (action.trigger) {
$(action.trigger.target).trigger(action.trigger.event);
}
});
$toolbar.on('click', '[data-role=close-content]', () => {
$toolbar.removeClass('content-opened');
if ($currentDisplay) {
$currentDisplay.insertAfter($currentPlaceholder);
$currentDisplay = false;
}
});
};
thc.makeSameHeight = function($context) {
if (typeof $context == 'undefined') $context = $body;
$('[data-sameheight]', $context).each(function() {
var $el = $(this);
if ($el.is(':visible')) {
var sameHeightArray = $el.data('sameheight').split(',');
$.each(sameHeightArray, function(i, sameHeight) {
var maxHeight = 0;
$el.find(sameHeight).css({minHeight: ''}).each(function() {
var $sItem = $(this), height = $sItem.outerHeight();
if (height > maxHeight) {
maxHeight = height;
}
}).css({minHeight: maxHeight});
});
}
});
};
thc.sectionMenu = function() {
if ($('[data-secmenuitem]').length) {
var processing = false, topSpace = 100, $wrap = $('