$(function() {
    var readme = 'README.md';
    if (location.href.indexOf('locale=zh_CN') !== -1) {
        readme = 'README-ZH-CN.md';
    }
    Flatdoc.run({
        fetcher : Flatdoc.file(readme)
    });
    $(document).on('flatdoc:ready', function() {
        $('#e1_t, #e2_t, #e3_t, #e4_t, #e5_t').each(function() {
            var $this = $(this);
            $this.html($('#' + $this.attr('id').replace('t', 'f')).html()).find('select').multipleSelect();
        });
        $('#e6').find('select').multipleSelect({
            placeholder: 'Here is the placeholder'
        });
        $('#e7').find('select').multipleSelect({
            width: 460,
            multiple: true,
            multipleWidth: 55
        });
        $('#e8').find('select').multipleSelect({
            multiple: true,
            multipleWidth: 55,
            width: '100%'
        });
        $('#e9').find('select').multipleSelect({
            selectAll: false
        });
        
        $('#e10, #e11, #e12, #e13, #e19').find('select').multipleSelect();
        $('#setSelectsBtn').click(function() {
            $('#e10').find('select').multipleSelect('setSelects', [1, 3]);
        });
        $('#getSelectsBtn').click(function() {
            alert('Selected values: ' + $('#e10').find('select').multipleSelect('getSelects'));
            alert('Selected texts: ' + $('#e10').find('select').multipleSelect('getSelects', 'text'));
        });
        $('#enableBtn').click(function() {
            $('#e11').find('select').multipleSelect('enable');
        });
        $('#disableBtn').click(function() {
            $('#e11').find('select').multipleSelect('disable');
        });
        $('#checkAllBtn').click(function() {
            $('#e12').find('select').multipleSelect('checkAll');
        });
        $('#uncheckAllBtn').click(function() {
            $('#e12').find('select').multipleSelect('uncheckAll');
        });
        $("#focusBtn").click(function() {
            $('#e19').find('select').multipleSelect("focus");
        });
        $("#blurBtn").click(function() {
            $('#e19').find('select').multipleSelect("blur");
        });
        $('#refreshAdd').click(function() {
            var $select = $('#e13').find('select'),
                $input = $('#refreshInput'),
                $selected = $('#refreshSelected'),
                $disabled = $('#refreshDisabled'),
            value = $.trim($input.val()),
                $opt = $('<option />', {
                    value: value,
                    text: value
                });
            if (!value) {
                $input.focus();
                return;
            }
            if ($selected.is(':checked')){
                $opt.prop('selected', true);
            }
            if($disabled.is(':checked')){
                $opt.attr('disabled', true);
            }
            $input.val('');
            $select.append($opt).multipleSelect('refresh');
        });
        $('#e14').find('select').multipleSelect({
            filter: true
        });
        $('#e15').find('select').multipleSelect({
            filter: true,
            multiple: true
        });
        var $eventResult = $('#eventResult');
        $('#e16').find('select').multipleSelect({
            onOpen: function() {
                $eventResult.text('Select opened!');
            },
            onClose: function() {
                $eventResult.text('Select closed!');
            },
            onCheckAll: function() {
                $eventResult.text('Check all clicked!');
            },
            onUncheckAll: function() {
                $eventResult.text('Uncheck all clicked!');
            },
            onFocus: function() {
                $eventResult.text('focus!');
            },
            onBlur: function() {
                $eventResult.text('blur!');
            },
            onOptgroupClick: function(view) {
                var values = $.map(view.children, function(child){
                    return child.value;
                }).join(', ');
                $eventResult.text('Optgroup ' + view.label + ' ' + (view.checked ? 'checked' : 'unchecked') + ': ' + values);
            },
            onClick: function(view) {
                $eventResult.text(view.label + '(' + view.value + ') ' + (view.checked ? 'checked' : 'unchecked'));
            }
        });
        $('#e17').find('select').multipleSelect({
            single: true
        });
        $('#e18').find('select').multipleSelect({
            position: 'top'
        });
        $('#e20').find('select').multipleSelect({
            styler: function(value) {
                if (value == '1') {
                    return 'background-color: #ffee00; color: #ff0000;';
                }
                if (value == '6') {
                    return 'background-color: #000; color: #fff;';
                }
            }
        });
        $('#e21').find('select').multipleSelect({
            isOpen: true,
            keepOpen: true
        });
    });
});