/**
 * fdialog jQuery Plugin
 *
 * LICENSE
 *
 * Copyright (c) 2009 Phil Brown (http://morecowbell.net.au/)
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * @copyright Copyright (c) 2009 Phil Brown (http://morecowbell.net.au/)
 * @license   http://www.opensource.org/licenses/mit-license.php The MIT License
 * @version   1.4
 */

(function($){
    $.fn.extend({
        fdialog: function(url, options){
            switch (typeof url) {
                case 'object' :
                    options = url;
                    break;
                case 'string' :
                    options = $.extend({}, {
                        url: url,
                        urlAttribute: null
                    }, options);
                    break;
            }
            return this.click(function(e){
                $.fdialog.open(this, options);
                return false;
            });
        }
    });
    
    $.fdialog = {
        defaults: {
            urlParams: {},
            showTitleBar: true,
            showCloseButton: true,
            title: null,
            titleAttribute: 'title',
            closeButtonText: null,
            width: 940,
            height: 550,
            url: null,
            urlAttribute: 'href',
            overlayOpacity: 0.8,
            overlayColor: null,
            modal: false,
            postOpen: function(contentAreaElement) {},
            postClose: function() {}
        },
        bigIFrame: null,
        overlay: null,
        container: null,
        options: null,
        titleBar: null,
        closeButton: null,
        contentWindow: null,
        contentArea: null,
        //ie6: false,
        setOptions: function(options){
            this.options = $.extend({}, this.defaults, options || {});
            return this;
        },
        getFullUrl: function(){
            var url = this.options.url;
            url += url.indexOf('?') == -1 ? '?' : '&';
            return url += $.param(this.options.urlParams);
        },
        init: function(){
            _this = this;
            //this.isIE6 = $.browser.msie && parseInt($.browser.version) < 7;
            if ($.browser.opera) {
                 $.support.opacity = true;
            }
            
            $('#desktop-fdialog-overlay, #desktop-fdialog-container').remove();

            this.overlay = $('<div>').attr('id', 'desktop-fdialog-overlay').css({
                opacity: this.options.overlayOpacity,
                backgroundColor: this.options.overlayColor,
                display: 'none',
                position: 'absolute',
                top: 0,
                left: 0,
                zIndex: 10000
            });
            
            if (!this.options.modal) {
                this.overlay.click(function(e){
                    $.fdialog.close();
                    return false;
                });
            }
            
            this.container = $('<div>')
                .attr('id', 'desktop-fdialog-container')
                .width(this.options.width)
                .height(this.options.height)
                .css({
                    position: 'absolute',
                    left: '50%',
                    top: '50%',
                    marginLeft: Math.round(this.options.width / -2) + 'px',
                    marginTop: Math.round(this.options.height / -2) + 'px',
                    display: 'none',
                    zIndex: 10001
                });
            /*
            if (this.isIE6) {
                this.bigIFrame = $('<iframe>').attr('id', 'desktop-fdialog-big_iframe')
                    .css({
                        zIndex: 9999,
                        position: 'absolute',
                        top: 0,
                        left: 0,
                        opacity: 0
                    }).appendTo('body');
                    
                this._sizeOverlay();
                this._centreContent();
                $(window).bind('scroll.fdialog', function(e){
                    _this._centreContent();
                }).bind('resize.fdialog', function(e){
                    _this._sizeOverlay();
                    _this._centreContent();
                });
            } else {
			*/
                this.overlay.css({
                    position: 'fixed',
                    width: '100%',
                    height: '100%'
                });
                
                this.container.css('position', 'fixed');
			/*
            }
            */
            this.overlay.appendTo('body');
            this.container.appendTo('body');
            
            this.contentWindow = $('<div>').attr('id', 'desktop-fdialog-content').appendTo(this.container);
            
            if (this.options.showTitleBar) {
                this.titleBar = $('<div>').attr('id', 'desktop-fdialog-titlebar').append(
                    $('<span>').attr('id', 'desktop-fdialog-title').html(this.options.title)
                ).appendTo(this.contentWindow);
            } else {
                this.titleBar = null;
            }
            
            if (this.options.showCloseButton) {
                this.closeButton = $('<a>').attr({
                    href: '#',
                    id: 'desktop-fdialog-close_button'
                }).click(function(e){
                    $.fdialog.close();
                    return false;
                }).appendTo(this.contentWindow);
                
                if (this.options.closeButtonText) {
                    this.closeButton.append(
                        $('<span>').html(this.options.closeButtonText)
                    );
                }
            } else {
                this.closeButton = null;
            }
            
            this.contentArea = $('<div>').attr('id', 'desktop-fdialog-content_area')
                                         .appendTo(this.contentWindow);
            return this;
        },
        show: function(callback){
            this.overlay.fadeIn('fast');
            this.container.fadeIn('fast', function(){
                var _this = $.fdialog;
                if (null !== _this.options.url) {
					var iFrame = $('<iframe>').attr({
                        id: 'desktop-fdialog-iframe_content_' + new Date().getTime(),
                        width: _this.getContentAreaWidth(),
                        height: _this.getContentAreaHeight(),
                        frameBorder: 0,
                        src: _this.getFullUrl(),
						name: 'modalWindow',
						scrolling: 'no'
                    }).appendTo(_this.contentArea);

					iFrame.load(function() {	// wait for iframe to load
						var iHeight = iFrame.contents().find('body').height();

						iFrame.animate({
							height: iHeight
						  }, 'slow' );

						_this.contentArea.height(iHeight);
						/*
						_this.contentArea.animate({
							height: iHeight
						  }, 'slow' );
						*/
						_this.contentWindow.height(iHeight);
						/*_this.contentWindow.animate({
							height: iHeight
						  }, 'slow' );
						*/
						//_this.container.height(iHeight);
						_this.container.animate({
							height: iHeight
						  }, 'slow' );
					});
                } else {
                    _this.contentArea.width(_this.getContentAreaWidth()).height(_this.getContentAreaHeight());
                }
				
                _this.options.postOpen(_this.getContentAreaElement());
            });
            return this;
        },
        close: function(){
            try {
				/*
                if (this.isIE6) {
                    $(window).unbind('scroll.fdialog').unbind('resize.fdialog');
                    throw 'IE6';
                }
				*/
                this.container.fadeOut('fast', function(){
                    $(this).remove();
                });
                this.overlay.fadeOut('fast', function(){
                    $(this).remove();
                });
            } 
            catch (e) {
                $('#desktop-fdialog-big_iframe, #desktop-fdialog-overlay, #desktop-fdialog-container').remove();
            }
            this.options.postClose();
            return this;
        },
        open: function(domElement, options){
            this.setOptions(options);
            if (domElement) {
                this.options.title = this.options.titleAttribute && $(domElement).attr(this.options.titleAttribute) || this.options.title;
                this.options.url = this.options.urlAttribute && $(domElement).attr(this.options.urlAttribute) || this.options.url;
            }
            this.init().show();
            return this;
        },
        _centreContent: function() {
            if (this.options.height < $(window).height()) {
                var topMargin = Math.round(this.options.height / -2) + $(document).scrollTop();
                this.container.css({
                    marginTop: topMargin + 'px'
                });
            }
        },
        _sizeOverlay: function() {
            this.bigIFrame.css({
                width: ($(document).width() - 21) + 'px',
                height: ($(document).height() - 4) + 'px'
            });
            this.overlay.css({
                width: ($(document).width() - 21) + 'px',
                height: ($(document).height() - 4) + 'px'
            });
        },
        getContentAreaElement: function() {
            return this.contentArea.get(0);
        },
        getContentAreaHeight: function() {
            return this.titleBar ? this.options.height - this.titleBar.outerHeight() : this.options.height;
        },
        getContentAreaWidth: function() {
            return this.options.width;
        }
    };
})(jQuery);