(function ($) {
    $.extend({

        modal: function (remoteUrl ,options) {

            options = $.extend(
            {
                width: 821,
                height: 650,
				closeImage: '',
				closeText: 'Close Window'
            }, options);
            
            open();
            
            $(window).resize(function() {
                setSizes();
            });
            
            function setSizes() {
                $('.modal-overlay').css({
                    position: 'fixed',
                    zIndex: 100,
                    top: '0',
                    left: '0',
                    width: '100%',
                    height: '100%'
                });    
                
                $('.modal-window').css({
                    zIndex: 150,
                    border: '0px',
                    width: options.width + 'px',
                    height: options.height + 'px',
                    position: 'absolute',
                    top: '5px',
                    left: (($(window).width() / 2) - (options.width / 2)) + 'px'
                });    
                
                $('.modal-close').css({
                    zIndex: 200,
                    border: '0px',
                    position: 'absolute',
                    top: '7px',
                    right: (($(window).width() / 2) - (options.width / 2) + 7) + 'px'
                });
            }
            
            function open() {
                var myOverlay = $(document.createElement('div'))
                var myModal = $(document.createElement('iframe'));
                var myClose = $(document.createElement('a'));
				
                myOverlay.addClass('modal-overlay');
                myModal.addClass('modal-window');
				myClose.addClass('modal-close');
				
				myModal.attr('src', remoteUrl);
                myModal.attr('frameborder', '0');
				
                myClose.attr('href', '#');
                myClose.text = options.closeText;
                if (options.closeImage.length > 0) {
                    myImage = $(document.createElement('img'));
                    myImage.attr('src', options.closeImage);
                    myImage.attr('alt', options.closeText);
                    myClose.html('');
                    myClose.append(myImage);
                }
                
                myClose.click(function() { return close(); });
                myOverlay.click(function() { return close(); });				
                
                $(document.body).append(myOverlay);
                $(document.body).append(myModal);
                $(document.body).append(myClose);
                setSizes();
            }

            function close() {
                $('.modal-window').remove();
                $('.modal-overlay').remove();                
                $('.modal-close').remove();
                return false;                
            }
        }
    });
})(jQuery);