(function ($) {
    /*
     // Tabs
     function openTab(tabSlug){
     var originalTabSlug = tabSlug;

     if(! tabSlug) return;

     $('#tab-slug').val(tabSlug);

     var tabSlugs = tabSlug.split('/');
     if(tabSlugs.length > 1) {
     var subTabSlug = tabSlugs.pop();
     tabSlug = tabSlugs.join('/');
     }

     $('.tab-content').css('display','none');
     $('.sub-tab-content').css('display','none');

     $('.entity-tabs > .nav-tabs > li').removeClass('active');
     $('.sub-tabs > .nav-tabs > li').removeClass('active');

     $('#tab-content-'+tabSlug).css('display','block');
     $('.entity-tabs > .nav-tabs > li a[href="#'+tabSlug+'"]').parent().addClass('active');

     if(subTabSlug)
     {
     $('#tab-content-'+tabSlug+' #sub-tab-content-'+subTabSlug).css('display','block');
     $('#tab-content-'+tabSlug+' .sub-tabs > .nav-tabs > li a[href="#'+originalTabSlug+'"]').parent().addClass('active');
     }else{
     $('#tab-content-'+tabSlug+' .sub-tab-content:first').css('display','block');
     $('#tab-content-'+tabSlug+' .sub-tabs > .nav-tabs > li:first').addClass('active');
     }
     }

     // Tabs
     $(window).on('hashchange load', function() {
     tabSlug = window.location.hash.substring(1);
     if(tabSlug) openTab(window.location.hash.substring(1));
     openTab($('#tab-slug').val());
     });
     */

    // Save button
    $('#save-button').click(function (e) {
        $('#entity-form').find('input, textarea').attr('disabled', false);
        $('#entity-form').submit();
    });

    // TinyMCE
    tinymce.init({
        selector: 'textarea',
        skin: 'kms',
        menubar: false,
        statusbar: false,
        plugins: ['code', 'paste', 'link', 'table', 'autoresize'],
        toolbar: 'styleselect | removeformat | table | bold italic underline | bullist numlist | link | code',
        paste_as_text: true,
        autoresize_min_height: 50,
        autoresize_bottom_margin: 20,
        default_link_target: "_blank",
        relative_urls : false,
        remove_script_host : false,
        document_base_url : "https://zuiderbos.nl",
        style_formats: [{title: 'Titel', block: 'h2'}, {title: 'intro', block: 'p', classes: 'intro'}],
        removeformat: [
            {selector: '*', attributes: ['style', 'class'], split: false, expand: false, deep: true}
        ]

    });

    // Hierarchical list
    $('.entities-list-item .dropdown-icon').click(function (e) {
        e.preventDefault();
        if ($(this).parent().parent().hasClass('open')) {
            //$('.animate-to-triangle', this)[0].beginElement();
            $(this).parent().parent().removeClass('open');
        } else {
            //$('.animate-to-minus', this)[0].beginElement();
            $(this).parent().parent().addClass('open');
        }
    });

    // Scroll to active item in list
    $(window).load(function () {

        //Set the container var
        var $container = $('#entities .entities-list');
        //Get the first active element
        var $activeListItem = $('li.entities-list-item.active', $container).first();
        //No active element, return
        if ($activeListItem.length == 0) return;
        //Top offset from the active item
        var top = $activeListItem.offset().top;
        //The top offset of the surrounding DIV
        var rootOffset = $('div#tree-root').offset().top;
        $container.scrollTop(top - rootOffset);
    });

    // Flash messages
    var hideFlashMessage = function () {
        $('#flash-messages').fadeOut();
    };
    $('#flash-messages').click(function () {
        hideFlashMessage();
    });
    setTimeout(function () {
        hideFlashMessage();
    }, 5000);

    $('.sidebar-navigation > ul > li:not(.toggle-ul, .selector)').click(function (e) {
        e.stopPropagation();
        $('.sidebar-navigation > ul > li').removeClass('active');
        $(this).addClass('active');
    });

    $('#sidebar .sidebar-navigation .toggle-ul >a').click(function () {
        $(this).parent().toggleClass('active');
        $('.selector').removeClass('active');
    });

    $('#sidebar .sidebar-navigation .toggle-ul li').each(function () {
        if ($(this).hasClass('active')) {
            $(this).parent().parent().addClass('active-child').addClass('active');
        }
        $('.selector').removeClass('active');
    });

    $('.selector li').click(function () {

        // Store variables
        var text = $(this).html();
        $('.selector p').html(text);
        var group = $(this).data('group');

        // Toggle different groups
        $('#sidebar .sidebar-navigation ul li.group').removeClass('active');
        $('#sidebar .sidebar-navigation ul li.group[data-type='+group+']').addClass('active');

        // Remove active state from sub items
        $('.group .sub-menu li.active').removeClass('active');
        $('.group .sub-menu li.active-child').removeClass('active-child');

        // Post variable to store in session
        $.post("/kms/set-school", {
            school: $(this).data('type'),
            full_name: text,
            type: group
        });

    });

    $('.selector').click(function () {
        $('.toggle-ul.active').removeClass('active');
        if ($(this).hasClass('active')) $(this).removeClass('active');
        else $(this).addClass('active');
    });

})(jQuery);