(function ($) {
    $.widget("ui.QuickSearch", {
        // default options
        options: {
            LocationLabel: "Location:",
            HeaderLabel: "",
            LocationWatermark: "Neighborhood, City, ZIP, or Address",
            PriceRangeLabel: "Price:",
            BedsLabel: "Beds:",
            BathsLabel: "Baths:",
            ButtonLabel: "Search",
            CirrusUrl: "",
            Orientation: "Vertical",
            DefaultLocation: ""
        },
        _create: function () {
            if (this.options.CirrusUrl == "") {
                $(this.element).text("Cirrus URL Must Be Specified!").css("color", "red");
            }
            else {
                $(this.element).hide();
                $(this.element).html('<div class="qsHeaderContainer"></div>' +
                '<div class="qsLocationLabelContainer">' +
	    	        '<label class="qsLocationLabel" for="txtLocation"></label>' +
	    	    '</div>' +
	    	    '<div class="qsLocationTxtContainer" >' +
	    	        '<input class="qsLocationTxt" type="text" />' +
	    	    '</div>' +
	    	    '<div class="qsPriceRangeContainer" >' +
	    	        '<label class="qsPriceRangeLabel" for="txtMinPrice"></label>' +
	    	        '<input class="qsMinPrice" type="text" maxlength="12" />' +
	    	        '&nbsp;to&nbsp;' +
	    	        '<input class="qsMaxPrice" type="text" maxlength="12" />' +
	    	    '</div>' +
	    	    '<div class="qsBedBathContainer" >' +
	    	        '<label class="qsBedsLabel" for="ddlBeds"></label>' +
	    	        '<select class="qsBedsList">' +
	    	            '<option value="-1">Any</option>' +
	    	            '<option value="1">1+</option>' +
	    	            '<option value="2">2+</option>' +
	    	            '<option value="3">3+</option>' +
	    	            '<option value="4">4+</option>' +
	    	            '<option value="5">5+</option>' +
	    	        '</select>' +
	    	        '<label class="qsBathsLabel" for="ddlBaths"></label>' +
	    	        '<select class="qsBathsList">' +
	    	            '<option value="-1">Any</option>' +
	    	            '<option value="1">1+</option>' +
	    	            '<option value="2">2+</option>' +
	    	            '<option value="3">3+</option>' +
	    	            '<option value="4">4+</option>' +
	    	            '<option value="5">5+</option>' +
	    	        '</select>' +
	    	    '</div>' +
	    	    '<div class="qsErrorButtonContainer">' +
	    	        '<label class="qsErrorLabel"></label>' +
	    	        '<button class="qsButton" ></button>' +
	            '</div>');
                this._onLoad();
                $(this.element).fadeIn();
            }
        },
        _onLoad: function () {
            var self = this;
            //if no default location given, use watermark
            if (this.options.DefaultLocation == "")
				$(this.element).find(".qsLocationTxt").val(this.options.LocationWatermark)
				.addClass("qsWatermarked")
				.focus(function () { self._LocationFocus(self, this); })
				.blur(function () { self._LocationBlur(self, this); });
			//otherwise ignore watermark and use default location
			else
				$(this.element).find(".qsLocationTxt").val(this.options.DefaultLocation);
            $(this.element).find(".qsLocationLabel").text(this.options.LocationLabel);
            $(this.element).find(".qsPriceRangeLabel").text(this.options.PriceRangeLabel);
            $(this.element).find(".qsBedsLabel").text(this.options.BedsLabel);
            $(this.element).find(".qsBathsLabel").text(this.options.BathsLabel);
            $(this.element).find(".qsButton").text(this.options.ButtonLabel);
            $(this.element).find(".qsButton").click($.proxy(this._search, this));
            $(this.element).addClass("qsQuickSearchContainer");

            //We only want to provide a style sheet link if they are not using a Custom Layout
            if (this.options.Orientation.toLowerCase() != "custom") {
                (this.options.Orientation.toLowerCase() == "vertical") ?
                $("head").append("<link rel='Stylesheet' type='text/css' id='qsCss' href='http://tools.1parkplace.com/Widgets/CirrusQuickSearch/CirrusQuickSearchVertical.css' />") :
                $("head").append("<link rel='Stylesheet' type='text/css' id='qsCss' href='http://tools.1parkplace.com/Widgets/CirrusQuickSearch/CirrusQuickSearchHorizontal.css' />");
            }

            //Display the header if specified.
            (this.options.HeaderLabel != "") ?
            $(this.element).find(".qsHeaderContainer").text(this.options.HeaderLabel)
            : $(this.element).find(".qsHeaderContainer").hide();

            //Hook up the Enter key to the button.
            $(this.element).keydown(function (event) {
                if (event.keyCode == 13)
                    $(self.element).find(".qsButton").click();
            });

            MaskPriceRangeValues();
        },
        _search: function () {
            //clear any error messages
            this._ClearError();

            var loc = $(this.element).find(".qsLocationTxt");
            var qsLocation = $.trim(loc.val());

            //Location required
            if (!this.options.IsWatermarkValidLocation && qsLocation == $.trim(this.options.LocationWatermark)) {
                this._SetError("Specify a location!");
                loc.parent().addClass("qsInputError");
                return;
            }

            var redirectUrl = this.options.CirrusUrl;

            //append appropriate character to query string
            (redirectUrl.indexOf("?") == -1) ? redirectUrl += "?" : redirectUrl += "&";
            
            //add the quick search service ID so Cirrus can verify
            redirectUrl += "cirrusServiceID=222&";
            
			var minPrice = $(this.element).find(".qsMinPrice");
            var maxPrice = $(this.element).find(".qsMaxPrice");
            var qsMinPrice = $.trim(minPrice.val().cleanNumber());
            var qsMaxPrice = $.trim(maxPrice.val().cleanNumber());
            var qsBeds = $(this.element).find(".qsBedsList").val();
            var qsBaths = $(this.element).find(".qsBathsList").val();

            //generate querystring
            redirectUrl += "cirrusCriteria=loc-" + qsLocation.replace(/\W/g, '+');

            if (qsMinPrice != "" && qsMaxPrice != "") {
                if (parseInt(qsMinPrice) <= parseInt(qsMaxPrice)) {
                    redirectUrl += "|minPrice-" + qsMinPrice + "|maxPrice-" + qsMaxPrice;
                }
                else {
                    minPrice.addClass("qsInputError");
                    maxPrice.addClass("qsInputError");
                    this._SetError("Invalid price range!");
                    return;
                }
            }
            else {
                if (qsMinPrice != "") {
                    redirectUrl += "|minPrice-" + qsMinPrice;
                }

                if (qsMaxPrice != "") {
                    redirectUrl += "|maxPrice-" + qsMaxPrice;
                }
            }

            if (qsBeds != "-1") {
                redirectUrl += "|minBed-" + qsBeds;
            }

            if (qsBaths != "-1") {
                redirectUrl += "|minBath-" + qsBaths;
            }

            window.location = redirectUrl;
        },

        _LocationFocus: function (widget, textBox) {
            if (widget.options.LocationWatermark == $(textBox).val()) {
                $(textBox).val("");
                $(textBox).toggleClass("qsWatermarked");
                $(textBox).css("border", "");
            }
        },

        _LocationBlur: function (widget, textBox) {
            if ($(textBox).val() == "") {
                $(textBox).val(widget.options.LocationWatermark);
                $(textBox).toggleClass("qsWatermarked");
            }
        },

        _SetError: function (message) {
            $(this.element).find(".qsErrorLabel").text(message);
        },

        _ClearError: function () {
            $(this.element).find(".qsLocationTxtContainer").removeClass("qsInputError");
            $(this.element).find("input").removeClass("qsInputError");
            $(this.element).find(".qsErrorLabel").text("");
        }
    });

    //Helper Functions
    String.prototype.insertAt = function (loc, strChunk) {
        return (this.valueOf().substr(0, loc)) + strChunk + (this.valueOf().substr(loc))
    }

    String.prototype.toCurrency = function (currencySymbol, thousandsSeparator) {
        var n, startAt, intLen;
        n = this.valueOf();
        if (currencySymbol == null) currencySymbol = "$";
        if (thousandsSeparator == null) thousandsSeparator = ",";
        intLen = this.length;
        if ((startAt = intLen % 3) == 0) startAt = 3;
        for (var i = 0, len = Math.ceil(intLen / 3) - 1; i < len; i++)
            n = n.insertAt(i * 4 + startAt, thousandsSeparator);
        return currencySymbol + n;
    }

    String.prototype.cleanNumber = function () {
        var str = this.valueOf();
        var strlen = str.length;

        return str.replace(/[^0-9]+/g, "");
    }

    String.prototype.trim = function (chars) {
        var str = this.valueOf();

        //Trim chars from the left (beginning)
        var trim = str.replace(new RegExp("^[" + chars + "]+", "g"), "");

        //Trim chars from the right (end)
        trim = trim.replace(new RegExp("[" + chars + "]+$", "g", ""));

        return trim;
    }

    function CheckNumericKeys(evt) {
        if (evt.which >= 48 && evt.which <= 57)
            return true;
        else
            return false;
    }

    //Price Range Mask
    function MaskPriceRangeValues() {
        $(".qsPriceRangeContainer input").bind({
            keypress: function (e) {
                var key = e.which || e.keyCode;
                //If it is the backspace or tab key, always want to return true
                if (key == 8 || key == 9 || key == 13)
                    return true;

                var inputText = $(this).val();
                if (!CheckNumericKeys(e))
                    return false;
            },

            focus: function (e) {
                var inputText = $(this).val();
                $(this).val(inputText.cleanNumber());
            },

            blur: function (e) {
                var inputText = $(this).val();
                if (inputText.length > 0)
                    $(this).val(inputText.toCurrency('$', ','));
            }
        });
    }
})(jQuery);