/* 
 * Scripts de Bassist.
 */

(function ($) {
    
// $("li:has(ul)").find("a:first").after("<button class='dropdown-toggle'><i class='fa fa-caret-right '></i></button>");

menuToggle = $('.menu-toggle');
siteNavigation = $('#main-menu');
linkToggle = $('#main-menu a');
_window = $(window);

if (881 > _window.width()) {
    var dropdownToggle = $('<button />', {'class': 'dropdown-toggle'})
                    .append( $( '<i />', {'class': 'fa fa-caret-right', 'aria-hidden': 'true'}));
}

else {
    var dropdownToggle = $('<i />', {'class': 'fa fa-caret-right', 'aria-hidden': 'true'});
}

function switchClass (a, b, c) {
    if(a.hasClass(b)){
        a.removeClass(b);
        a.addClass(c);
    }
    else{
        a.removeClass(c);
        a.addClass(b);
    }
}

function onResizeARIA() {
        if ( 881 > _window.width() ) {
            menuToggle.attr( 'aria-expanded', 'false' );
            siteNavigation.attr( 'aria-expanded', 'false' );
            dropdownToggle.attr( 'aria-expanded', 'false' );
            menuToggle.attr( 'aria-controls', '.nav-menu' );
            dropdownToggle.attr( 'aria-controls', '.sub-menu' );
        } else {
            menuToggle.removeAttr( 'aria-expanded' );
            siteNavigation.removeAttr( 'aria-expanded' );
            dropdownToggle.removeAttr('aria-expanded');
            menuToggle.removeAttr( 'aria-controls' );
            dropdownToggle.removeAttr('aria-controls');
        }
    }

_window.on('load', onResizeARIA());

if (881 > _window.width()) {
    // This linkToggle click function is needed to close the menu if the links are anchors in the same page.
    linkToggle.click(function() {
        menuToggle.children('i').removeClass("fa fa-times").addClass("fa fa-bars");
        menuToggle.removeClass('toggled-on').attr('aria-expanded', 'false');
        siteNavigation.removeClass('toggled-on').attr('aria-expanded', 'false');
    });

menuToggle.click(function(){
    switchClass($(this).children('i'), 'fa-bars', 'fa-times');
    $(this).toggleClass('toggled-on');
    siteNavigation.toggleClass('toggled-on');

    if($(this).hasClass('toggled-on')){
        $(this).attr('aria-expanded', 'true');
        siteNavigation.attr('aria-expanded', 'true');        
    }
    else {
        $(this).attr('aria-expanded', 'false');
        siteNavigation.attr('aria-expanded', 'false');
    }
    //$(this).attr('aria-expanded', $(this).attr('aria-expanded') === 'false' ? 'true' : 'false');
    //siteNavigation.attr('aria-expanded', $(this).attr('aria-expanded') === 'false' ? 'true' : 'false');

});
}

siteNavigation.find( 'li:has(ul) > a' ).after(dropdownToggle);

siteNavigation.find( '.dropdown-toggle' ).click( function(e) {
            var _this = $( this );
            var _i = _this.children('i');
            
            e.preventDefault();
            _this.toggleClass( 'toggle-on' );
            _this.next( '.sub-menu' ).toggleClass( 'toggled-on' );
            switchClass (_i, 'fa-caret-right', 'fa-caret-down');

            _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
            //_this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
        } );

siteNavigation.find( 'a' ).on( 'focus blur', function() {
            $( this ).parents( '.menu-item' ).toggleClass( 'focus' );
        } );

// menuToggle.focus(function(){
//     var _this = $(this);
//     _this.next().addClass('focus');

// });

menuToggle.on( 'focus', function(){
    var _this = $(this);
    $('.nav-menu').addClass( 'bbbbbb');

});

$('.nav-menu > li:last-child a:last').on( 'focusout', function(){
    var _this = $(this);
    _this.addClass('purple');
    $('.nav-menu').toggleClass('bbbbbb');

} );

$('.contact-success, .close, #Modal').click(function(){
    $('#Modal').removeClass('visible');
} );

    


})( jQuery );