jQuery(document).ready(function () {
    $(".nav").superfish({
        animation: { opacity: "show", height: "show" },
        speed: 200,
        delay: 100
    });

    //enable image swaps
    $.swapImage(".swapImage");

    //initialze modal popups
    $('a.modal').each(function () {
        var $target = $(this);
        var data = $target.metadata();
        if (data.width && data.height) {
            $target.colorbox({ iframe: true, innerWidth: data.width, innerHeight: data.height });
        } else
            $target.colorbox({ iframe: true, innerWidth: 500, innerHeight: 450 });
    });
    $(".tiptip").tipTip();

    $('#pane1').jScrollPane();
    $('#pane2').jScrollPane();
    $('#pane3').jScrollPane();
    $('#add-content').bind(
					'click',
					function () {
					    $('#pane4').append($('<p></p>').html($('#intro').html())).jScrollPane({ scrollbarWidth: 20, scrollbarMargin: 10 });
					}
				);
    $('#remove-content').bind(
					'click',
					function () {
					    $('#pane4').empty().append($('<p></p>').html($('#intro').html())).jScrollPane({ scrollbarWidth: 20, scrollbarMargin: 10 });
					}
				);
//    $('.search_submit').click(function () {
//        
//    });
});


/// price range slider
var setPriceRangeSlider = function (minval, maxval) {
    if (maxval == 55) {
        $("#price-range").slider("destroy");
        $("#amount").html('No Minimum' + ' - ' + 'No Maximum');
        var saleTrueValues = [0, 250000, 300000, 350000, 400000, 450000, 500000, 525000, 550000, 575000, 600000, 625000, 650000, 675000, 700000, 725000, 750000, 775000, 800000, 825000, 850000, 875000, 900000, 925000, 950000, 975000, 1000000, 1250000, 1500000, 1750000, 2000000, 2250000, 2500000, 2750000, 3000000, 3250000, 3500000, 3750000, 4000000, 4250000, 4500000, 4750000, 5000000, 5500000, 6000000, 6500000, 7000000, 7500000, 8000000, 8500000, 9000000, 9500000, 10000000, 12500000, 15000000, 50000000];
        var saleValues = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55]
        $("#price-range").slider({
            range: true,
            min: minval,
            max: maxval,
            values: [minval, maxval],
            step: 1,
            slide: function (event, ui) {
                var min = ui.values[0];
                var max = ui.values[1];
                if (ui.values[0] == minval) min = 'No Minimum';
                else min = '$' + formatPrice(min);
                if (ui.values[1] >= maxval) max = 'No Maximum';
                else max = '$' + formatPrice(max);
                var MinimumPrice = getRealValueSale(ui.values[0]);
                var FormattedMinPrice = '';
                if (MinimumPrice == 0) {
                    FormattedMinPrice = "No Minimum";
                } else {
                    FormattedMinPrice = "$" + formatPrice(MinimumPrice);
                }
                var MaximumPrice = getRealValueSale(ui.values[1]);
                var FormattedMaxPrice = '';
                if (MaximumPrice == 50000000) {
                    FormattedMaxPrice = "No Maximum";
                } else {
                    FormattedMaxPrice = "$" + formatPrice(MaximumPrice);
                }
                $("#amount").html(FormattedMinPrice + ' - ' + FormattedMaxPrice);
            },
            change: function (event, ui) {
                $('#MinPrice').val(getRealValueSale(ui.values[0]));
                $('#MaxPrice').val(getRealValueSale(ui.values[1]));
            }
        });
        function getRealValueSale(sliderValue) {
            for (var i = 0; i < saleValues.length; i++) {
                if (saleValues[i] >= sliderValue) {
                    return saleTrueValues[i];
                }
            }
            return 0;
        }

    }
    else {
        //alert("rent slider");
        $("#price-range").slider("destroy");
        $("#amount").html('No Minimum' + ' - ' + 'No Maximum');
        var TrueValueRent = [0, 1000, 1250, 1500, 1750, 2000, 2250, 2500, 2750, 3000, 3250, 3500, 3750, 4000, 4250, 4500, 4750, 5000, 5500, 6000, 6500, 7000, 7500, 8000, 8500, 9000, 9500, 10000, 12500, 15000, 50000];
        var ValueRent = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30];
        $("#price-range").slider({
            range: true,
            min: minval,
            max: maxval,
            values: [minval, maxval],
            step: 1,
            slide: function (event, ui) {
                var min = ui.values[0];
                var max = ui.values[1];
                if (ui.values[0] == minval) min = 'No Minimum';
                else min = '$' + formatPrice(min);
                if (ui.values[1] >= maxval) max = 'No Maximum';
                else max = '$' + formatPrice(max);
                var MinimumRent = getRealValuesRent(ui.values[0]);
                var FormattedMinRent = '';
                if (MinimumRent == 0) {
                    FormattedMinRent = "No Minimum";
                } else {
                    FormattedMinRent = "$" + formatPrice(MinimumRent);
                }
                var MaximumRent = getRealValuesRent(ui.values[1]);
                var FormattedMaxRent = '';
                if (MaximumRent == 50000) {
                    FormattedMaxRent = "No Maximum";
                } else {
                    FormattedMaxRent = "$" + formatPrice(MaximumRent);
                }
                $("#amount").html(FormattedMinRent + ' - ' + FormattedMaxRent);

            },
            change: function (event, ui) {
                /*$('#MinPrice').val(ui.values[0]);

                $('#MaxPrice').val(ui.values[1]);*/
                $('#MinPrice').val(getRealValuesRent(ui.values[0]));
                $('#MaxPrice').val(getRealValuesRent(ui.values[1]));
            }
        });
        function getRealValuesRent(sliderValue) {
            //alert("in getRealValues fxn");
            for (var i = 0; i < ValueRent.length; i++) {
                if (ValueRent[i] >= sliderValue) {
                    return TrueValueRent[i];
                }
            }
            return 0;
        }
    }
};

