Effect.ResizeWindow = Class.create();
Object.extend(Object.extend(Effect.ResizeWindow.prototype, Effect.Base.prototype), {
    initialize: function(win, top, left, width, height){
        this.window = win;
        this.window.resizing = true;
        
        var size = win.getSize();
        this.initWidth = parseFloat(size.width);
        this.initHeight = parseFloat(size.height);
        
        var location = win.getLocation();
        this.initTop = parseFloat(location.top);
        this.initLeft = parseFloat(location.left);
        
        this.width = width != null ? parseFloat(width) : this.initWidth;
        this.height = height != null ? parseFloat(height) : this.initHeight;
        this.top = top != null ? parseFloat(top) : this.initTop;
        this.left = left != null ? parseFloat(left) : this.initLeft;
        
        this.dx = this.left - this.initLeft;
        this.dy = this.top - this.initTop;
        this.dw = this.width - this.initWidth;
        this.dh = this.height - this.initHeight;
        
        this.r2 = $(this.window.getId() + "_row2");
        this.content = $(this.window.getId() + "_content");
        
        this.contentOverflow = this.content.getStyle("overflow") || "auto";
        this.content.setStyle({
            overflow: "hidden"
        });
        
        // Wired mode
        if (this.window.options.wiredDrag) {
            this.window.currentDrag = win._createWiredElement();
            this.window.currentDrag.show();
            this.window.element.hide();
        }
        
        this.start(arguments[5]);
    },
    
    update: function(position){
        var width = Math.floor(this.initWidth + this.dw * position);
        var height = Math.floor(this.initHeight + this.dh * position);
        var top = Math.floor(this.initTop + this.dy * position);
        var left = Math.floor(this.initLeft + this.dx * position);
        
        if (window.ie) {
            if (Math.floor(height) == 0) 
                this.r2.hide();
            else 
                if (Math.floor(height) > 1) 
                    this.r2.show();
        }
        this.r2.setStyle({
            height: height
        });
        this.window.setSize(width, height);
        this.window.setLocation(top, left);
    },
    
    finish: function(position){
        // Wired mode
        if (this.window.options.wiredDrag) {
            this.window._hideWiredElement();
            this.window.element.show();
        }
        
        this.window.setSize(this.width, this.height);
        this.window.setLocation(this.top, this.left);
        this.r2.setStyle({
            height: null
        });
        
        this.content.setStyle({
            overflow: this.contentOverflow
        });
        
        this.window.resizing = false;
    }
});

Effect.ModalSlideDown = function(element){
    var windowScroll = WindowUtilities.getWindowScroll();
    var height = element.getStyle("height");
    element.setStyle({
        top: -(parseFloat(height) - windowScroll.top) + "px"
    });
    
    element.show();
    return new Effect.Move(element, Object.extend({
        x: 0,
        y: parseFloat(height)
    }, arguments[1] ||
    {}));
};


Effect.ModalSlideUp = function(element){
    var height = element.getStyle("height");
    return new Effect.Move(element, Object.extend({
        x: 0,
        y: -parseFloat(height)
    }, arguments[1] ||
    {}));
};

PopupEffect = Class.create();
PopupEffect.prototype = {
    initialize: function(htmlElement){
        this.html = $(htmlElement);
        this.options = Object.extend({
            className: "popup_effect",
            duration: 0.4
        }, arguments[1] ||
        {});
        
    },
    show: function(element, options){
        var position = Position.cumulativeOffset(this.html);
        var size = this.html.getDimensions();
        var bounds = element.win.getBounds();
        this.window = element.win;
        // Create a div
        if (!this.div) {
            this.div = document.createElement("div");
            this.div.className = this.options.className;
            this.div.style.height = size.height + "px";
            this.div.style.width = size.width + "px";
            this.div.style.top = position[1] + "px";
            this.div.style.left = position[0] + "px";
            this.div.style.position = "absolute"
            document.body.appendChild(this.div);
        }
        if (this.options.fromOpacity) 
            this.div.setStyle({
                opacity: this.options.fromOpacity
            })
        this.div.show();
        var style = "top:" + bounds.top + ";left:" + bounds.left + ";width:" + bounds.width + ";height:" + bounds.height;
        if (this.options.toOpacity) 
            style += ";opacity:" + this.options.toOpacity;
        
        new Effect.Morph(this.div, {
            style: style,
            duration: this.options.duration,
            afterFinish: this._showWindow.bind(this)
        });
    },
    
    hide: function(element, options){
        var position = Position.cumulativeOffset(this.html);
        var size = this.html.getDimensions();
        this.window.visible = true;
        var bounds = this.window.getBounds();
        this.window.visible = false;
        
        this.window.element.hide();
        
        this.div.style.height = bounds.height;
        this.div.style.width = bounds.width;
        this.div.style.top = bounds.top;
        this.div.style.left = bounds.left;
        
        if (this.options.toOpacity) 
            this.div.setStyle({
                opacity: this.options.toOpacity
            })
        
        this.div.show();
        var style = "top:" + position[1] + "px;left:" + position[0] + "px;width:" + size.width + "px;height:" + size.height + "px";
        
        if (this.options.fromOpacity) 
            style += ";opacity:" + this.options.fromOpacity;
        new Effect.Morph(this.div, {
            style: style,
            duration: this.options.duration,
            afterFinish: this._hideDiv.bind(this)
        });
    },
    
    _showWindow: function(){
        this.div.hide();
        this.window.element.show();
    },
    
    _hideDiv: function(){
        this.div.hide();
    }
}