var overlay = $("<div class='overlay'>&nbsp;</div>");
$('.search input[type=text]').focus(function() {
    $('body').append(overlay);
    $('.overlay, .search-hint').fadeIn();
});

$('.main-bar .login').click(function(e) {
    e.preventDefault();
    $('#loginLink').trigger('click');
});

$(".pack1 select").change(function() {
    str = $(this).val();
    $(this).parent().find('#price').removeClass().addClass('price' + str);
});

$(".pack2 select").change(function() {
    str = $(this).val();
    $(this).parent().find('#priceT').removeClass().addClass('price' + str);
});

//FIXED CLOSE BUTTON. ISSUE - Arrow near "MyAccount" title hasn't being changed from "opened" to non-opened when menu is being closed.
$('header .close').click(function(e) {
    e.preventDefault();
    $(this).parent().hide();
    if ($('header .menu .myAcc').hasClass('opened')) {
    	$('header .menu .myAcc').removeClass('opened');
    }
});

$('header .main-bar .search-hint .close').click(function(e) {
    e.preventDefault();
    $(this).parent().hide();
    $('body .overlay').hide();
});

$('header .anchor').click(function(e) {
    e.preventDefault();
    $('html, body').animate({
         scrollTop: $( $(this).attr('href') ).offset().top - 2100
    }, 700, "swing" , function() {
        $('.search input[type=text]').triggerHandler("focus");
    });
    return false;
});




$('.menuM').click(function(e) {
    e.preventDefault();
    if ( $(this).hasClass('selected') ) {
        $(this).removeClass('selected');
        $('header .menu .categories ul, header .menu .categories ul>li, header .search').removeClass('showM');
        $('body .overlay').hide();
    } else {
        $(this).addClass('selected');
        $('header .menu .categories ul, header .menu .categories ul>li, header .search').addClass('showM');
        $('body').append(overlay);
        $('body .overlay').fadeIn();
    }
});

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    var isMobile = window.matchMedia("only screen and (max-width: 720px)");
    if (isMobile.matches) {
        $('.submenu .leftMenu .subcategory>a').removeClass('current');
    }
    $('.submenu .leftMenu .subcategory>a').click(function(e) {
        e.preventDefault();
        if ( !$(this).hasClass('current') ) {
            $('.submenu .leftMenu .subcategory>a').removeClass('current');
            $('.submenu .leftMenu .subcategories').slideUp();

            $(this).addClass('current');
            $(this).parent().find('.subcategories').fadeIn();
        } else if ( $(this).hasClass('current') ) {
            $('.submenu .leftMenu .subcategory>a').removeClass('current');
            $('.submenu .leftMenu .subcategories').slideUp();
        }
    });
    $('header .menu .myAccount').click(function(e) {
        e.preventDefault();
        $('header .loginMessage').fadeIn();
        $('.menuM').removeClass('selected');
        $('header .menu .categories ul, header .menu .categories ul>li, header .search').removeClass('showM');
        $('body .overlay').hide();
    });
} else {
    // Sticky Header Menu
    if ($('header .menu').length) {
    	var stickyRibbonTop = $('header .menu').offset().top;
    	if ( !$('#header-id').hasClass('stickyActive') ) {
    		var headerTotalHeight = $('#header-id').outerHeight();
    	}
    	$(window).scroll(function(){
    		if( $(window).scrollTop() > stickyRibbonTop ) {
    			$('header.white').addClass('stickyHeader');
    			$('body').addClass('stickyActive').css('padding-top', headerTotalHeight);
    		} else {
    			$('header.white').removeClass('stickyHeader');
    			$('body').removeClass('stickyActive').removeAttr('style');
    		}
    	});
    }
    // END Sticky Header Menu

    $('.submenu .leftMenu .subcategory>a').click(function(e) {
        e.preventDefault();
        if ( !$(this).hasClass('current') ) {
            $(this).parent().parent().find('.subcategory>a').removeClass('current');
            $(this).parent().parent().find('.subcategories').slideUp();
            $(this).addClass('current');
            $(this).next('.subcategories').fadeIn();
        }
    });
}