var formatPrice = function (num) {
    var formatted = "";
    if (num <= 10000) {
        formatted = $.formatNumber(num, { format: '#.#' });
    }
    else if (num > 10000 && num < 1000000) {
        num = num / 1000;
        formatted = $.formatNumber(num, { format: '#.#' }) + 'k';
    }
    else if (num >= 1000000) {
        num = num / 1000000;
        formatted = $.formatNumber(num, { format: '#.#' }) + 'm';
    }
    return formatted;
};

/// bedroom range
var setBedroomRangeSlider = function (minval, maxval) {
    $("#bedroom-range").slider({
        range: true,
        min: 0,
        max: 5,
        values: [minval, maxval],
        slide: function (event, ui) {
            var min = ui.values[0];
            var max = ui.values[1];
            if (ui.values[0] == 0) min = 'No Minimum';
            if (ui.values[1] == 5) max = 'No Maximum';
            $("#beds").html(min + ' - ' + max);
        },
        change: function (event, ui) {
            $('#MinBedroom').val(ui.values[0]);
            // alert($('#MinBedroom').val());
            $('#MaxBedroom').val(ui.values[1]);
            //alert($('#MaxBedroom').val());

        }
    });
};

/// bathroom range
var setBathroomRangeSlider = function (minval, maxval) {
    $("#bath-range").slider({
        range: true,
        min: 0,
        max: 5,
        values: [minval, maxval],
        slide: function (event, ui) {
            var min = ui.values[0];
            var max = ui.values[1];
            if (ui.values[0] == 0) min = 'No Minimum';
            if (ui.values[1] == 5) max = 'No Maximum';
            $("#bathrooms").html(min + ' - ' + max);
        },
        change: function (event, ui) {
            $('#MinBathroom').val(ui.values[0]);
            $('#MaxBathroom').val(ui.values[1]);
            //   runSearch();
        }
    });
};