$(document).ready(function(){
    
    //companymenu = productmenu
    //cataloguemenu = overepmenu
    
    var timeout = 500;
    var closetimer_productmenu = 0;
    var closetimer_overepmenu = 0;
    var productmenu_active = $('.trigger-productmenu').parent().hasClass('current');
    var overepmenu_active = $('.trigger-overepmenu').parent().hasClass('current');

    // Product menu
    $('.trigger-productmenu').hover(function(){
        hide_overepmenu();
        show_productmenu();
    }, function(){
        hidetimer_productmenu();
    });
    
    $('.productMenuStyle').hover(function(){
       show_productmenu();
    }, function(){
        hidetimer_productmenu();
    });
    
    function show_productmenu(){
        canceltimer_productmenu();
        $('.productMenuStyle').show();
        $('.trigger-productmenu').parent().addClass('current');
    }
    
    function hide_productmenu(){
        $('.productMenuStyle').hide();
        // tabje inactive maken als we niet op de /webshop pagina zitten
        if (!productmenu_active) {
            $('.trigger-productmenu').parent().removeClass('current');
        }
    }
    
    function hidetimer_productmenu(){
        closetimer_productmenu = window.setTimeout(hide_productmenu, timeout);
    }
    
    function canceltimer_productmenu(){
        if(closetimer_productmenu){
            window.clearTimeout(closetimer_productmenu);
            closetimer_productmenu = null;
        }
    }
   
   
   
    // Overep menu
    $('.trigger-overepmenu').hover(function(){
        hide_productmenu();
        show_overepmenu();
    }, function(){
        hidetimer_overepmenu();
    });
    
    $('.overepmenu').hover(function(){
       show_overepmenu();
    }, function(){
        hidetimer_overepmenu();
    });
    
    function show_overepmenu(){
        canceltimer_overepmenu();
        $('.overepmenu').show();
        $('.trigger-overepmenu').parent().addClass('current');
    }
    
    function hide_overepmenu(){
        $('.overepmenu').hide();
        // tabje inactive maken als we niet op de /over_ep pagina zitten
        if (!overepmenu_active) {
            $('.trigger-overepmenu').parent().removeClass('current');
        }
    }
    
    function hidetimer_overepmenu(){
        closetimer_overepmenu = window.setTimeout(hide_overepmenu, timeout);
    }
    
    function canceltimer_overepmenu(){
        if(closetimer_overepmenu){
            window.clearTimeout(closetimer_overepmenu);
            closetimer_overepmenu = null;
        }
    }

});