var defaultMinimumBedrooms = 1;
var defaultMinimumRent = 300;
var defaultMaximumRent = 2000;

$(document).ready(function () {
    $("#slider-Bedrooms").slider({
        range: false,
        min: 1,
        max: 5,
        step: 1,
        value: 1,
        slide: function (event, ui) {
            $('#MinimumBedrooms').val(ui.value);
            if (ui.value == "1") {
                $("#Bedrooms").html("1 / Studio");
            } else {
                $("#Bedrooms").html(ui.value + (ui.value == "5" ? "+" : ""));
            }
        },
        stop: function (event, ui) { updateSearch(); }
    });
    var noOfBeds = $("#slider-Bedrooms").slider("value");
    if (noOfBeds == "1") {
        $("#Bedrooms").html("1 / Studio");
    } else {
        $("#Bedrooms").html(noOfBeds + (noOfBeds == "5" ? "+" : ""));
    }
    $('#MinimumBedrooms').val($("#slider-Bedrooms").slider("value"));

    $("#slider-Rent").slider({
        range: true,
        min: 300,
        max: 2000,
        step: 25,
        values: [defaultMinimumRent, defaultMaximumRent],
        slide: function (event, ui) {
            $('#MinimumRent').val(ui.values[0]);
            $('#MaximumRent').val(ui.values[1]);
            $("#Rent").html("£" + ui.values[0] + " - £" + ui.values[1]);
        },
        stop: function (event, ui) { updateSearch(); }
    });
    $("#Rent").html("£" + $("#slider-Rent").slider("values", 0) + " - £" + $("#slider-Rent").slider("values", 1));
    $('#MinimumRent').val($("#slider-Rent").slider("values", 0));
    $('#MaximumRent').val($("#slider-Rent").slider("values", 1));
    $('#thumbs li img').mouseover(function () {
        var imgUrl = $(this).attr('src');
        $('#bigPhoto').attr('src', imgUrl);
        
    });
});