$('#filter_name').flexbox('/Home/MysteriesNames', {  
    width: 200,
    showArrow: false,
    queryDelay: 1,
    minChars: 2,
    resultTemplate: '<nobr>{name}</nobr>'
});

$('#toggle_button').click(function() {
    var show_text = $('#hidden_show_text').val();
    var hide_text = $('#hidden_hide_text').val();

    if ($('#toggle_span').html() == hide_text) {
        $('#filters_div').hide("slow");
        $('#filters_td').attr('width', 1);
        $('#toggle_span').html(show_text);
        $('#toggle_img').attr('src', '/Content/images/plus.jpg');
    } else {
        $('#filters_div').show("slow");
        $('#filters_td').attr('width', 250);
        $('#toggle_span').html(hide_text);
        $('#toggle_img').attr('src', '/Content/images/minus.jpg');
    }
});

$(function() {
    $("#male_sr_d").slider({
        range: true,
        min: 0,
        max: 30,
        values: [0, 30],
        slide: function(event, ui) {
            $("#male_sr_t1").val(ui.values[0]);
            $("#male_sr_t2").val(ui.values[1]);
            startTimer();
    	}
    });
    $("#male_sr_t1").val($("#male_sr_d").slider("values", 0));
    $("#male_sr_t2").val($("#male_sr_d").slider("values", 1));

    $("#female_sr_d").slider({
        range: true,
        min: 0,
        max: 30,
        values: [0, 30],
        slide: function(event, ui) {
            $("#female_sr_t1").val(ui.values[0]);
            $("#female_sr_t2").val(ui.values[1]);
            startTimer();
        }
    });
    $("#female_sr_t1").val($("#female_sr_d").slider("values", 0));
    $("#female_sr_t2").val($("#female_sr_d").slider("values", 1));

    $("#age_sr_d").slider({
        range: true,
        min: 6,
        max: 99,
        values: [6, 99],
        slide: function(event, ui) {
            $("#age_sr_t1").val(ui.values[0]);
            $("#age_sr_t2").val(ui.values[1]);
            startTimer();
        }
    });
    $("#age_sr_t1").val($("#age_sr_d").slider("values", 0));
    $("#age_sr_t2").val($("#age_sr_d").slider("values", 1));

    if (!noResults) {
        endTimer();
        var show_text = $('#hidden_show_text').val();
        $('#toggle_span').html(show_text);
        $('#toggle_img').attr('src', '/Content/images/plus.jpg');
        $('#filters_div').hide();
        $('#filters_td').attr('width', 1);
    }
        

    $("#accordion").accordion();
    
});

$('#filter_order').change(startTimer);
$('#filter_name_input').change(startTimer);
$('#male_sr_t1').change(startTimer);
$('#male_sr_t2').change(startTimer);
$('#female_sr_t1').change(startTimer);
$('#female_sr_t2').change(startTimer);
$('#age_sr_t1').change(startTimer);
$('#age_sr_t2').change(startTimer);
$('#rating').change(startTimer);
$('#game_type').change(startTimer);
$('#theme').change(startTimer);
$('#author').change(startTimer);
$('#language').change(startTimer);

var xtimeout;

function startTimer() {
    clearTimeout(xtimeout);
    xtimeout = setTimeout("endTimer()", 500);
}

function endTimer() {
    var urlToLoad = '/Home/FilterMysteries?';
    urlToLoad += 'order=' + $('#filter_order').val();
    urlToLoad += '&name=' + $('#filter_name_input').val().replace(/ /g, '%20');
    urlToLoad += '&males_min=' + $('#male_sr_t1').val();
    urlToLoad += '&males_max=' + $('#male_sr_t2').val();
    urlToLoad += '&females_min=' + $('#female_sr_t1').val();
    urlToLoad += '&females_max=' + $('#female_sr_t2').val();
    urlToLoad += '&age_min=' + $('#age_sr_t1').val();
    urlToLoad += '&age_max=' + $('#age_sr_t2').val();
    urlToLoad += '&rating=' + $('#rating').val();
    urlToLoad += '&gtype=' + $('#game_type').val();
    urlToLoad += '&theme=' + $('#theme').val();
    urlToLoad += '&author=' + $('#author').val();
    urlToLoad += '&language=' + $('#language').val();
    if ($('#mysteryhidden').val() != '') {
        urlToLoad += '&mysteryhidden=' + $('#mysteryhidden').val();
        $('#mysteryhidden').val('');
    }
    $('#filtered_games').html('<img alt="Loading..." src="/Content/images/wait.gif" />');
    $('#filtered_games').load(urlToLoad);
}

