Type.registerNamespace('Sys.Extended.UI');

Sys.Extended.UI.ValidatorCalloutBehavior = function Sys$Extended$UI$ValidatorCalloutBehavior(element) {
    Sys.Extended.UI.ValidatorCalloutBehavior.initializeBase(this, [element]);

    this._warningIconImageUrl = null;
    this._closeImageUrl = null;
    this._cssClass = "ajax__validatorcallout";
    this._highlightCssClass = null;
    this._popupPosition = Sys.Extended.UI.ValidatorCalloutPosition.Right;
    this._width = "200px";
    this._invalid = false;
    this._originalValidationMethod = null;
    this._validationMethodOverride = null;
    this._elementToValidate = null;
    this._popupTable = null;
    this._errorMessageCell = null;
    this._calloutArrowCell = null;
    this._warningIconImage = null;
    this._closeImage = null;
    this._closeCellInnerDiv = null;
    this._popupBehavior = null;
    this._onShowJson = null;
    this._onHideJson = null;
    this._focusAttached = false;
    this._isBuilt = false;
    this._focusHandler = Function.createDelegate(this, this._onfocus);
    this._closeClickHandler = Function.createDelegate(this, this._oncloseClick);
};

Sys.Extended.UI.ValidatorCalloutBehavior.prototype = {
    initialize: function() {
        Sys.Extended.UI.ValidatorCalloutBehavior.callBaseMethod(this, 'initialize');
        var elt = this.get_element();

        // Override the evaluation method of the current validator
        if(elt.evaluationfunction) {
            this._originalValidationMethod = Function.createDelegate(elt, elt.evaluationfunction);
            this._validationMethodOverride = Function.createDelegate(this, this._onvalidate);
            elt.evaluationfunction = this._validationMethodOverride;
        }

        // Check for failed server-side validation (indicated by non-empty ClientState)
        var clientState = this.get_ClientState();
        if((null != clientState) && ("" !== clientState)) {
            this._ensureCallout();
            // Apply HightLightCssClass for failed server-side validation
            if(this._highlightCssClass)
                Sys.UI.DomElement.addCssClass(this._elementToValidate, this._highlightCssClass);
            this.show();
        }
    },

    _ensureCallout: function() {
        if(!this._isBuilt) {
            var elt = this.get_element();

            // create the DOM elements
            var elementToValidate = this._elementToValidate = $get(elt.controltovalidate);
            var popupTableBody = document.createElement("tbody");
            var popupTableRow = document.createElement("tr");
            var calloutCell = document.createElement("td");
            var calloutTable = document.createElement("table");
            var calloutTableBody = document.createElement("tbody");
            var calloutTableRow = document.createElement("tr");
            var iconCell = document.createElement("td");
            var closeCell = document.createElement("td");
            var closeCellInnerDiv = this._closeCellInnerDiv = document.createElement("div");
            var popupTable = this._popupTable = document.createElement("table");
            var calloutArrowCell = this._calloutArrowCell = document.createElement("td");
            var warningIconImage = this._warningIconImage = document.createElement("img");
            var closeImage = this._closeImage = document.createElement("img");
            var errorMessageCell = this._errorMessageCell = document.createElement("td");

            // popupTable
            popupTable.id = this.get_id() + "_popupTable";
            popupTable.width = this.get_width();
            popupTable.className = this._cssClass + " ajax__validatorcallout_popup_table";

            // popupTableRow
            popupTableRow.className = "ajax__validatorcallout_popup_table_row";

            // calloutCell
            calloutCell.className = "ajax__validatorcallout_callout_cell";

            // calloutTable
            calloutTable.className = "ajax__validatorcallout_callout_table";

            // calloutTableRow
            calloutTableRow.className = "ajax__validatorcallout_callout_table_row";

            // calloutArrowCell
            if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomLeft)
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell_bottomleftpos";
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomRight)
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell_bottomrightpos";
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopLeft)
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell_topleftpos";
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopRight)
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell_toprightpos";
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.Left)
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell_leftpos";
            else
                calloutArrowCell.className = "ajax__validatorcallout_callout_arrow_cell";

            // iconCell
            iconCell.className = "ajax__validatorcallout_icon_cell";

            // _warningIconImage
            warningIconImage.border = 0;
            warningIconImage.src = this.get_warningIconImageUrl();

            // _errorMessageCell
            errorMessageCell.className = "ajax__validatorcallout_error_message_cell";
            errorMessageCell.innerHTML = this._getErrorMessage();

            // closeCell
            closeCell.className = "ajax__validatorcallout_close_button_cell";

            // closeImage
            closeCellInnerDiv.className = "ajax__validatorcallout_innerdiv";
            closeImage.src = this.get_closeImageUrl();

            // Create the DOM tree
            elt.parentNode.appendChild(popupTable);
            popupTable.appendChild(popupTableBody);
            popupTableBody.appendChild(popupTableRow);
            popupTableRow.appendChild(calloutCell);
            calloutCell.appendChild(calloutTable);
            calloutTable.appendChild(calloutTableBody);
            calloutTableBody.appendChild(calloutTableRow);
            calloutTableRow.appendChild(calloutArrowCell);
            popupTableRow.appendChild(iconCell);
            iconCell.appendChild(warningIconImage);
            popupTableRow.appendChild(errorMessageCell);
            popupTableRow.appendChild(closeCell);
            closeCellInnerDiv.appendChild(closeImage);
            closeCell.appendChild(closeCellInnerDiv);
            if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomLeft ||
            this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomRight) {
                var calloutExtraTableRow = document.createElement("tr");
                popupTableBody.insertBefore(calloutExtraTableRow, popupTableRow);
                calloutArrowCell.colSpan = 2;
                calloutExtraTableRow.appendChild(calloutArrowCell);
                popupTableRow.appendChild(iconCell);
                popupTableRow.appendChild(errorMessageCell);
                popupTableRow.appendChild(closeCell);
            }
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopLeft ||
                this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopRight) {
                var calloutExtraTableRow = document.createElement("tr");
                popupTableBody.appendChild(calloutExtraTableRow);
                calloutArrowCell.colSpan = 2;
                calloutExtraTableRow.appendChild(calloutArrowCell);
                popupTableRow.appendChild(iconCell);
                popupTableRow.appendChild(errorMessageCell);
                popupTableRow.appendChild(closeCell);
            } else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.Left) {
                popupTableRow.appendChild(iconCell);
                popupTableRow.appendChild(errorMessageCell);
                popupTableRow.appendChild(closeCell);
                popupTableRow.appendChild(calloutCell);
            }
            else {
                popupTableRow.appendChild(calloutCell);
                popupTableRow.appendChild(iconCell);
                popupTableRow.appendChild(errorMessageCell);
                popupTableRow.appendChild(closeCell);
            }

            // initialize callout arrow
            var div = document.createElement("div");
            div.className = "ajax__validatorcallout_innerdiv";
            calloutArrowCell.appendChild(div);
            if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomLeft ||
                this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomRight) {
                var pixel = document.createElement("div");
                pixel.style.width = "1px";
                pixel.className = "arrowpixel";
                div.appendChild(pixel);
                for(var i = 1; i < 22; i += 2) {
                    var line = document.createElement("div");
                    line.style.width = i.toString() + "px";
                    div.appendChild(line);
                }
            }
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopLeft ||
                this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopRight) {
                for(var i = 23; i > 0; i -= 2) {
                    var line = document.createElement("div");
                    line.style.width = i.toString() + "px";
                    div.appendChild(line);
                }
                var pixel = document.createElement("div");
                pixel.style.width = "1px";
                pixel.className = "arrowpixel";
                div.appendChild(pixel);
            }
            else {
                for(var i = 14; i > 0; i--) {
                    var line = document.createElement("div");
                    line.style.width = i.toString() + "px";
                    div.appendChild(line);
                }
            }

            // initialize behaviors
            this._popupBehavior = $create(
                Sys.Extended.UI.PopupBehavior,
                {
                    //positioningMode : Sys.Extended.UI.PositioningMode.Absolute,
                    parentElement: elementToValidate
                },
                {},
                null,
                this._popupTable);
            
            if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopLeft)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.TopLeft);
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.TopRight)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.TopRight);
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomLeft)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.BottomLeft);
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.BottomRight)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.BottomRight);
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.Right)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.Right);
            else if(this._popupPosition == Sys.Extended.UI.ValidatorCalloutPosition.Left)
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.Left);
            else
                this._popupBehavior.set_positioningMode(Sys.Extended.UI.PositioningMode.Right);

            // Create the animations (if they were set before initialize was called)
            if(this._onShowJson)
                this._popupBehavior.set_onShow(this._onShowJson);
            if(this._onHideJson)
                this._popupBehavior.set_onHide(this._onHideJson);

            $addHandler(this._closeCellInnerDiv, "click", this._closeClickHandler);
            this._isBuilt = true;
        }
    },

    dispose: function() {
        if(this._isBuilt) {
            this.hide();

            if(this._focusAttached) {
                $removeHandler(this._elementToValidate, "focus", this._focusHandler);
                this._focusAttached = false;
            }
            $removeHandler(this._closeCellInnerDiv, "click", this._closeClickHandler);

            this._onShowJson = null;
            this._onHideJson = null;
            if(this._popupBehavior) {
                this._popupBehavior.dispose();
                this._popupBehavior = null;
            }
            if(this._closeBehavior) {
                this._closeBehavior.dispose();
                this._closeBehavior = null;
            }
            if(this._popupTable) {
                this._popupTable.parentNode.removeChild(this._popupTable);
                this._popupTable = null;
                this._errorMessageCell = null;
                this._elementToValidate = null;
                this._calloutArrowCell = null;
                this._warningIconImage = null;
                this._closeImage = null;
                this._closeCellInnerDiv = null;
            }
            this._isBuilt = false;
        }
        Sys.Extended.UI.ValidatorCalloutBehavior.callBaseMethod(this, 'dispose');
    },

    _getErrorMessage: function() {
        return this.get_element().errormessage || Sys.Extended.UI.Resources.ValidatorCallout_DefaultErrorMessage;
    },

    /// <summary>
    /// Shows the ValidatorCallout popup
    /// </summary>
    /// <member name="cM:AjaxControlToolkit.ValidatorCalloutExtender.show" />
    show: function(force) {
        if(force || !this.isOpen()) {
            if(force && Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout)
                Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout.hide();
            if(Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout != null)
                return;
            Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout = this;
            this._errorMessageCell.innerHTML = this._getErrorMessage();
            this._popupBehavior.show();
        }
    },

    /// <summary>
    /// Hides the ValidatorCallout popup
    /// </summary>
    /// <member name="cM:AjaxControlToolkit.ValidatorCalloutExtender.hide" />
    hide: function() {
        if(Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout == this)
            Sys.Extended.UI.ValidatorCalloutBehavior._currentCallout = null;
        if(this.isOpen())
            this._popupBehavior.hide();
    },

    _onfocus: function(e) {
        if(!this._originalValidationMethod(this.get_element())) {
            this._ensureCallout();
            if(this._highlightCssClass)
                Sys.UI.DomElement.addCssClass(this._elementToValidate, this._highlightCssClass);
            this.show(true);
            return false;
        } else {
            this.hide();
            return true;
        }
    },

    _oncloseClick: function(e) {
        this.hide();
    },

    _onvalidate: function(val) {
        if(!this._originalValidationMethod(val)) {
            this._ensureCallout();
            if(this._highlightCssClass)
                Sys.UI.DomElement.addCssClass(this._elementToValidate, this._highlightCssClass);
            if(!this._focusAttached) {
                $addHandler(this._elementToValidate, "focus", this._focusHandler);
                this._focusAttached = true;
            }
            this.show(false);
            this._invalid = true;
            return false;
        } else {
            if(this._highlightCssClass && this._invalid)
                Sys.UI.DomElement.removeCssClass(this._elementToValidate, this._highlightCssClass);
            this._invalid = false;
            this.hide();
            return true;
        }
    },

    /// <summary>
    /// Generic OnShow animation for the ValidatorCallout extender
    /// </summary>
    /// <remarks>
    /// The OnShow animation will be played each time the validation popup is displayed.
    /// The popup will be positioned correctly, but hidden. The animation can be used to
    /// display the popup along with any other visual effects. 
    ///
    /// See Animation Reference for more details
    /// </remarks>
    /// <getter>get_onShow</getter>
    /// <setter>set_onShow</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.onShow" />
    get_onShow: function() {
        // Generic OnShow Animation's JSON definition
        return this._popupBehavior ? this._popupBehavior.get_onShow() : this._onShowJson;
    },
    set_onShow: function(value) {
        if(this._popupBehavior)
            this._popupBehavior.set_onShow(value);
        else
            this._onShowJson = value;
        this.raisePropertyChanged('onShow');
    },

    onShow: function() {
        if(this._popupBehavior)
            this._popupBehavior.onShow();
    },

    /// <summary>
    /// Generic OnShow Animation's behavior
    /// </summary>
    /// <getter>get_onShowBehavior</getter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.onShowBehavior" />
    get_onShowBehavior: function() {
        return this._popupBehavior ? this._popupBehavior.get_onShowBehavior() : null;
    },

    /// <summary>
    /// Generic OnHide animation for the ValidatorCallout extender
    /// </summary>
    /// <remarks>
    /// The OnHide animation will be played each time the validation popup is hidden
    /// </remarks>
    /// <getter>get_onHide</getter>
    /// <setter>set_onHide</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.onHide" />
    get_onHide: function() {
        // Generic OnHide Animation's JSON definition
        return this._popupBehavior ? this._popupBehavior.get_onHide() : this._onHideJson;
    },
    set_onHide: function(value) {
        if(this._popupBehavior)
            this._popupBehavior.set_onHide(value);
        else
            this._onHideJson = value;
        this.raisePropertyChanged('onHide');
    },

    onHide: function() {
        if(this._popupBehavior)
            this._popupBehavior.onHide();
    },

    /// <summary>
    /// Generic OnHide Animation's behavior
    /// </summary>
    /// <getter>get_onHideBehavior</getter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.onHideBehavior" />
    get_onHideBehavior: function() {
        return this._popupBehavior ? this._popupBehavior.get_onHideBehavior() : null;
    },

    /// <summary>
    /// The path to a custom warning icon image
    /// </summary>
    /// <getter>get_warningIconImageUrl</getter>
    /// <setter>set_warningIconImageUrl</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.warningIconImageUrl" />
    get_warningIconImageUrl: function() {
        return this._warningIconImageUrl;
    },
    set_warningIconImageUrl: function(value) {
        if(this._warningIconImageUrl != value) {
            this._warningIconImageUrl = value;
            if(this.get_isInitialized())
                this._warningIconImage.src = value;
            this.raisePropertyChanged("warningIconImageUrl");
        }
    },

    /// <summary>
    /// The path to a custom close image
    /// </summary>
    /// <getter>get_closeImageUrl</getter>
    /// <setter>set_closeImageUrl</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.closeImageUrl" />
    get_closeImageUrl: function() {
        return this._closeImageUrl;
    },
    set_closeImageUrl: function(value) {
        if(this._closeImageUrl != value) {
            this._closeImageUrl = value;
            if(this.get_isInitialized())
                this._closeImage.src = value;
            this.raisePropertyChanged("closeImageUrl");
        }
    },

    /// <summary>
    /// The width of the callout
    /// </summary>
    /// <getter>get_width</getter>
    /// <setter>set_width</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.width" />
    get_width: function() {
        return this._width;
    },
    set_width: function(value) {
        if(this._width != value) {
            this._width = value;
            if(this.get_isInitialized())
                this._popupTable.style.width = _width;
            this.raisePropertyChanged("width");
        }
    },

    /// <summary>
    /// Indicates where the ValidatorCallout popup should appear relatively to the control to validate
    /// </summary>
    /// <remarks>
    /// Possible values:
    /// * BottomLeft
    /// * BottomRight
    /// * TopLeft
    /// * TopRight
    /// * Left
    /// * Right
    /// </remarks>
    /// <getter>get_popupPosition</getter>
    /// <setter>set_popupPosition</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.popupPosition" />
    get_popupPosition: function() {
        return this._popupPosition;
    },
    set_popupPosition: function(value) {
        if(this._popupPosition != value) {
            this._popupPosition = value;
            this.raisePropertyChanged('popupPosition');
        }
    },

    /// <summary>
    /// Name of the CSS class used to style the ValidatorCallout
    /// </summary>
    /// <remarks>
    /// See the ValidatorCallout Theming section for more information
    /// </remarks>
    /// <getter>get_cssClass</getter>
    /// <setter>set_cssClass</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.cssClass" />
    get_cssClass: function() {
        return this._cssClass;
    },
    set_cssClass: function(value) {
        if(this._cssClass != value) {
            this._cssClass = value;
            this.raisePropertyChanged("cssClass");
        }
    },

    /// <summary>
    /// A CSS class to apply to an invalid field
    /// </summary>
    /// <getter>get_highlightCssClass</getter>
    /// <setter>set_highlightCssClass</setter>
    /// <member name="cP:AjaxControlToolkit.ValidatorCalloutExtender.highlightCssClass" />
    get_highlightCssClass: function() {
        return this._highlightCssClass;
    },
    set_highlightCssClass: function(value) {
        if(this._highlightCssClass != value) {
            this._highlightCssClass = value;
            this.raisePropertyChanged("highlightCssClass");
        }
    },

    /// <summary>
    /// Determines whether the ValidatorCallout popup is opened
    /// </summary>
    /// <returns>
    /// Boolean value, which is true when ValidatorCallout popup is open
    /// </returns>
    /// <member name="cM:AjaxControlToolkit.ValidatorCalloutExtender.isOpen" />
    isOpen: function() {
        return $common.getVisible(this._popupTable);
    },
    get_isOpen: function() {
        Sys.Extended.Deprecated("get_isOpen()", "isOpen()");
        return this.isOpen();
    }
};
Sys.Extended.UI.ValidatorCalloutBehavior.registerClass('Sys.Extended.UI.ValidatorCalloutBehavior', Sys.Extended.UI.BehaviorBase);

Sys.Extended.UI.ValidatorCalloutPosition = function() {
    throw Error.invalidOperation();
};
Sys.Extended.UI.ValidatorCalloutPosition.prototype = {
    Right: 0,
    Left: 1,
    BottomLeft: 2,
    BottomRight: 3,
    TopLeft: 4,
    TopRight: 5
};
Sys.Extended.UI.ValidatorCalloutPosition.registerEnum('Sys.Extended.UI.ValidatorCalloutPosition');