https://sokookre.com/wp-content/themes/adforest/assests/js/sb.menu.js?ver=7.1.2

1(function ($) {
2	
3	"use strict";
4	
5	/* ========== Sticky on scroll ========== */
6	function stickyNav() {
7
8		var scrollTop = $(window).scrollTop(),
9			noSticky = $('.no-sticky'),
10			viewportSm = $('.viewport-sm'),
11			viewportLg = $('.viewport-lg'),
12			viewportLgBody = viewportLg.parent('body'),
13			viewportLgNosticky = $('.viewport-lg.no-sticky'),
14			viewportLgNostickyBody = viewportLgNosticky.parent('body'),
15			viewportLgLogo = viewportLg.find('.logo img'),
16			viewportLgNostickyLogo = viewportLgNosticky.find('.logo img'),
17			headerTransparentLg = $('.viewport-lg.header-transparent'),
18			headerTransparentLgNosticky = $('.viewport-lg.header-transparent.no-sticky'),
19			headerTransparentLgBody = headerTransparentLg.parent('body'),
20			headerOpacityLg = $('.viewport-lg.header-opacity'),
21			headerOpacityLgNosticky = $('.viewport-lg.header-opacity.no-sticky'),
22			headerOpacityLgBody = headerOpacityLg.parent('body');
23                       
24                     if($('.sb-header-11').length > 0 ||  $('.header-2').length > 0 || $('.header-3-old').length >0){
25                         sbHeaderHeight = 180;              
26                     }
27
28		if (scrollTop > sbHeaderHeight) {
29			sbHeader.addClass('sticky');
30			viewportLgLogo.attr('src', stickyLogoSrc);
31			viewportLgNostickyLogo.attr('src', logoSrc);
32			headerTransparentLg.removeClass('header-transparent-on');
33			headerOpacityLg.removeClass('header-opacity-on');
34			headerTransparentLgNosticky.addClass('header-transparent-on');
35			headerOpacityLgNosticky.addClass('header-opacity-on');
36			viewportLgBody.css("margin-top", sbHeaderHeight);
37			viewportLg.css("margin-top", -sbHeaderHeight);
38		} else {
39			sbHeader.removeClass('sticky');
40			viewportLgLogo.attr('src', logoSrc);
41			headerTransparentLg.addClass('header-transparent-on');
42			headerOpacityLg.addClass('header-opacity-on');
43			viewportLgBody.add(viewportLg).css("margin-top", "0");
44		}
45
46		noSticky.removeClass('sticky');
47		viewportSm.removeClass('sticky');
48		
49		headerTransparentLg.add(headerTransparentLgBody).add(headerOpacityLg).add(headerOpacityLgBody).add(viewportLgNostickyBody).add(viewportLgNosticky).css("margin-top", "0");
50
51		var logoCenterWidth = $('.logoCenter .logo img').width(),
52			menuCenterOneWidth = $('.center-menu-1 .sb-menu').width(),
53			menuCenterOneListMenu = $('.center-menu-1 .sb-menu > ul'),
54			menuCenterOneListWidth = menuCenterOneWidth - logoCenterWidth;
55
56		if ($(window).width() < 1200) {
57			menuCenterOneListMenu.outerWidth( menuCenterOneWidth );
58		} else {
59			menuCenterOneListMenu.outerWidth( menuCenterOneListWidth / 2 );
60		}
61
62		$('.logoCenter').width(logoCenterWidth);
63		
64	}
65
66	/* ========== Menu overlay transition ========== */
67	function overlayMenuTransition() {
68		var overlayMenuFirst = $('.sb-menu-overlay > ul > li:first-child'),
69			overlayMenuList = $('.sb-menu-overlay > ul > li');
70
71		overlayMenuFirst.attr('data-delay', '0');
72
73		overlayMenuList.each(function(){
74			var $this = $(this),
75				overlayMenuNext = $this.next('li'),
76				menuDataDelay = $this.attr('data-delay'),
77				menuDataDelayNext = parseInt(menuDataDelay) + parseInt('100');
78
79			overlayMenuNext.attr('data-delay', menuDataDelayNext);
80
81			$this.delay(menuDataDelay).queue(function(next) {
82				$(this).addClass("menuSlideIn");
83				next();
84			});
85		});
86	}
87
88	/* ========== Horizontal navigation menu ========== */
89	if ($('.sb-header').length) {
90
91		var sbHeader = $('.sb-header'),
92			sbHeaderHeight = sbHeader.height(),
93			logo = sbHeader.find('.logo'),
94			logoImg = logo.find('img'),
95			logoSrc = logoImg.attr('src'),
96			logoClone = logo.clone(),
97			mobileLogoSrc = logo.data('mobile-logo'),
98			stickyLogoSrc = logo.data('sticky-logo'),
99			burgerMenu = sbHeader.find('.burger-menu'),
100			sbMenuListWrapper = $('.sb-menu > ul'),
101			sbMenuListDropdown = $('.sb-menu ul li:has(ul)'),
102			headerShadow = $('.sb-header.header-shadow'),
103			headerTransparent = $('.sb-header.header-transparent'),
104			headerOpacity = $('.sb-header.header-opacity'),
105			megaMenuFullwidthContainer = $('.mega-menu-fullwidth .mega-menu-container');
106
107		/* ========== Center menu 1 ========== */
108		$('.center-menu-1 .sb-menu > ul:first-child').after('<div class="logoCenter"></div>');
109		$('.logoCenter').html(logoClone);
110
111		/* ========== Mega menu fullwidth wrap container ========== */
112		megaMenuFullwidthContainer.each(function(){
113			$(this).children().wrapAll('<div class="mega-menu-fullwidth-container"></div>');
114		});
115
116		/* ========== Window resize ========== */
117		$(window).on("resize", function() {
118
119			var megaMenuContainer = $('.mega-menu-fullwidth-container');
120
121			if ($(window).width() < 1200) {
122
123				logoImg.attr('src', mobileLogoSrc);
124				sbHeader.removeClass('viewport-lg');
125				sbHeader.addClass('viewport-sm');
126				headerTransparent.removeClass('header-transparent-on');
127				headerOpacity.removeClass('header-opacity-on');
128				megaMenuContainer.removeClass('container');
129
130			} else {
131
132				logoImg.attr('src', logoSrc);
133				sbHeader.removeClass('viewport-sm');
134				sbHeader.addClass('viewport-lg');
135				headerTransparent.addClass('header-transparent-on');
136				headerOpacity.addClass('header-opacity-on');
137				megaMenuContainer.addClass('container');
138
139			}
140
141			stickyNav();
142
143		}).resize();
144
145		/* ========== Dropdown Menu Toggle ========== */
146		burgerMenu.on("click", function(){
147			$(this).toggleClass('menu-open');
148			sbMenuListWrapper.slideToggle(300);
149		});
150		
151		sbMenuListDropdown.each(function(){
152			$(this).append( '<span class="dropdown-plus"></span>' );
153			$(this).addClass('dropdown_menu');
154		});
155		
156		$('.dropdown-plus').on("click", function(){
157			$(this).prev('ul').slideToggle(300);
158			$(this).toggleClass('dropdown-open');
159		});
160		
161		$('.dropdown_menu a').append('<span></span>');
162
163		/* ========== Added header shadow ========== */
164		headerShadow.append('<div class="header-shadow-wrapper"></div>');
165
166		/* ========== Sticky on scroll ========== */
167		$(window).on("scroll", function() {
168			stickyNav();
169		}).scroll();
170
171		/* ========== Menu hover transition ========== */
172		var listMenuHover4 = $('.sb-menu.menu-hover-4 > ul > li > a');
173		listMenuHover4.append('<div class="hover-transition"></div>');
174
175	}
176
177	/* ========== Overlay navigation menu ========== */
178	if ($('.sb-header-overlay').length) {
179
180		var sbHeaderOverlay = $('.sb-header-overlay'),
181			sbMenuOverlay = $('.sb-menu-overlay'),
182			burgerMenuOverlay = sbHeaderOverlay.find('.burger-menu'),
183			lineMenuOverlay = sbHeaderOverlay.find('.line-menu'),
184			menuOverlayLogo = sbHeaderOverlay.find('.logo'),
185			overlayLogoClone = menuOverlayLogo.clone(),
186			menuWrapperLogoSrc = menuOverlayLogo.data('overlay-logo'),
187			menuOverlayListDropdown = $('.sb-menu-overlay > ul > li:has(ul)'),
188			menuOverlayLink = $('.sb-menu-overlay > ul > li > a'),
189			menuSlide = $('.sb-header-overlay.menu-slide'),
190			menuSlideSubmenuLink = menuSlide.find('.sb-menu-overlay > ul ul a'),
191			menuSlideSubmenuDropdown = menuSlide.find('.sb-menu-overlay > ul > li > ul li:has(ul)'),
192			menuSocialMedia = sbMenuOverlay.next('.menu-social-media'),
193			submenuVerticalListItem = $('.submenu-vertical > ul > li > ul li:has(ul)'),
194			submenuVerticalLink = $('.submenu-vertical > ul > li > ul a');
195
196		lineMenuOverlay.wrapAll('<span></span>');
197		menuOverlayLink.wrap('<div class="menu-overlay-link"></div>');
198		submenuVerticalLink.wrap('<div class="menu-overlay-link"></div>');
199		menuSlideSubmenuLink.wrap('<div class="menu-overlay-link"></div>');
200
201		/* ========== Submenu Toggle ========== */
202		menuOverlayListDropdown.each(function(){
203			var menuOverlayDropdownLink = $(this).children('.menu-overlay-link');
204			menuOverlayDropdownLink.prepend( '<span class="overlay-dropdown-plus"></span>' );
205			$(this).addClass('overlay_dropdown_menu');
206		});
207
208		submenuVerticalListItem.each(function(){
209			var submenuVerticalDropdownLink = $(this).children('.menu-overlay-link');
210			submenuVerticalDropdownLink.prepend( '<span class="overlay-dropdown-plus"></span>' );
211			$(this).addClass('overlay_dropdown_menu');
212		});
213
214		menuSlideSubmenuDropdown.each(function(){
215			var submenuVerticalDropdownLink = $(this).children('.menu-overlay-link');
216			submenuVerticalDropdownLink.prepend( '<span class="overlay-dropdown-plus"></span>' );
217			$(this).addClass('overlay_dropdown_menu');
218		});
219
220		$('.overlay_dropdown_menu > ul').addClass('overlay-submenu-close');
221		
222		$('.overlay-dropdown-plus').on("click", function(){
223			var $thisParent = $(this).parent('.menu-overlay-link');
224			$thisParent.next('ul').slideToggle(300).toggleClass('overlay-submenu-close');
225			$(this).toggleClass('overlay-dropdown-open');
226		});
227
228		sbMenuOverlay.add(menuSocialMedia).wrapAll('<div class="nav-menu-wrapper"></div>');
229
230		var overlayNavMenuWrapper = $('.nav-menu-wrapper');
231
232		overlayNavMenuWrapper.prepend(overlayLogoClone);
233		overlayNavMenuWrapper.find('.logo img').attr('src', menuWrapperLogoSrc);
234
235		var menuOverlayHover = $('.sb-menu-overlay > ul > .overlay_dropdown_menu > ul');
236
237		menuOverlayHover.each(function(){
238			$(this).on("mouseenter", function () {
239				$(this).parents("li").addClass("overlay-menu-hover");
240			});
241			$(this).on("mouseleave", function () {
242				$(this).parents("li").removeClass("overlay-menu-hover");
243			});
244		});
245
246		/* ========== Menu overlay open ========== */
247		burgerMenuOverlay.on("click", function(){
248
249			var overlayMenuList = $('.sb-menu-overlay > ul > li');
250
251			$(this).toggleClass('menu-open');
252			overlayNavMenuWrapper.toggleClass('overlay-menu-open');
253			overlayMenuList.removeClass("menuSlideIn");
254			
255			if ($(this).hasClass("menu-open")) {
256				overlayMenuTransition();
257				overlayMenuList.removeClass("menuSlideOut").addClass("menuFade");
258			}
259
260			if (!$(this).hasClass("menu-open")) {
261				overlayMenuList.addClass("menuSlideOut").removeClass("menuFade");
262			}
263
264		});
265
266		/* ========== Menu slide settings ========== */
267		var menuSlideNavWrapper = menuSlide.find('.nav-menu-wrapper'),
268			menuSlideNavLogo = menuSlideNavWrapper.find('.logo');
269
270		if (sbHeaderOverlay.hasClass('menu-slide')){
271			sbHeaderOverlay.removeClass('overlay-center-menu');
272		}
273
274		menuSlideNavLogo.remove();
275		menuSlideNavWrapper.after('<div class="slidemenu-bg-overlay"></div>');
276
277		$('.slidemenu-bg-overlay').on("click", function(){
278			menuSlideNavWrapper.removeClass('overlay-menu-open');
279			burgerMenuOverlay.removeClass('menu-open');
280		});
281
282	}
283
284	/* ========== Fixed sidebar menu ========== */
285	if ($('.sb-fixed-sidebar').length) {
286		var sbFixedSidebar = $('.sb-fixed-sidebar'),
287			sbMenuFixed = $('.sb-menu-fixed'),
288			sbSideContent = $('.sb-side-content'),
289			logoFixedSidebar = sbFixedSidebar.find('.logo'),
290			logoClone = logoFixedSidebar.clone(),
291			burgerMenuFixedSidebar = sbFixedSidebar.find('.burger-menu'),
292			burgerMenuDetach = burgerMenuFixedSidebar.detach(),
293			sbFixedDropdown = sbMenuFixed.find('li:has(ul)');
294
295		sbFixedSidebar.parent('body').addClass('body-fixed-sidebar');
296		sbFixedSidebar.after('<div class="fixedsidebar-bg-overlay"></div>').after(burgerMenuDetach);

297		sbSideContent.prepend(logoClone);
298
299		$('.sb-fixed-sidebar .logo, .sb-menu-fixed').wrapAll('<div class="fixed-menu-wrap"></div>');
300
301		var burgerMenuMove = sbFixedSidebar.next('.burger-menu'),
302			fixedSidebarlineMenu = burgerMenuMove.find('.line-menu');
303
304		fixedSidebarlineMenu.wrapAll('<span></span>');
305
306		/* ========== Side menu open on mobile ========== */
307		burgerMenuMove.on("click", function(){
308			$(this).toggleClass('menu-open');
309			sbFixedSidebar.toggleClass('fixed-sidebar-open');
310		});
311
312		$('.fixedsidebar-bg-overlay').on("click", function(){
313			sbFixedSidebar.removeClass('fixed-sidebar-open');
314			burgerMenuMove.removeClass('menu-open');
315		});
316
317		/* ========== Submenu collapse ========== */
318		sbFixedDropdown.each(function(){
319			$(this).append( '<span class="overlay-dropdown-plus"></span>' );
320		});
321
322		$('.overlay-dropdown-plus').on("click", function(){
323			$(this).prev('ul').slideToggle(300).toggleClass('submenu-collapse');
324			$(this).toggleClass('overlay-dropdown-open');
325		});
326	}
327
328	/* ========== Menu icon color ========== */
329	$('.sb-menu-icon').css('color', function () {
330		var iconColorAttr = $(this).data('fa-color');
331		return iconColorAttr;
332	});
333
334
335}(jQuery));