$('header .menu .categories ul>li>a').click(function(e) {
	//FIXED EMPTY MENU ITEM. ISSUE - redirection doesn't work when menu item is empty (has no subcategories) and being clicked 
    if(!$(this).hasClass('emptyMenu')) {
    	e.preventDefault();
    	}

    if ( !$(this).parent().hasClass('current') ) {
        $('header .menu .categories li').removeClass('current');
        $('header .menu .categories li .submenu').slideUp();

        $(this).parent().addClass('current');
        $('header .menu .categories ul>li.current .submenu').slideDown();
    } else if ( $(this).parent().hasClass('current') ) {
        $('header .menu .categories li').removeClass('current');
        $('header .menu .categories li .submenu').slideUp();
    }
});

$('header .menu .myAcc>a').click(function(e) {
    e.preventDefault();
    if ($(this).parent().hasClass('opened')) {
        $('header .menu .myAcc').removeClass('opened');
        $('header .menu .myAcc .login').fadeOut();
    } else {
        $('header .menu .myAcc').removeClass('opened');
        $('header .menu .myAcc').addClass('opened');
        if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
			  var isMobile = window.matchMedia("only screen and (max-width: 720px)");
			  if (isMobile.matches) {
				  	$('header .menu .myAcc .login').fadeOut();
			  } else {
				  $('header .menu .myAcc .login').fadeIn();
			  }
		  } else {
			  $('header .menu .myAcc .login').fadeIn();
		  }  
    }
});

$("body").click(function(e) {
    var x = e.target;
    if ( $(x).closest("#login").length <= 0 && $(x).closest(".myAccount").length <= 0){
        $('header .menu .myAcc').removeClass('opened');
        $('header .menu .myAcc .login').fadeOut();
    }

    var z = e.target;
    if ( $(z).closest(".search, header .menuM, header .menu .categories ul.showM").length <= 0 && $(z).closest(".search-hint").length <= 0) {
        $('body .overlay, .search-hint').hide();
    }

    var m = e.target;
    if ( $(m).closest("header .menu, header .search").length <= 0 && $(m).closest("header .menu .categories ul.showM").length <= 0) {
        $('header .menu .categories ul, header .menu .categories ul>li, header .search').removeClass('showM');
    }

    var n = e.target;
    if ( $(n).closest("header .menu .categories ul.showM, header .main-bar .search").length <= 0 && $(n).closest("header .menuM").length <= 0) {
        $('.menuM').removeClass('selected');
        $('header .menu .categories ul, header .menu .categories ul>li, header .search').removeClass('showM');
        $('body .overlay').hide();
    }
});
                  
          
          
          $(document).ready(function () {
        	  $('#titleOnline').html( $('#titleOnlineMsg1').html());
        	  //myAccount menu only expands when it is the home page
        	  if (window.location.pathname <= "/") {
        		  $('header .menu .myAcc').addClass('opened');
        		  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        			  var isMobile = window.matchMedia("only screen and (max-width: 720px)");
        			  if (isMobile.matches) {
        				  	$('header .menu .myAcc .login').fadeOut();
        			  } else {
        				  $('header .menu .myAcc .login').fadeIn();
        			  }
        		  } else {
        			  $('header .menu .myAcc .login').fadeIn();
        		  }  
        	  }
          });
          
$('.rightCateg .cart').unbind('click');    

//My Account Left Menu
$('.front_myAccountMenuPopup > ul > li > a').click(function() {
    return false;
});

// My Account Responsive Menu
var windw = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
if (windw < 769 && $('.myAccountLeftBox').length == 0) {
    $('header').after('<div class="front_mobileUserMenuOverlay">&nbsp;</div>');
    $('.myAccount').unbind('click');
    $('.myAccount').click(function() {
        $('.menuM.selected').click();
        var windw = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        if (windw < 769) {
            $('body').stop().toggleClass('front_userMenuActive');
            $('.front_mobileUserMenuOverlay').stop().fadeToggle('fast');
            return false;
        }
    });
    $('.front_myAccUserMenuClose a, .front_mobileUserMenuOverlay').click(function() {
        var windw = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
        if (windw < 769) {
            $('body').stop().removeClass('front_userMenuActive');
            $('.front_mobileUserMenuOverlay').stop().fadeOut('fast');
            return false;
        }
    });
}