//add a range slider (id1 and id2 have to match ids of textboxes)
$.fn.customSlider = function(id1, id2, minimum, maximum, v1, v2, step) {
    $(this.selector).slider
    ({
        range: true,
        animate: true,
        values: [v1, v2],
        min: (minimum != maximum) ? minimum : 0,
        max: (minimum != maximum) ? maximum : 100,
        step: step,
        slide: function(event, ui) {
            $("#" + id1).val(ui.values[0]);
            $("#" + id2).val(ui.values[1]);
        },
        change: function(event, ui) {
            if (ui.values[1] != maximum || ui.values[0] != minimum)
                $(this).parent().siblings('.search-flag').addClass('search-flag-on');
            else {
                if ($(this).parent().siblings('.search-flag').hasClass('search-flag-on'))
                    $(this).parent().siblings('.search-flag').removeClass('search-flag-on');
            }
            Search("", 0);
            setURLAnchor("Search");
            SetBreadCrumb(null);
            RefreshHighlights(false);
            return false;
        }
    });

    if (minimum == maximum)
        $(this.selector).slider({ disabled: true });

    $(this.selector).children("a")[1].className += ' slider-max';
};