$.featherlight.autoBind = false;

$(document).ready(function() {
    $('body').addClass('js');

    var navigation = $('article.docs nav .navigation');
    var navigation_headings = navigation.find('h2');
    navigation_headings.click(function(){
        $(this).addClass('selected').next('ul').slideDown(250);
        navigation_headings.not(this).removeClass('selected').next('ul').slideUp(250);
    });
    navigation_headings.next('ul').has('a.selected').show().prev('h2').addClass('selected');
    navigation_headings.next('ul').not(':has(a.selected)').hide();

    var nav = $('article.docs nav');
    var system_select = $('<ul class="system-select">Instructions:<li class="system-select-all">All</li><li class="system-select-lin">Linux</li><li class="system-select-mac">Mac</li><li class="system-select-win">Windows</li></ul>').prependTo(nav);
    var system_select_lin = $('.system-select-lin');
    var system_select_mac = $('.system-select-mac');
    var system_select_win = $('.system-select-win');
    var system_select_all = $('.system-select-all');

    var system_switch = function(control, scroll){
        var header = $('article.docs header').first();
        var system_lin = $('.system-lin');
        var system_mac = $('.system-mac');
        var system_win = $('.system-win');
        var classes = $(control).attr('class').split(' ');
        classes.forEach(function(target){
            switch (target){
                case 'system-select-lin':
                    if (system_select_lin.hasClass('selected')){
                        break;
                    }
                    system_select_lin.addClass('selected');
                    system_select_all.removeClass('selected');
                    system_select_mac.removeClass('selected');
                    system_select_win.removeClass('selected');
                    system_mac.addClass('hidden');
                    system_win.addClass('hidden');
                    system_lin.removeClass('hidden');
                    var cur_offset = $(window).scrollTop();
                    var new_offset = system_lin.first().offset();
                    if (typeof new_offset != 'undefined'){
                        new_offset = new_offset.top - header.height()+10;
                        new_offset < 0 ? 0 : new_offset;
                    } else {
                        new_offset = 0;
                    }
                    if (scroll === true && new_offset < cur_offset){
                        $("html, body").animate({ scrollTop: new_offset }, 250);
                    }
                    Cookies.set('system', 'lin', { expires: 7 });
                    break;
                case 'system-select-mac':
                    if (system_select_mac.hasClass('selected')){
                        break;
                    }
                    system_select_mac.addClass('selected');
                    system_select_all.removeClass('selected');
                    system_select_lin.removeClass('selected');
                    system_select_win.removeClass('selected');
                    system_lin.addClass('hidden');
                    system_win.addClass('hidden');
                    system_mac.removeClass('hidden');
                    var cur_offset = $(window).scrollTop();
                    var new_offset = system_mac.first().offset();
                    if (typeof new_offset != 'undefined'){
                        new_offset = new_offset.top - header.height()+10;
                        new_offset < 0 ? 0 : new_offset;
                    } else {
                        new_offset = 0;
                    }
                    if (scroll === true && new_offset < cur_offset){
                        $("html, body").animate({ scrollTop: new_offset }, 250);
                    }
                    Cookies.set('system', 'mac', { expires: 7 });
                    break;
                case 'system-select-win':
                    if (system_select_win.hasClass('selected')){
                        break;
                    }
                    system_select_win.addClass('selected');
                    system_select_all.removeClass('selected');
                    system_select_lin.removeClass('selected');
                    system_select_mac.removeClass('selected');
                    system_lin.addClass('hidden');
                    system_mac.addClass('hidden');
                    system_win.removeClass('hidden');
                    var cur_offset = $(window).scrollTop();
                    var new_offset = system_win.first().offset();
                    if (typeof new_offset != 'undefined'){
                        new_offset = new_offset.top - header.height()+10;
                        new_offset < 0 ? 0 : new_offset;
                    } else {
                        new_offset = 0;
                    }
                    if (scroll === true && new_offset < cur_offset){
                        $("html, body").animate({ scrollTop: new_offset }, 250);
                    }
                    Cookies.set('system', 'win', { expires: 7 });
                    break;
                case 'system-select-all':
                    if (system_select_all.hasClass('selected')){
                        break;
                    }
                    system_select_all.addClass('selected');
                    system_select_lin.removeClass('selected');
                    system_select_mac.removeClass('selected');
                    system_select_win.removeClass('selected');
                    system_lin.removeClass('hidden');
                    system_mac.removeClass('hidden');
                    system_win.removeClass('hidden');
                    if (scroll === true){
                        $("html, body").animate({ scrollTop: 0 }, 250);
                    }
                    Cookies.remove('system');
                    break;
                default:
                    break;
            }
        });
    };

    system_select.find('li').click(function(){
        system_switch(this, true);
    });
    var system = Cookies.get('system');
    if (typeof system != 'undefined'){
        switch (system){
            case 'lin':
                system_switch(system_select_lin, false);
                break;
            case 'mac':
                system_switch(system_select_mac, false);
                break;
            case 'win':
                system_switch(system_select_win, false);
                break;
            default:
                system_switch(system_select_all, false);
                break;
        }
    } else {
        system_switch(system_select_all, false);
    }

    $('article.docs figure > a:has(img)').featherlight({type: 'image', openSpeed: 150, closeSpeed: 150});
});