$(document).ready(function () {
    // Set up with initial load
    if ($('#listing').length) {
        var lexid = "";
        if ($('#lexid').length){
            lexid = "&lexid=" + $('#lexid').html();
        }
        $("#listing").html('<p class="alert">Loading...</p>');
        $.get("/lexeme/ajax/the-great-game/list/load/?" + lexid, function(data){
            $("#listing").html(data);
        });
    }
    
    // Reload
    $(document).on('click', '#reload_lex', function(){
        var data = $('#filter_form').serialize();
        var form = "";
        if ($('#filter_form').length && $('#attachments').length){
            form = "&form=true";
        }
        var conid = "";
        if ($('#lexid').length){
            conid = "&lexid=" + $('#lexid').html();
        } else if ($('#arid').length){
            conid = "&arid=" + $('#arid').html();
        }
        $("#listing").html('<p class="alert">Loading...</p>');
        $.get("/lexeme/ajax/the-great-game/list/load/?" + data + form + conid, function(data){
            $("#listing").html(data);
        });
    });
    
    // Clear
    $(document).on('click', '#clear_lex', function(){
        $("input.list_view_filter").val("");
        var form = "";
        if ($('#filter_form').length && $('#attachments').length){
            form = "form=true";
        }
        var conid = "";
        if ($('#lexid').length){
            conid = "&lexid=" +$('#lexid').html();
        } else if ($('#arid').length){
            conid = "&arid=" +$('#arid').html();
        }
        $("#listing").html('<p class="alert">Loading...</p>');
        $.get("/lexeme/ajax/the-great-game/list/load/?" + form + conid, function(data){
            $("#listing").html(data);
        });
    });
    
    // Toggle controls
    $(document).on('click', '#toggle_filter_controls', function(){
        if ($('#filter_controls').css("display") == "block") {
            $('#filter_controls').css("display", "none");
        } else {
            $('#filter_controls').css("display", "block");
        }
    });
});