// =================== URL Encode & Decode ============================
$.extend({ URLEncode: function(c) {
    var o = ''; var x = 0; c = c.toString(); var r = /(^[a-zA-Z0-9_.]*)/;
    while (x < c.length) {
        var m = r.exec(c.substr(x));
        if (m != null && m.length > 1 && m[1] != '') {
            o += m[1]; x += m[1].length;
        } else {
            if (c[x] == ' ') o += '+'; else {
                var d = c.charCodeAt(x); var h = d.toString(16);
                o += '%' + (h.length < 2 ? '0' : '') + h.toUpperCase();
            } x++;
        } 
    } return o;
},
    URLDecode: function(s) {
        var o = s; var binVal, t; var r = /(%[^%]{2})/;
        while ((m = r.exec(o)) != null && m.length > 1 && m[1] != '') {
            b = parseInt(m[1].substr(1), 16);
            t = String.fromCharCode(b); o = o.replace(m[1], t);
        } return o;
    }
});



// ================== SLIDER =======================
jQuery.fn.dropdownToSlider = function (label, rangePartner) {
    var select = $(this);
    var range = rangePartner != null && rangePartner != undefined && $(rangePartner).length > 0;
    rangePartner = $(rangePartner);

    // define divs
    var sliderDiv = $("<div class='slider' />");
    var sliderContainerDiv = $("<div class='slider-container' />");
    var sliderBeforeDiv = $("<div class='slider-before' />");
    var sliderAfterDiv = $("<div class='slider-after' />");
    var sliderValueSpan = $("<span class='slider-value-label' />");

    // find options
    var options = select.find("option");
    var min = options.first().html();
    var max = options.last().html();
    var count = options.length;
    var selectedItem = select.find(":selected");
    var selectedIndex = options.index(selectedItem);
    var selectedText = selectedItem.html();
    if (selectedText == null || selectedText == undefined || selectedText.length == 0) selectedText = min;

    // partneroptions
    var partnerOptions = rangePartner.find("option");
    if (range && !$(options).compareDropDowns(partnerOptions))
        throw ("'" + select.attr("id") + "' and '" + rangePartner.attr("id") + "' can not be used for a range slider because they don't have identical elements.");
    var selectedItem2 = rangePartner.find(":selected");
    var selectedIndex2 = partnerOptions.index(selectedItem2);
    var selectedText2 = selectedItem2.html();
    if (selectedText2 == null || selectedText2 == undefined || selectedText2.length == 0) selectedText2 = min;
    if (range) {
        selectedText += " - " + selectedText2;
    }

    // initialize before
    sliderBeforeDiv.append(label);
    sliderValueSpan.html(selectedText);
    sliderBeforeDiv.append(": ( ");
    sliderBeforeDiv.append(sliderValueSpan);
    sliderBeforeDiv.append(" )");

    // initialize after
    sliderAfterDiv.append($("<div style='float:right'>" + max + "</span>"));
    sliderAfterDiv.append(min);

    // append All
    sliderDiv.append(sliderBeforeDiv);
    sliderDiv.append(sliderContainerDiv);
    sliderDiv.append(sliderAfterDiv);

    select.parent().children().hide();
    select.parent().append(sliderDiv);

    // attach the slider
    var params = {
        max: count - 1,
        range: range,
        change: function (event, ui) {
            if (range) {
                select.val(options.eq(ui.values[0]).val()).trigger("change");
                rangePartner.val(options.eq(ui.values[1]).val()).trigger("change");
            }
            else
                select.val(options.eq(ui.value).val()).trigger("change");
        },
        slide: function (event, ui) {
            if (range) {
                sliderValueSpan.html(options.eq(ui.values[0]).html() + " - " + options.eq(ui.values[1]).html());
            }
            else
                sliderValueSpan.html(options.eq(ui.value).html());
        }
    };
    if (range)
        params.values = [selectedIndex, selectedIndex2];
    else
        params.value = selectedIndex;

    sliderContainerDiv.slider(params);
};

jQuery.fn.compareDropDowns = function (t) {
    if (this.length != t.length) { return false; }
    var a = this,
        b = t;
    for (var i = 0; t[i]; i++) {
        if ($(a[i]).val() !== $(b[i]).val()) {
            return false;
        }
    }
    return true;
};