function GoToFilterPage(page) {
    var urlToLoad = '/Home/FilterMysteries?';
    urlToLoad += 'order=' + $('#filter_order').val();
    urlToLoad += '&name=' + $('#filter_name_input').val().replace(/ /g, '%20');
    urlToLoad += '&males_min=' + $('#male_sr_t1').val();
    urlToLoad += '&males_max=' + $('#male_sr_t2').val();
    urlToLoad += '&females_min=' + $('#female_sr_t1').val();
    urlToLoad += '&females_max=' + $('#female_sr_t2').val();
    urlToLoad += '&age_min=' + $('#age_sr_t1').val();
    urlToLoad += '&age_max=' + $('#age_sr_t2').val();
    urlToLoad += '&rating=' + $('#rating').val();
    urlToLoad += '&gtype=' + $('#game_type').val();
    urlToLoad += '&theme=' + $('#theme').val();
    urlToLoad += '&author=' + $('#author').val();
    urlToLoad += '&language=' + $('#language').val();
    urlToLoad += '&page=' + page;
    if ($('#mysteryhidden').val() != '') {
        urlToLoad += '&mysteryhidden=' + $('#mysteryhidden').val();
        $('#mysteryhidden').val('');
    }
    $('#filtered_games').html('<img alt="Loading..." src="/Content/images/wait.gif" />');
    $('#filtered_games').load(urlToLoad);
}

function LoadAnotherPage() {
    var urlToLoad = '/Home/MoreMysteries?';
    urlToLoad += 'order=' + $('#filter_order').val();
    urlToLoad += '&name=' + $('#filter_name_input').val().replace(/ /g, '%20');
    urlToLoad += '&males_min=' + $('#male_sr_t1').val();
    urlToLoad += '&males_max=' + $('#male_sr_t2').val();
    urlToLoad += '&females_min=' + $('#female_sr_t1').val();
    urlToLoad += '&females_max=' + $('#female_sr_t2').val();
    urlToLoad += '&age_min=' + $('#age_sr_t1').val();
    urlToLoad += '&age_max=' + $('#age_sr_t2').val();
    urlToLoad += '&rating=' + $('#rating').val();
    urlToLoad += '&gtype=' + $('#game_type').val();
    urlToLoad += '&theme=' + $('#theme').val();
    urlToLoad += '&author=' + $('#author').val();
    urlToLoad += '&language=' + $('#language').val();
    urlToLoad += '&page=' + (loadedpage + 1);
    loadedpage = loadedpage + 1;
    $('#temporary_load').load(urlToLoad, loaded_s);
    $('#add_more_i').show();
    $('#add_more_a').hide();
}

function loaded_s() {
    $('#accordion').append($('#temporary_load').html());
    $('#temporary_load').html('');
    $('#add_more_i').hide();
    if (loadedpage != maxpage) {
        $('#add_more_a').show();
    }
}

function ClearFilter() {
    $('#filter_name_input').val('');
    $('#male_sr_t1').val('0');
    $('#male_sr_t2').val('30');
    $('#male_sr_d').slider( "option", "values", [0, 30]);
    $('#female_sr_t1').val('0');
    $('#female_sr_t2').val('30');
    $('#female_sr_d').slider( "option", "values", [0, 30]);
    $('#age_sr_t1').val('6');
    $('#age_sr_t2').val('99');
    $('#age_sr_d').slider( "option", "values", [6, 99]);
    $('#rating').val('all');
    $('#game_type').val('all');
    $('#theme').val('all');
    $('#author').val('all');

    endTimer();
}