/*

* Kendo UI Web v2012.2.710 (http://kendoui.com)

* Copyright 2012 Telerik AD. All rights reserved.

*

* Kendo UI Web commercial licenses may be obtained at http://kendoui.com/web-license

* If you do not own a commercial license, this file shall be governed by the

* GNU General Public License (GPL) version 3.

* For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html

*/

/**

 * @fileOverview Provides a Window implementation which can be used to display content in a modal or non-modal HTML

 * window.

 */



(function($, undefined) {

    /**

     * @name kendo.ui.Window.Description

     *

     * @section

     * <p>

     *  A <strong>Window</strong> displays content in a modal or non-modal HTML window. By default, a

     *  <strong>Window</strong> can be moved, resized, and closed. Its content can also be defined with either as

     *  static HTML or loaded dynamically via AJAX.

     * </p>

     * <p>

     *  A <strong>Window</strong> can be initialized from virtually any DOM element. During initialization, the

     *  targeted content will automatically be wrapped in the div element of the <strong>Window</strong>.

     * </p>

     * <h3>Getting Started</h3>

     *

     * @exampleTitle Create a simple HTML element with the Window content

     * @example

     * <div id="window">

     *     Content of the Window

     * </div>

     *

     * @exampleTitle Initialize the Window using a selector

     * @example

     * $(document).ready(function() {

     *     $("#window").kendoWindow();

     * });

     *

     * @section

     * <p>

     *  When a <strong>Window</strong> is initialized, it will automatically be displayed open near the location of the

     *  DOM element that was used to initialize the content.

     * </p>

     * <h3>Configuring Window Behaviors</h3>

     * <p>

     *  A <strong>Window</strong> provides many configuration options that can be easily set during initialization.

     *  Among the properties that can be controlled:

     * </p>

     * <ul>

     *  <li>Minimum height/width</li>

     *  <li>Available user actions (close/refresh/maximize/minimize) and ability to define custom ones</li>

     *  <li>Title</li>

     *  <li>Draggable and resizable behaviors</li>

     * </ul>

     *

     * @exampleTitle Create a modal Window with all user actions enabled

     * @example

     * $("#window").kendoWindow({

     *     actions: ["Custom", "Refresh", "Maximize", "Minimize", "Close"],

     *     draggable: false,

     *     height: "300px",

     *     modal: true,

     *     resizable: false,

     *     title: "Modal Window",

     *     width: "500px"

     * });

     *

     * @section

     * <p>

     *  The order of the values in the actions array determines the order in which the action buttons will be rendered

     *  in the title of a <strong>Window</strong>. The maximize action serves both as a button for expanding a

     *  <strong>Window</strong> to fill the screen and as a button to restore a <strong>Window</strong> to its previous

     *  size. The minimize action collapses a <strong>Window</strong> to its title.

     * </p>

     * <p>If a non-recognized action name is supplied, it is treated as a custom action - <strong>k-icon</strong> and <strong>k-actionname</strong>

     * CSS classes are rendered for it and no click event handler is attached automatically. The Kendo stylesheets have a supplied icon for

     * actions with the name "Custom", but any name can be used. Click events can be captured and handled in a standard way:</p>

     *

     * @exampleTitle Custom actions

     * @example

     *   $("#window").kendoWindow({

     *       actions: ["Custom", "Minimize", "Maximize", "Close"],

     *       title: "Window Title"

     *   }).data("kendoWindow").wrapper.find(".k-i-custom").click(function(e) {

     *       alert("Custom action button clicked");

     *       e.preventDefault();

     *   });

     *

     * <h3>Positioning and Opening a Window</h3>

     * <p>

     *  In some scenarios, it is preferable to center a <strong>Window</strong> rather than open it near the HTML

     *  element used to define the content. It is also common to open a <strong>Window</strong> as the result of the

     *  action of a user rather than on the load event of a page. The <strong>Window</strong> API provides methods for

     *  handling these scenarios.

     * </p>

     *

     * @exampleTitle Centering a Window and opening on button click

     * @example

     * <div id="window">

     *     Content of the Window

     * </div>

     * <button id="openButton">Open Window</button>

     *

     * @exampleTitle Initialize Window, center, and configure button click action

     * @example

     * $(document).ready(function(){

     *     var win = $("#window").kendoWindow({

     *         height: "200px",

     *         title: "Centered Window",

     *         visible: false,

     *         width: "200px"

     *     }).data("kendoWindow");

     * });

     *

     * $("#openButton").click(function(){

     *     var win = $("#window").data("kendoWindow");

     *     win.center();

     *     win.open();

     * });

     *

     * @section

     * <h3>Loading Window content via AJAX</h3>

     * <p>

     *  A <strong>Window</strong> provides built-in support for asynchronously loading content from a URL. This URL

     *  should return a HTML fragment that can be loaded in a Window content area.

     * </p>

     *

     * @exampleTitle Load Window content asynchronously

     * @example

     * <div id="window"></div>

     *

     * @exampleTitle Initialize window and configure content loading

     * @example

     * $(document).ready(function(){

     *     $("#window").kendoWindow({

     *         content: "html-content-snippet.html",

     *         title: "Async Window Content"

     *     });

     * });

     *

     * @section

     * <h3>Accessing an Existing Window</h3>

     * <p>

     *  You can reference an existing <b>Window</b> instance via

     *  <a href="http://api.jquery.com/jQuery.data/">jQuery.data()</a>. Once a reference has been established, you can

     *  use the API to control its behavior.

     * </p>

     *

     * @exampleTitle Accessing an existing Window instance

     * @example

     * var win = $("#window").data("kendoWindow");

     *

     */

    var kendo = window.kendo,

        Widget = kendo.ui.Widget,

        Draggable = kendo.ui.Draggable,

        isPlainObject = $.isPlainObject,

        proxy = $.proxy,

        extend = $.extend,

        each = $.each,

        template = kendo.template,

        BODY = "body",

        templates,

        // classNames

        KWINDOW = ".k-window",

        KWINDOWTITLEBAR = ".k-window-titlebar",

        KWINDOWCONTENT = ".k-window-content",

        KWINDOWRESIZEHANDLES = ".k-resize-handle",

        KOVERLAY = ".k-overlay",

        KCONTENTFRAME = "k-content-frame",

        LOADING = "k-loading",

        KHOVERSTATE = "k-state-hover",

        // constants

        VISIBLE = ":visible",

        HIDDEN = "hidden",

        CURSOR = "cursor",

        // events

        OPEN = "open",

        ACTIVATE = "activate",

        DEACTIVATE = "deactivate",

        CLOSE = "close",

        REFRESH = "refresh",

        RESIZE = "resize",

        DRAGSTART = "dragstart",

        DRAGEND = "dragend",

        ERROR = "error",

        OVERFLOW = "overflow",

        ZINDEX = "zIndex",

        MINIMIZE_MAXIMIZE = ".k-window-actions .k-i-minimize,.k-window-actions .k-i-maximize",

        isLocalUrl = kendo.isLocalUrl;



    function constrain(value, low, high) {

        return Math.max(Math.min(value, high), low);

    }



    function windowObject(element) {

        return element.children(KWINDOWCONTENT).data("kendoWindow");

    }



    function openedModalWindows() {

        return $(KWINDOW).filter(function() {

            var wnd = $(this);

            return wnd.is(VISIBLE) && windowObject(wnd).options.modal;

        }).sort(function(a, b){

            return +$(a).css("zIndex") - +$(b).css("zIndex");

        });

    }



    function sizingAction(actionId, callback) {

        return function() {

            var that = this,

                wrapper = that.wrapper,

                style = wrapper[0].style,

                options = that.options;



            if (options.isMaximized || options.isMinimized) {

                return;

            }



            that.restoreOptions = {

                width: style.width,

                height: style.height

            };



            wrapper

                .find(KWINDOWRESIZEHANDLES).hide().end()

                .find(MINIMIZE_MAXIMIZE).parent().hide()

                    .eq(0).before(templates.action({ name: "Restore" }));



            callback.call(that);



            return that;

        };

    }



    var Window = Widget.extend(/** @lends kendo.ui.Window.prototype */ {

        /**

         *

         * @constructs

         * @extends kendo.ui.Widget

         *

         * @param {Element} element

         * DOM element

         *

         * @param {Object} options

         * Configuration options.

         *

         * @option {Boolean} [modal] <false>

         * Specifies whether the window should show a modal overlay over the page.

         *

         * @option {Boolean} [visible] <true>

         * Specifies whether the window will be initially visible.

         *

         * @option {Boolean} [draggable] <true>

         * Enables (<strong>true</strong>) or disables (<strong>false</strong>) the ability for users to move/drag a

         * <strong>Window</strong>.

         *

         * @option {Boolean} [resizable] <true>

         * Enables (<strong>true</strong>) or disables (<strong>false</strong>) the ability for users to resize a

         * <strong>Window</strong>.

         *

         * @option {Number} [minWidth] <50>

         * The minimum width (in pixels) that may be achieved by resizing the window.

         *

         * @option {Number} [minHeight] <50>

         * The minimum height (in pixels) that may be achieved by resizing the window.

         *

         * @option {Number} [maxWidth] <Infinity>

         * The maximum width (in pixels) that may be achieved by resizing the window.

         *

         * @option {Number} [maxHeight] <Infinity>

         * The maximum height (in pixels) that may be achieved by resizing the window.

         *

         * @option {Object|String} [content]

         * Specifies a URL or request options that the window should load its content from. For remote URLs, a

         * container iframe element is automatically created.

         *

         * @option {String} [content.template]

         * Template for the content of a <strong>Window</strong>.

         *

         * @option {Boolean} [iframe]

         * Explicitly states whether content iframe should be created.

         *

         * @option {Array} [actions] <["Close"]>

         * The buttons for interacting with the window. Predefined array values are "Close", "Refresh", "Minimize",

         * and "Maximize".

         *

         * @option {String} [title]

         * The text in the window title bar.

         *

         * @option {Object} [appendTo] <document.body>

         * The element that the Window will be appended to.

         *

         * @option {Object} [animation]

         * A collection of {Animation} objects, used to change default animations. A value of <strong>false</strong>

         * will disable all animations in the widget.

         *

         * @option {Animation} [animation.open]

         * The animation that will be used when a Window opens.

         *

         * @option {Animation} [animation.close]

         * The animation that will be used when a Window closes.

         *

         */

        init: function(element, options) {

            var that = this,

                wrapper,

                offset, visibility, display,

                isVisible = false,

                content;



            Widget.fn.init.call(that, element, options);

            options = that.options;

            element = that.element;

            content = options.content;



            that.appendTo = $(options.appendTo || document.body);



            that._animations();



            if (!isPlainObject(content)) {

                content = options.content = { url: content };

            }



            if (!element.parent().is(that.appendTo)) {

                if (element.is(VISIBLE)) {

                    offset = element.offset();

                    isVisible = true;

                } else {

                    visibility = element.css("visibility");

                    display = element.css("display");



                    element.css({ visibility: HIDDEN, display: "" });

                    offset = element.offset();

                    element.css({ visibility: visibility, display: display });

                }

            }



            if (typeof options.visible == "undefined") {

                options.visible = element.is(VISIBLE);

            }



            wrapper = that.wrapper = element.closest(KWINDOW);



            if (!element.is(".k-content") || !wrapper[0]) {

                element.addClass("k-window-content k-content");

                that._createWindow(element, options);

                wrapper = that.wrapper = element.closest(KWINDOW);



                that._dimensions();

            }



            if (offset) {

                wrapper.css({

                    top: offset.top,

                    left: offset.left

                });

            }



            if (content) {

                that.refresh(content);

            }



            that.toFront();



            if (options.visible && options.modal) {

                that._overlay(wrapper.is(VISIBLE)).css({ opacity: 0.5 });

            }



            wrapper.on({

                mouseenter: function () { $(this).addClass(KHOVERSTATE); },

                mouseleave: function () { $(this).removeClass(KHOVERSTATE); },

                click: proxy(that._windowActionHandler, that)

            }, ".k-window-titlebar .k-window-action");



            if (options.resizable) {

                wrapper.on("dblclick", KWINDOWTITLEBAR, proxy(that.toggleMaximization, that));



                each("n e s w se sw ne nw".split(" "), function(index, handler) {

                    wrapper.append(templates.resizeHandle(handler));

                });



                that.resizing = new WindowResizing(that);

            }



            if (options.draggable) {

                that.dragging = new WindowDragging(that);

            }



            wrapper.add(wrapper.find(".k-resize-handle,.k-window-titlebar"))

                .on("mousedown", proxy(that.toFront, that));



            that.touchScroller = kendo.touchScroller(element);



            $(window).resize(proxy(that._onDocumentResize, that));



            if (options.visible) {

                that.trigger(OPEN);

                that.trigger(ACTIVATE);

            }



            kendo.notify(that);

        },



        _dimensions: function() {

            var that = this,

                wrapper = that.wrapper,

                element = that.element,

                options = that.options;



            that.title(options.title);



            if (options.width) {

                wrapper.width(options.width);

            }



            if (options.height) {

                wrapper.height(options.height);

            }



            each(["minWidth","minHeight","maxWidth","maxHeight"], function(_, prop) {

                var value = options[prop];

                if (value && value != Infinity) {

                    element.css(prop, value);

                }

            });



            if (!options.visible) {

                wrapper.hide();

            }

        },



        _animations: function() {

            var options = this.options;



            if (options.animation === false) {

                options.animation = { open: { show: true, effects: {} }, close: { hide:true, effects: {} } };

            }

        },



        setOptions: function(options) {

            Widget.fn.setOptions.call(this, options);

            this._animations();

            this._dimensions();

        },



        events:[

            /**

             *

             * Triggered when a Window is opened (i.e. the open() method is called).

             *

             * @name kendo.ui.Window#open

             * @event

             * @cancellable

             *

             * @param {Event} e

             *

             * @exampleTitle Attach open event handler during initialization; detach via unbind()

             * @example

             * // event handler for expand

             * var onOpen = function(e) {

             *     // ...

             * };

             *

             * // attach open event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     open: onOpen

             * });

             *

             * // detach expand event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("open", onOpen);

             *

             * @exampleTitle Attach open event handler via bind(); detach via unbind()

             * @example

             * // event handler for open

             * var onOpen = function(e) {

             *     // ...

             * };

             *

             * // attach open event handler via bind()

             * $("#window").data("kendoWindow").bind("open", onOpen);

             *

             * // detach open event handler via unbind()

             * $("#window").data("kendoWindow").unbind("open", onOpen);

             *

             */

            OPEN,

            /**

             *

             * Triggered when a Window has finished its opening animation.

             *

             * @name kendo.ui.Window#activate

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach activate event handler during initialization; detach via unbind()

             * @example

             * // event handler for activate

             * var onActivate = function(e) {

             *     // ...

             * };

             *

             * // attach activate event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     activate: onActivate

             * });

             *

             * // detach activate event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("activate", onActivate);

             *

             * @exampleTitle Attach activate event handler via bind(); detach via unbind()

             * @example

             * // event handler for activate

             * var onActivate = function(e) {

             *     // ...

             * };

             *

             * // attach activate event handler via bind()

             * $("#window").data("kendoWindow").bind("activate", onActivate);

             *

             * // detach activate event handler via unbind()

             * $("#window").data("kendoWindow").unbind("activate", onActivate);

             *

             */

            ACTIVATE,

            /**

             *

             * Triggered when a Window has finished its closing animation.

             *

             * @name kendo.ui.Window#deactivate

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach deactivate event handler during initialization; detach via unbind()

             * @example

             * // event handler for deactivate

             * var onDeactivate = function(e) {

             *     // ...

             * };

             *

             * // attach deactivate event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     deactivate: onDeactivate

             * });

             *

             * // detach deactivate event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("deactivate", onDeactivate);

             *

             * @exampleTitle Attach deactivate event handler via bind(); detach via unbind()

             * @example

             * // event handler for deactivate

             * var onDeactivate = function(e) {

             *     // ...

             * };

             *

             * // attach deactivate event handler via bind()

             * $("#window").data("kendoWindow").bind("deactivate", onDeactivate);

             *

             * // detach deactivate event handler via unbind()

             * $("#window").data("kendoWindow").unbind("deactivate", onDeactivate);

             *

             */

            DEACTIVATE,

            /**

             *

             * Triggered when a Window is closed (by a user or through the close() method).

             *

             * @name kendo.ui.Window#close

             * @event

             * @cancellable

             *

             * @param {Event} e

             *

             * @exampleTitle Attach close event handler during initialization; detach via unbind()

             * @example

             * // event handler for close

             * var onClose = function(e) {

             *     // ...

             * };

             *

             * // attach close event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     close: onClose

             * });

             *

             * // detach close event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("close", onClose);

             *

             * @exampleTitle Attach close event handler via bind(); detach via unbind()

             * @example

             * // event handler for close

             * var onClose = function(e) {

             *     // ...

             * };

             *

             * // attach close event handler via bind()

             * $("#window").data("kendoWindow").bind("close", onClose);

             *

             * // detach close event handler via unbind()

             * $("#window").data("kendoWindow").unbind("close", onClose);

             *

             */

            CLOSE,

            /**

             *

             * Triggered when the content of a Window have been refreshed via AJAX.

             *

             * @name kendo.ui.Window#refresh

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach refresh event handler during initialization; detach via unbind()

             * @example

             * // event handler for refresh

             * var onRefresh = function(e) {

             *     // ...

             * };

             *

             * // attach refresh event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     refresh: onRefresh

             * });

             *

             * // detach refresh event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("refresh", onRefresh);

             *

             * @exampleTitle Attach refresh event handler via bind(); detach via unbind()

             * @example

             * // event handler for refresh

             * var onRefresh = function(e) {

             *     // ...

             * };

             *

             * // attach refresh event handler via bind()

             * $("#window").data("kendoWindow").bind("refresh", onRefresh);

             *

             * // detach refresh event handler via unbind()

             * $("#window").data("kendoWindow").unbind("refresh", onRefresh);

             *

             */

            REFRESH,

            /**

             *

             * Triggered when a Window has been resized by a user.

             *

             * @name kendo.ui.Window#resize

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach resize event handler during initialization; detach via unbind()

             * @example

             * // event handler for resize

             * var onResize = function(e) {

             *     // ...

             * };

             *

             * // attach resize event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     resize: onResize

             * });

             *

             * // detach resize event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("resize", onResize);

             *

             * @exampleTitle Attach resize event handler via bind(); detach via unbind()

             * @example

             * // event handler for resize

             * var onResize = function(e) {

             *     // ...

             * };

             *

             * // attach resize event handler via bind()

             * $("#window").data("kendoWindow").bind("resize", onResize);

             *

             * // detach resize event handler via unbind()

             * $("#window").data("kendoWindow").unbind("resize", onResize);

             *

             */

            RESIZE,



            /**

             * Triggered when the user starts to move the window.

             * @name kendo.ui.Window#dragstart

             * @event

             * @param {Event} e

             */

            DRAGSTART,



            /**

             *

             * Triggered when a Window has been moved by a user.

             *

             * @name kendo.ui.Window#dragend

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach dragEnd event handler during initialization; detach via unbind()

             * @example

             * // event handler for dragEnd

             * var onDragEnd = function(e) {

             *     // ...

             * };

             *

             * // attach dragEnd event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     dragend: onDragEnd

             * });

             *

             * // detach dragEnd event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("dragend", onDragEnd);

             *

             * @exampleTitle Attach dragEnd event handler via bind(); detach via unbind()

             * @example

             * // event handler for dragEnd

             * var onDragEnd = function(e) {

             *     // ...

             * };

             *

             * // attach dragEnd event handler via bind()

             * $("#window").data("kendoWindow").bind("dragend", onDragEnd);

             *

             * // detach dragEnd event handler via unbind()

             * $("#window").data("kendoWindow").unbind("dragend", onDragEnd);

             *

             */

            DRAGEND,



            /**

             *

             * Triggered when an AJAX request for content fails.

             *

             * @name kendo.ui.Window#error

             * @event

             *

             * @param {Event} e

             *

             * @exampleTitle Attach error event handler during initialization; detach via unbind()

             * @example

             * // event handler for error

             * var onError = function(e) {

             *     // ...

             * };

             *

             * // attach dragEnd event handler during initialization

             * var kendoWindow = $("#window").kendoWindow({

             *     error: onError

             * });

             *

             * // detach error event handler via unbind()

             * kendoWindow.data("kendoWindow").unbind("error", onError);

             *

             * @exampleTitle Attach error event handler via bind(); detach via unbind()

             * @example

             * // event handler for error

             * var onError = function(e) {

             *     // ...

             * };

             *

             * // attach error event handler via bind()

             * $("#window").data("kendoWindow").bind("error", onError);

             *

             * // detach error event handler via unbind()

             * $("#window").data("kendoWindow").unbind("error", onError);

             *

             */

            ERROR

        ],



        options: {

            name: "Window",

            animation: {

                open: {

                    effects: { zoom: { direction: "in" }, fade: { direction: "in" } },

                    duration: 350,

                    show: true

                },

                close: {

                    effects: { zoom: { direction: "out", properties: { scale: 0.7 } }, fade: { direction: "out" } },

                    duration: 350,

                    hide: true

                }

            },

            title: "",

            actions: ["Close"],

            modal: false,

            resizable: true,

            draggable: true,

            minWidth: 90,

            minHeight: 50,

            maxWidth: Infinity,

            maxHeight: Infinity

        },



        _overlay: function (visible) {

            var overlay = this.appendTo.children(".k-overlay"),

                wrapper = this.wrapper;



            if (!overlay.length) {

                overlay = $("<div class='k-overlay' />");

            }



            overlay

                .insertBefore(wrapper[0])

                .toggle(visible)

                .css(ZINDEX, parseInt(wrapper.css(ZINDEX), 10) - 1);



            return overlay;

        },



        _windowActionHandler: function (e) {

            var target = $(e.target).closest(".k-window-action").find(".k-icon"),

                that = this;



            each({

                "k-i-close": that.close,

                "k-i-maximize": that.maximize,

                "k-i-minimize": that.minimize,

                "k-i-restore": that.restore,

                "k-i-refresh": that.refresh

            }, function (commandName, handler) {

                if (target.hasClass(commandName)) {

                    e.preventDefault();

                    handler.call(that);

                    return false;

                }

            });

        },



        /**

         *

         * Centers a <strong>Window</strong> within the viewport.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @example

         * var kendoWindow = $("#window").data("kendoWindow");

         * kendoWindow.center();

         *

         */

        center: function () {

            var wrapper = this.wrapper,

                documentWindow = $(window);



            wrapper.css({

                left: documentWindow.scrollLeft() + Math.max(0, (documentWindow.width() - wrapper.width()) / 2),

                top: documentWindow.scrollTop() + Math.max(0, (documentWindow.height() - wrapper.height()) / 2)

            });



            return this;

        },



        /**

         *

         * Gets or set the title of a <strong>Window</strong>.

         *

         * @param {String} [text]

         * The title of the Window.

         *

         * @returns {Window}

         * If a title is provided, this method will return the (Kendo UI) Window object to support chaining. Otherwise,

         * it will return the current title of the (Kendo UI) Window.

         *

         * @exampleTitle Get the existing title of the Window

         * @example

         * var kendoWindow = $("#window").data("kendoWindow");

         * var windowTitle = kendoWindow.title();

         *

         * @exampleTitle Set the title of a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").title("Do a barrel roll!");

         *

         */

        title: function (text) {

            var that = this,

                wrapper = that.wrapper,

                options = that.options,

                titleBar = wrapper.find(KWINDOWTITLEBAR),

                title = titleBar.children(".k-window-title"),

                titleBarHeight = titleBar.outerHeight();



            if (!arguments.length) {

                return title.text();

            }



            if (text === false) {

                wrapper.addClass("k-window-titleless");

                titleBar.remove();

            } else {

                if (!titleBar.length) {

                    wrapper.prepend(templates.titlebar(extend(templates, options)));

                }



                wrapper.css("padding-top", titleBarHeight);

                titleBar.css("margin-top", -titleBarHeight);

            }



            title.text(text);



            return that;

        },



        /**

         *

         * Gets or set the content of a <strong>Window</strong>.

         *

         * @param {String} [content]

         * The content of the Window.

         *

         * @returns {Window}

         * If content is provided, this method will return the (Kendo UI) Window object to support chaining. Otherwise,

         * it will return the current content of the (Kendo UI) Window.

         *

         * @exampleTitle Get the existing content of the Window

         * @example

         * var kendoWindow = $("#window").data("kendoWindow");

         * var windowContent = kendoWindow.content();

         *

         * @exampleTitle Set the title of a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").content("Kendo UI for all the things!");

         *

         */

        content: function (html) {

            var content = this.wrapper.children(KWINDOWCONTENT);



            if (!html) {

                return content.html();

            }



            content.html(html);

            return this;

        },



        /**

         *

         * Opens a Window.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Open a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").open();

         *

         */

        open: function () {

            var that = this,

                wrapper = that.wrapper,

                options = that.options,

                showOptions = options.animation.open,

                contentElement = wrapper.children(KWINDOWCONTENT),

                initialOverflow = contentElement.css(OVERFLOW),

                overlay;



            if (!that.trigger(OPEN)) {

                that.toFront();



                options.visible = true;



                if (options.modal) {

                    overlay = that._overlay(false);



                    if (showOptions.duration) {

                        overlay.kendoStop().kendoAnimate({

                            effects: { fade: { direction: "out", properties: { opacity: 0.5 } } },

                            duration: showOptions.duration,

                            show: true

                        });

                    } else {

                        overlay.css("opacity", 0.5).show();

                    }

                }



                if (!wrapper.is(VISIBLE)) {

                    contentElement.css(OVERFLOW, HIDDEN);

                    wrapper.show().kendoStop().kendoAnimate({

                        effects: showOptions.effects,

                        duration: showOptions.duration,

                        complete: function() {

                            that.trigger(ACTIVATE);

                            contentElement.css(OVERFLOW, initialOverflow);

                        }

                    });

                }

            }



            if (options.isMaximized) {

                that._documentScrollTop = $(document).scrollTop();

                $("html, body").css(OVERFLOW, HIDDEN);

            }



            return that;

        },



        /**

         *

         * Closes a Window.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Close a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").close();

         *

         */

        close: function () {

            var that = this,

                wrapper = that.wrapper,

                options = that.options,

                showOptions = options.animation.open,

                hideOptions = options.animation.close,

                modalWindows,

                shouldHideOverlay, overlay;



            if (wrapper.is(VISIBLE) && !that.trigger(CLOSE)) {

                options.visible = false;



                modalWindows = openedModalWindows();



                shouldHideOverlay = options.modal && modalWindows.length == 1;



                overlay = options.modal ? that._overlay(true) : $(undefined);



                if (shouldHideOverlay) {

                    if (hideOptions.duration) {

                        overlay.kendoStop().kendoAnimate({

                             effects: { fadeOut: { properties: { opacity: 0 } } },

                             duration: hideOptions.duration,

                             hide: true

                         });

                    } else {

                        overlay.hide();

                    }

                } else if (modalWindows.length) {

                    windowObject(modalWindows.eq(modalWindows.length - 2))._overlay(true);

                }



                wrapper.kendoStop().kendoAnimate({

                    effects: hideOptions.effects || showOptions.effects,

                    reverse: hideOptions.reverse === true,

                    duration: hideOptions.duration,

                    complete: function() {

                        wrapper.hide();

                        that.trigger(DEACTIVATE);

                    }

                });

            }



            if (that.options.isMaximized) {

                $("html, body").css(OVERFLOW, "");

                if (this._documentScrollTop && this._documentScrollTop > 0) {

                    $(document).scrollTop(this._documentScrollTop);

                }

            }



            return that;

        },



        /**

         *

         * Brings forward a Window to the top of the z-index.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Bring forward a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").toFront();

         *

         */

        toFront: function () {

            var that = this,

                wrapper = that.wrapper,

                currentWindow = wrapper[0],

                zIndex = +wrapper.css(ZINDEX),

                originalZIndex = zIndex;



            $(KWINDOW).each(function(i, element) {

                var windowObject = $(element),

                    zIndexNew = windowObject.css(ZINDEX),

                    contentElement = windowObject.find(KWINDOWCONTENT);



                if (!isNaN(zIndexNew)) {

                    zIndex = Math.max(+zIndexNew, zIndex);

                }



                // Add overlay to windows with iframes and lower z-index to prevent

                // trapping of events when resizing / dragging

                if (element != currentWindow && contentElement.find("> ." + KCONTENTFRAME).length > 0) {

                    contentElement.append(templates.overlay);

                }

            });



            if (zIndex == 10001 || originalZIndex < zIndex) {

                wrapper.css(ZINDEX, zIndex + 2);

                that.element.find("> .k-overlay").remove();

            }



            return that;

        },



        /**

         *

         * Toggles a Window between a maximized and restored state. Triggers the resize event.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Toggle the state of a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").toggleMaximization();

         *

         */

        toggleMaximization: function () {

            return this[this.options.isMaximized ? "restore" : "maximize"]();

        },



        /**

         *

         * Restores a maximized or minimized Window to its previous state. Triggers the resize event.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Restore the state of a Window; utilize chaining (if necessary)

         * @example

         * var kendoWindow = $("#window").data("kendoWindow").restore();

         *

         */

        restore: function () {

            var that = this,

                options = that.options,

                restoreOptions = that.restoreOptions;



            if (!options.isMaximized && !options.isMinimized) {

                return;

            }



            that.wrapper

                .css({

                    position: "absolute",

                    left: restoreOptions.left,

                    top: restoreOptions.top,

                    width: restoreOptions.width,

                    height: restoreOptions.height

                })

                .find(".k-window-content,.k-resize-handle").show().end()

                .find(".k-window-titlebar .k-i-restore").parent().remove().end().end()

                .find(MINIMIZE_MAXIMIZE).parent().show();



            $("html, body").css(OVERFLOW, "");

            if (this._documentScrollTop && this._documentScrollTop > 0) {

                $(document).scrollTop(this._documentScrollTop);

            }



            options.isMaximized = options.isMinimized = false;



            that.trigger(RESIZE);



            return that;

        },



        /**

         *

         * Maximizes a Window to the entire viewing area of the user agent. Triggers the resize event.

         *

         * @function

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Maximize a Window

         * @example

         * $("#window").data("kendoWindow").maximize();

         *

         */

        maximize: sizingAction("maximize", function() {

            var that = this,

                wrapper = that.wrapper,

                position = wrapper.position();



            extend(that.restoreOptions, {

                left: position.left,

                top: position.top

            });



            wrapper.css({

                    left: 0,

                    top: 0,

                    position: "fixed"

                });



            this._documentScrollTop = $(document).scrollTop();

            $("html, body").css(OVERFLOW, HIDDEN);



            that.options.isMaximized = true;



            that._onDocumentResize();

        }),



        /**

         *

         * Maximizes a Window to its title bar.

         *

         * @function

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @exampleTitle Minimize a Window

         * @example

         * $("#window").data("kendoWindow").minimize();

         *

         */

        minimize: sizingAction("minimize", function() {

            var that = this;



            that.wrapper.css("height", "");

            that.element.hide();



            that.options.isMinimized = true;

        }),



        _onDocumentResize: function () {

            var that = this,

                wrapper = that.wrapper,

                wnd = $(window);



            if (!that.options.isMaximized) {

                return;

            }



            wrapper.css({

                    width: wnd.width(),

                    height: wnd.height() - parseInt(wrapper.css("padding-top"), 10)

                });



            that.trigger(RESIZE);

        },



        /**

         *

         * Refreshes the content of a Window from a remote URL.

         *

         * @param {Object|String} options

         * Options for requesting data from the server.

         * If omitted, the window uses the <code>content</code> property

         * that was supplied when the window was created.

         * Any options specified here are passed to jQuery.ajax().

         *

         * @param {String} options.url

         * The server URL that will be requested.

         *

         * @param {Object} options.data

         * A JSON object containing the data that will be passed to the server.

         *

         * @param {String} options.type

         * The HTTP request method ("GET", "POST").

         *

         * @param {String} options.template

         * A template to be used for displaying the requested data.

         *

         * @returns {Window}

         * Returns the (Kendo UI) Window object to support chaining.

         *

         * @example

         * var windowObject = $("#window").data("kendoWindow");

         * windowObject.refresh("/feedbackForm");

         *

         * windowObject.refresh({

         *     url: "/feedbackForm",

         *     data: { userId: 42 }

         * });

         *

         * windowObject.refresh({

         *     url: "/userInfo",

         *     data: { userId: 42 },

         *     template: "Hello, #= firstName # #= lastName #"

         * });

         *

         */

        refresh: function (options) {

            var that = this,

                initOptions = that.options,

                element = $(that.element),

                iframe,

                showIframe = initOptions.iframe,

                url;



            if (!isPlainObject(options)) {

                options = { url: options };

            }



            options = extend({}, initOptions.content, options);



            url = options.url;



            if (url) {

                if (typeof showIframe == "undefined") {

                    showIframe = !isLocalUrl(url);

                }



                if (!showIframe) {

                    // perform AJAX request

                    that._ajaxRequest(options);

                } else {

                    iframe = element.find("." + KCONTENTFRAME)[0];



                    if (iframe) {

                        // refresh existing iframe

                        iframe.src = url || iframe.src;

                    } else {

                        // render new iframe

                        element.html(templates.contentFrame(extend({}, initOptions, { content: options })));

                    }

                }

            } else if (options.template) {

                // refresh template

                that.content(template(options.template)({}));

            }



            return that;

        },



        _ajaxRequest: function (options) {

            var that = this,

                contentTemplate = options.template,

                refreshIcon = that.wrapper.find(".k-window-titlebar .k-i-refresh"),

                loadingIconTimeout = setTimeout(function () {

                    refreshIcon.addClass(LOADING);

                }, 100);



            $.ajax(extend({

                type: "GET",

                dataType: "html",

                cache: false,

                error: proxy(function (xhr, status) {

                    that.trigger(ERROR);

                }, that),

                complete: function () {

                    clearTimeout(loadingIconTimeout);

                    refreshIcon.removeClass(LOADING);

                },

                success: proxy(function (data, textStatus) {

                    if (contentTemplate) {

                        data = template(contentTemplate)(data || {});

                    }



                    that.element.html(data);



                    that.trigger(REFRESH);

                }, that)

            }, options));

        },



        /**

         * Destroys the window and its modal overlay, if necessary. Removes the Window HTML elements from the DOM.

         */

        destroy: function () {

            var that = this,

                modalWindows,

                shouldHideOverlay;



            that.wrapper.remove();



            modalWindows = openedModalWindows();



            shouldHideOverlay = that.options.modal && !modalWindows.length;



            if (shouldHideOverlay) {

                that._overlay(false).remove();

            } else if (modalWindows.length > 0) {

                windowObject(modalWindows.eq(modalWindows.length - 2))._overlay(true);

            }

        },



        _createWindow: function…