// TopBar Action
$(window).scroll(function scroll() {
var $heightScrolled = $(window).scrollTop();
var $defaultHeight = 1;
if ($heightScrolled > $defaultHeight) {
$('.logoClass').css("width", "160px");
$('#nav_main_menu').css("top", "50px");
$('#header').css("height", "130px");
$('.shoppingCart').css("top", "20px");
$('.Nav_membership').css("top", "25px");
} else {
$('.logoClass').css("width", "240px");
$('#nav_main_menu').css("top", "75px");
$('#header').css("height", "155px");
$('.shoppingCart').css("top", "35px");
$('.Nav_membership').css("top", "40px");
}
});
$('.descriptionBox').hide();
$('.description-bar').click(function(){
$('.descriptionBox').slideToggle('fast');
var src = $(".ToggleArrow").attr('src') == "../images/new_images/close.png" ? "../images/new_images/open.png" : "../images/new_images/close.png";
$(".ToggleArrow").attr('src', src);
});
// mobile footer ToggleArrow
$('.Mobile-FooterLinks').hide();
$('.MobileFooter button').click(function(){
$('.Mobile-FooterLinks').slideToggle('fast');
var src = $(".ToggleArrow").attr('src') == "../images/new_images/close.png" ? "../images/new_images/open.png" : "../images/new_images/close.png";
$(".ToggleArrow").attr('src', src);
});
// nav dropdown
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
// side Language
$(".openSideBTN").click(function openNav(){
$("#mySidenav").css("width", "230px");
});
$(".closebtn").click(function openNav(){
$("#mySidenav").css("width", "0");
});
// side login
$("#loginBTN").click(function openNav(){
$("#loginMenu").css("width", "300px");
});
$("#closeLogin").click(function openNav(){
$("#loginMenu").css("width", "0");
});
// side member
$("#MemberBTN").click(function openNav(){
$("#memberMenu").css("width", "300px");
});
$("#closeMember").click(function openNav(){
$("#memberMenu").css("width", "0");
});
// back to top
$(document).ready(function(){
//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 100) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},400);
return false;
});
});
$('.storeMoreData').hide();
$(".StoreGrid").click(function(){
$('.storeMoreData', this).slideToggle('400');
});
// combo popup
$(function() {
//----- OPEN
$('[data-popup-open]').on('click', function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-open');
$( ".slick-prev" ).click();
$('[data-popup="' + targeted_popup_class + '"]').fadeIn(1000);
e.preventDefault();
$("body").addClass("modal-open");
});
//----- CLOSE
$('[data-popup-close]').on('click', function(e) {
var targeted_popup_class = jQuery(this).attr('data-popup-close');
$('[data-popup="' + targeted_popup_class + '"]').fadeOut(1000);
e.preventDefault();
$("body").removeClass("modal-open");
});
});
// nav Toggle Language
$("#language").click(function(){
$(".main_menu_sub").Toggle();
});