/*global $ */
$(document).ready(function () {

    "use strict";

    $('.menu > ul > li:has( > ul)').addClass('menu-dropdown-icon');
    //Checks if li has sub (ul) and adds class for toggle icon - just an UI


    $('.menu > ul > li > ul:not(:has(ul))').addClass('normal-sub');
    //Checks if drodown menu's li elements have anothere level (ul), if not the dropdown is shown as regular dropdown, not a mega menu (thanks Luka Kladaric)

    $(".menu > ul").before("<a href=\"#\" class=\"menu-mobile\"></a>");

    //Adds menu-mobile class (for mobile toggle menu) before the normal menu
    //Mobile menu is hidden if width is more then 959px, but normal menu is displayed
    //Normal menu is hidden if width is below 959px, and jquery adds mobile menu
    //Done this way so it can be used with wordpress without any trouble

    $(".menu > ul > li").hover(
        function (e) {
            if ($(window).width() > 1079) {
                $(this).children("ul").fadeIn(150);
                e.preventDefault();
            }
        }, function (e) {
            if ($(window).width() > 1079) {
                $(this).children("ul").fadeOut(150);
                e.preventDefault();
            }
        }
    );
    //If width is more than 943px dropdowns are displayed on hover


    //the following hides the menu when a click is registered outside
    $(document).on('click', function(e){
        if($(e.target).parents('.menu').length === 0)
            $(".menu > ul").removeClass('show-on-mobile');
    });

//    $(".menu > ul > li").click(function() {
//        //no more overlapping menus
//        //hides other children menus when a list item with children menus is clicked
//        var thisMenu = $(this).children("ul");
//        var prevState = thisMenu.css('display');
//        //$(".menu > ul > li > ul").fadeOut();
//        if ($(window).width() < 1079) {
//            if(prevState !== 'block')
//                thisMenu.fadeIn(150);
//        }
//    });
	
	$(document).ready(function(){ //Screen size start
		if(window.matchMedia("(max-width: 1079px)").matches){
			
			$('.serLink.only-dropdown').on('click', function(){
					$('.service-submenu').fadeToggle('mshow');
			});
			
//			$('.hasSub').on('click', function(){
//					$(this).target('.hasSub').toggleClass('micon');
//			});
			
	}
});//Screen size end
	
    //If width is less or equal to 943px dropdowns are displayed on click (thanks Aman Jain from stackoverflow)

    $(".menu-mobile").click(function (e) {
        $(".menu > ul").toggleClass('show-on-mobile');
        e.preventDefault();
    });
    //when clicked on mobile-menu, normal menu is shown as a list, classic rwd menu story (thanks mwl from stackoverflow)

});


//parent highlight hover on submenu
$(document).ready(function(){ //Screen size start
if(window.matchMedia("(max-width: 1079px)").matches){
	
	$('.wp').on('click', function(){
		$('.wp').toggleClass('has-arr');
		$('.wplist').fadeToggle('mshow');
	});
	
	$('.corp').on('click', function(){
		$('.corp').toggleClass('has-arr');
		$('.corplist').fadeToggle('mshow');
	});
	
	$('.vid').on('click', function(){
		$('.vid').toggleClass('has-arr');
		$('.vidlist').fadeToggle('mshow');
	});
	
	$('.evens').on('click', function(){
		$('.evens').toggleClass('has-arr');
		$('.evenslist').fadeToggle('mshow');
	});
	
	$('.fash').on('click', function(){
		$('.fash').toggleClass('has-arr');
		$('.fashlist').fadeToggle('mshow');
	});
	
	$('.knb').on('click', function(){
		$('.knb').toggleClass('has-arr');
		$('.knblist').fadeToggle('mshow');
	});
	
	$('.bran').on('click', function(){
		$('.bran').toggleClass('has-arr');
		$('.branlist').fadeToggle('mshow');
	});
		
}
});//Screen size end