/***** jQuery script to handle search form functionality *****/

$(document).ready(function(){
    // init bedrooms sliders
    $('.bedrooms-slider').slider({
        range: true,
        min: 0,
        max: 4,
        values: [0, 4],
        slide: function(event, ui) {
            var bedsMin = $(this).parents('.search_form').find('.beds-min');
            var bedsMax = $(this).parents('.search_form').find('.beds-max');

            bedsMin.val(ui.values[0]);
            bedsMax.val(ui.values[1]);

            if(bedsMax.val() == 0){
                bedsMax.val('studio');
            }
            if(bedsMax.val() == 4){
                bedsMax.val(100);
            }
            if(bedsMin.val() == 0){
                bedsMin.val('studio');
            }
        }
    });

    // init rent sliders
    $('.rent-slider').slider({
        range: true,
        min: 0,
        max: 1000,
        values: [0, 1000],
        step: 50,
        slide: function(event, ui) {
            $(this).parents('.search_form').find('.price-min').val(ui.values[0]);
            if(ui.values[1] == 1000){
                $(this).parents('.search_form').find('.price-max').val('1000000');
                $(this).parents('.search_form').find('.rent').html('Rent per week $'+ui.values[0]+' - $'+ui.values[1]+'+');
            }else {
                $(this).parents('.search_form').find('.price-max').val(ui.values[1]);
                $(this).parents('.search_form').find('.rent').html('Rent per week $'+ui.values[0]+' - $'+ui.values[1]);
            }
        },
        change: function(event, ui) {
           if(ui.values[1] == 1000){
                $(this).parents('.search_form').find('.rent').html('Rent per week $'+ui.values[0]+' - $'+ui.values[1]+'+');
            }else {
                $(this).parents('.search_form').find('.rent').html('Rent per week $'+ui.values[0]+' - $'+ui.values[1]);
            }
        }
    });

    // slider handle backgrounds
    $('.ui-slider-handle:odd').addClass('odd');

    // reset button handling
    $('.search_form .reset').click(function(event){
        event.preventDefault();

        // return input values to default
        $(this).parents('.search_form').find(':checkbox').removeAttr('checked');

        $(this).parents('.search_form').find('.beds-min').val('studio');
        $(this).parents('.search_form').find('.beds-max').val('4+');
        
        $(this).parents('.search_form').find('.price-min').val(0);
        $(this).parents('.search_form').find('.price-max').val(1000);

        // return sliders to default positions
        $(this).parents('.search_form').find('.bedrooms-slider').slider("values", 0, [0]);
        $(this).parents('.search_form').find('.bedrooms-slider').slider("values", 1, [4]);

        $(this).parents('.search_form').find('.rent-slider').slider("values", 0, [0]);
        $(this).parents('.search_form').find('.rent-slider').slider("values", 1, [1000]);
    });

});