// === VIVID ===
$(document).ready(function () {
// FIXED HEADER
function fixNav(){
if (!$('.cart-menu').length && !$('.-g-template-black-friday').length){
var nav = $('.main-header');
var pos = 10;
var posDelay = nav.height()*2;
var prevScroll = 0;
$(window).scroll(function () {
var fix = ($(this).scrollTop() > posDelay) ? true : false;
if(fix){
nav.addClass('fade-menu', fix);
if($(this).scrollTop() > prevScroll){
nav.removeClass('active-menu');
}else{
nav.addClass('active-menu');
}
}else{
nav.removeClass('fade-menu ', fix);
}
prevScroll = $(this).scrollTop();
});
}
}
$.Gomag.bind('Widget/Add/After', function(){
fixNav();
});
// FASHION MENU ==========
function Menu(){
$('.menu-dd').each(function() {
var $this = $(this);
var Nli = $this.find('li').length;
var Nlink = $this.find('a').length;
var Ncol = Math.ceil(Nlink / 15);
var Mbanner = $this.find('.cat-img').length;
Ncol = Ncol == 0 ? 1 : Ncol;
col = Nli > Ncol ? Ncol : Nli;
col = (col + (Mbanner ? 1 : 0) > 4) ? 4 : col;
$this.addClass('column' + col);
if (Mbanner){$this.addClass('banner');};
if ($this.find('li span > a').length == 0){
$this.addClass('no-sub');
};
if ($this.hasClass('column4')){
$this.parent().addClass('initial-h');
};
});
};
Menu();
$('.main-header .menu-drop').hover(function() {
$('.main-header .menu-drop .menu-dd').removeClass('open');
$(this).children('.menu-dd').stop().addClass('open');
if ( $('.slide-item-menu').length ) {
$('.slide-item-menu').owlCarousel({items:1,navigation:!0,pagination:!1});
var owl = $('.slide-item-menu');
var owlInstance = owl.data('owlCarousel');
if(owlInstance != null)
owlInstance.reinit();
};
},function() {
$('.main-header .menu-drop .menu-dd').removeClass('open');
});
$('.search-m').click(function() {
$('.search-toggle').toggleClass('visible');
$('.main-header').toggleClass('search-active');
});
$('.search-form-box.search-toggle').prepend('');
$(document).on('click', '.search-modal', function(event) {
event.preventDefault();
$('.main-header .acount-section .search-m').click();
$('#_autocompleteSearchMobileToggle').val('');
});
// DISABLE DETAIL SLIDER
if($( window ).width() > 767 ){
$('.prod-lg-sld').slick('unslick');
$('.thumb-sld').slick('unslick');
$.Gomag.bind('Product/Details/After/Ajax/Load', function(response){
$('.prod-lg-sld').slick('unslick');
$('.thumb-sld').slick('unslick');
});
}
$.Gomag.bind('Widget/Add/After', function(){
// BF SIDEBAR + MENU STICKY
if($('.-g-template-black-friday').length){
$('.main-header').css({'top' : '-' + $('.discount-tape').height() + 'px'});
}
if($( window ).width() > 991 && $('.-g-template-black-friday').length){
$('.landing-h .side-menu.fixed').css({'top' : $('.main-header .top-head-bg').outerHeight() + 20 + 'px'});
}
// DETAIL SLIDER + INFO STICKY
/*if($( window ).width() > 768 && $('.product-page-holder').length){
$('.product-page-holder .detail-slider-holder, .product-page-holder .-g-product-details-holder').css({'top' : $('.main-header').outerHeight() + 'px'});
// $('.product-page-holder .-g-product-details-holder').css({'top' : $('.main-header').outerHeight() + 30 + 'px'});
}*/
});
$.Gomag.bind('Gomag/Product/Detail/Loaded', function(){
if($( window ).width() > 768 && $('.product-page-holder').length){
var header = $('.main-header');
var stickySlider = $('.product-page-holder .detail-slider-holder');
var stickyDetail = $('.product-page-holder .-g-product-details-holder');
var prevScroll = $(window).scrollTop();
function adjustSticky() {
var sliderOffsetTop = stickySlider.height();
var stickyOffsetTop = stickyDetail.height();
var windowHeight = $(window).height();
var currentScroll = $(this).scrollTop();
if (stickyOffsetTop >= windowHeight && stickyOffsetTop < sliderOffsetTop) {
var negativeOffset = stickyOffsetTop - windowHeight;
stickyDetail.css('top', '-' + negativeOffset + 'px');
prevScroll = currentScroll;
} else {
if (currentScroll < prevScroll) {
if($('.main-header.active-menu').length){
var headerHeight = header.height();
stickySlider.css('top', headerHeight + 'px');
stickyDetail.css('top', headerHeight + 'px');
}else{
stickySlider.css('top', '');
stickyDetail.css('top', '');
}
} else {
stickySlider.css('top', '');
stickyDetail.css('top', '');
}
prevScroll = currentScroll;
}
}
adjustSticky();
$(window).scroll(function() {
adjustSticky();
});
$(window).resize(function() {
adjustSticky();
});
};
});
});
/*$('.vertical-slide-img').append('');
const cursorRounded = document.querySelector('.cursor-icon');
const moveCursor = (e)=> {
const mouseY = e.clientY;
const mouseX = e.clientX;
cursorRounded.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;
}
window.addEventListener('mousemove', moveCursor)*/