source: trunk/prototype/plugins/minimize/jquery.minimize.js @ 5341

/*
*       Extension of JQuery UI Dialog widget to add custom minimizing capabilities
*       Written by: Ryan Curtis
*
*/
(function($){
        var _init = $.ui.dialog.prototype._init;
        
        //Optional top margin for page, wont let a user move a dialog into this spot.
        var topMargin = 0;
        
        //Custom Dialog Init
        $.ui.dialog.prototype._init = function() {
                var self = this;
        _init.apply(this, arguments);
                uiDialogTitlebar = this.uiDialogTitlebar;
                
                
                //we need two variables to preserve the original width and height so that can be restored.
                this.options.originalWidth = this.options.width;
                this.options.originalHeight = this.options.height;
                
                //save a reference to the resizable handle so we can hide it when necessary.
                this.resizeableHandle =  this.uiDialog.resizable().find('.ui-resizable-se');
                
                //Save the height of the titlebar for the minimize operation
                this.titlebarHeight = parseInt(uiDialogTitlebar.css('height')) + parseInt(uiDialogTitlebar.css('padding-top')) + parseInt(uiDialogTitlebar.css('padding-bottom')) + parseInt(this.uiDialog.css('padding-top')) + parseInt(this.uiDialog.css('padding-bottom')) ;
                
                uiDialogTitlebar.append('<a href="#"class="dialog-restore ui-dialog-titlebar-rest"><span class="ui-icon ui-icon-newwin"></span></a>');
                uiDialogTitlebar.append('<a href="#" id="dialog-minimize" class="dialog-minimize ui-dialog-titlebar-min"><span class="ui-icon ui-icon-minusthick"></span></a>');
                
                //Minimize Button
                this.uiDialogTitlebarMin = $('.dialog-minimize', uiDialogTitlebar).hover(function(){
                        $(this).addClass('ui-state-hover');
                }, function(){
                        $(this).removeClass('ui-state-hover');
                }).click(function(){
                        self.minimize();
                        return false;
                });
                //Restore Button
                this.uiDialogTitlebarRest = $('.dialog-restore', uiDialogTitlebar).hover(function(){
                        $(this).addClass('ui-state-hover');
                }, function(){
                        $(this).removeClass('ui-state-hover');
                }).click(function(){
                        self.restore();
                        self.moveToTop(true);
                        return false;
                }).hide();
                
                
                //restore the minimize button on close
                this.uiDialog.bind('dialogbeforeclose', function(event, ui) {
                        self.uiDialogTitlebarRest.hide();
                        self.uiDialogTitlebarMin.show();
                });


                
        };
        //Custom Dialog Functions
        $.extend($.ui.dialog.prototype, {
                restore: function() {
                        this.uiDialog.resizable( "option", "disabled", false );
                        //We want to prevent the dialog from expanding off the screen
                        var windowHeight = $(window).height();
                        var dialogHeight = this.options.originalHeight;
                        var dialogTop = parseInt(this.uiDialog.css('top'));
                        if(dialogHeight+dialogTop > windowHeight)
                        {
                                //there is 22 pixels of padding at the bottom of a dialog per css file
                                var newTop = windowHeight-dialogHeight-22;
                                this.uiDialog.css('top',newTop);
                        }                       
                        var windowWidth = $(window).width();
                        var dialogWidth = this.options.originalWidth;
                        var dialogLeft = parseInt(this.uiDialog.css('left'));
                        if(dialogWidth+dialogLeft > windowWidth)
                        {
                                //there are 2 pixels of padding per css
                                var newLeft = windowWidth-dialogWidth-2;
                                this.uiDialog.css('left',newLeft);
                        }
                        this.uiDialog.css({width: this.options.originalWidth, height:this.options.originalHeight});
                        this.element.show();
                        
                        this.resizeableHandle.show();
                        this.uiDialogTitlebarRest.hide();
                        this.uiDialogTitlebarMin.show();
                },
                minimize: function() { 
                        //Store the original height/width
                        this.uiDialog.resizable( "option", "disabled", true );
                        this.options.originalWidth = this.options.width;
                        this.options.originalHeight = this.options.height;
                        
                        this.uiDialog.animate({width: 200, height:this.titlebarHeight},200);
                        this.element.hide();
                        
                        this.uiDialogTitlebarMin.hide();
                        this.uiDialogTitlebarRest.show();
                        this.resizeableHandle.hide();
                }
        });
})(jQuery);