/**
 * @author Ryan Johnson <ryan@livepipe.net>
 * @copyright 2007 LivePipe LLC
 * @package Control.Modal
 * @license MIT
 * @url http://livepipe.net/projects/control_modal/
 * @version 1.2.12
 */

if(typeof(Control) == "undefined")
	Control = {};
Control.Modal = Class.create();
Object.extend(Control.Modal,{
	loaded: false,
	responders: $A([]),
	overlay: false,
	container: false,
	current: false,
	ie: false,
	targetRegexp: /#(.+)$/,
	imgRegexp: /\.(jpe?g|gif|png|tiff?)$/,
	overlayStyles: {
		position: 'absolute',
		top: 0,
		left: 0,
		zIndex: 9998
	},
	load: function(){
		if(!Control.Modal.loaded){
			Control.Modal.loaded = true;
			Control.Modal.ie = (navigator.appName == 'Microsoft Internet Explorer');
			Control.Modal.overlay = $(document.createElement('div'));
			Control.Modal.overlay.id = 'modal_overlay';
			Object.extend(Control.Modal.overlay.style,Control.Modal.overlayStyles);
			Control.Modal.overlay.hide();
			Control.Modal.container = $(document.createElement('div'));
			Control.Modal.container.id = 'modal_container';
			Control.Modal.container.hide();
			document.getElementsByTagName('body')[0].appendChild(Control.Modal.overlay);
			document.getElementsByTagName('body')[0].appendChild(Control.Modal.container);
		}
	},
	open: function(contents,options){
		m = new Control.Modal(false,$H({contents:contents}).merge(options));
		m.open();
		return m;
	},
	close: function(){
		if(Control.Modal.current)
			Control.Modal.current.close();
	},
	attachEvents: function(){
		Event.observe(window,'load',Control.Modal.load);
		Event.observe(window,'unload',Event.unloadCache,false);
	},
	center: function(){
		element = this.container;
		if(!element._centered){
			this.container.setStyle({
				position: 'absolute'
			}); 
			this.container._centered = true;
		}
		dimensions = Control.Modal.container.getDimensions();
		Position.prepare();
		offset_left = (Position.deltaX + Math.floor((Control.Modal.getWindowWidth() - dimensions.width) / 2));
		offset_top = (Position.deltaY + Math.floor((Control.Modal.getWindowHeight() - dimensions.height) / 2));
		modal_dimensions = Control.Modal.container.getDimensions();
		Control.Modal.container.setStyle({
			top: ((modal_dimensions.height <= Control.Modal.getWindowHeight()) ? ((offset_top != null && offset_top > 0) ? offset_top : '0') + 'px' : 0),
			left: ((modal_dimensions.width <= Control.Modal.getWindowWidth()) ? ((offset_left != null && offset_left > 0) ? offset_left : '0') + 'px' : 0)
		});
	},
	getWindowWidth: function(){
		return (self.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0);
	},
	getWindowHeight: function(){
		return (self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0);
	},
	getDocumentWidth: function(){
		return Math.max(document.body.scrollWidth,Control.Modal.getWindowWidth());
	},
	getDocumentHeight: function(){
		return Math.max(document.body.scrollHeight,Control.Modal.getWindowHeight());
	},	
	onKeyDown: function(event){
		if(event.keyCode == Event.KEY_ESC)
			Control.Modal.close();
	},
	addResponder: function(responder){
		Control.Modal.responders.push(responder);
	},
	removeResponder: function(responder){
		Control.Modal.responders = Control.Modal.responders.without(responder);
	},
	//from Scriptaculous
	setOpacity: function(element,value){
		element= $(element);  
		if(value == 1){
			Element.setStyle(element,{
				opacity: (/Gecko/.test(navigator.userAgent) && !/Konqueror|Safari|KHTML/.test(navigator.userAgent)) ? 0.999999 : null
			});
		if(/MSIE/.test(navigator.userAgent))
			Element.setStyle(element,{
				filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'')
			});  
		}else{  
			if(value < 0.00001) value = 0;  
			Element.setStyle(element, {opacity: value});
			if(/MSIE/.test(navigator.userAgent))  
				Element.setStyle(element,{
					filter: Element.getStyle(element,'filter').replace(/alpha\([^\)]*\)/gi,'') + 'alpha(opacity='+value*100+')'
				});  
		}
	}
});
Object.extend(Control.Modal.prototype, {
    mode: '',
    html: false,
    href: '',
    element: false,
    src: false,
    imageLoaded: false,
    initialize: function(element, options) {
        this.element = $(element);
        this.options = $H({
            beforeOpen: Prototype.emptyFunction,
            afterOpen: Prototype.emptyFunction,
            beforeClose: Prototype.emptyFunction,
            afterClose: Prototype.emptyFunction,
            beforeLoad: Prototype.emptyFunction,
            onLoad: Prototype.emptyFunction,
            onFailure: Prototype.emptyFunction,
            onException: Prototype.emptyFunction,
            afterLoad: Prototype.emptyFunction,
            beforeImageLoad: Prototype.emptyFunction,
            afterImageLoad: Prototype.emptyFunction,
            contents: false,
            image: false,
            imageTemplate: new Template('<img src="#{src}" id="#{id}"/>'),
            imageAutoDisplay: true,
            imageCloseOnClick: true,
            hover: false,
            iframe: false,
            iframeTemplate: new Template('<iframe src="#{href}" width="100%" height="100%" frameborder="0" id="#{id}"></iframe>'),
            evalScripts: true, //for Ajax, define here instead of in requestOptions
            requestOptions: {}, //for Ajax.Request
            overlayDisplay: true,
            overlayClassName: '',
            overlayCloseOnClick: true,
            containerClassName: '',
            opacity: 0.3,
            zIndex: 9998,
            width: null,
            height: null,
            offsetLeft: 0, //for use with 'relative'
            offsetTop: 0, //for use with 'relative'
            position: 'absolute' //'absolute' or 'relative'
        });
        if (options)
            for (o in options)
            this.options[o] = options[o];
        target_match = false;
        image_match = false;
        if (this.element) {
            target_match = Control.Modal.targetRegexp.exec(this.element.href);
            image_match = Control.Modal.imgRegexp.exec(this.element.href);
        }
        if (this.options.contents) {
            this.mode = 'contents';
        } else if (this.options.image || image_match) {
            this.mode = 'image';
            this.src = this.element.href;
        } else if (target_match) {
            this.mode = 'named';
            x = $(target_match[1]);
            this.html = x.innerHTML;
            x.remove();
            this.href = target_match[1];
        } else {
            this.mode = (this.options.iframe) ? 'iframe' : 'ajax';
            if (this.element != null) {
                this.href = this.element.href;
            }
            else {
                this.href = null;
            }
        }
        if (this.element) {
            if (this.options.hover) {
                this.element.observe('mouseover', this.open.bind(this));
                this.element.observe('mouseout', this.close.bind(this));
            } else {
                this.element.onclick = function() {
                    this.open();
                    return false;
                } .bindAsEventListener(this);
            }
        }
        targets = Control.Modal.targetRegexp.exec(window.location);
        this.position = function() {
            Control.Modal.overlay.setStyle({
                height: Control.Modal.getDocumentHeight() + 'px',
                width: Control.Modal.getDocumentWidth() + 'px'
            });
            if (this.options.position == 'absolute')
                Control.Modal.center();
            else {
                yx = Position.cumulativeOffset(this.element);
                Control.Modal.container.style.position = 'absolute';
                Control.Modal.container.style.top = (yx[1] + this.options.offsetTop) + 'px';
                Control.Modal.container.style.left = (yx[0] + this.options.offsetLeft) + 'px';
            }
        } .bind(this);
        if (this.mode == 'image') {
            this.afterImageLoad = function() {
                if (this.options.imageAutoDisplay && !window.opera)
                    $('modal_image').show();
                this.position();
                this.notifyResponders('afterImageLoad');
            } .bind(this);
        }
        if (this.mode == 'named' && targets && targets[1] && targets[1] == this.href)
            this.open();
    },
    open: function() {
        if (!this.options.hover)
            Event.observe($(document.getElementsByTagName('body')[0]), 'keydown', Control.Modal.onKeyDown);
        Control.Modal.current = this;
        if (this.notifyResponders('beforeOpen') === false)
            return;
        if (!this.options.hover) {
            Control.Modal.overlay.setStyle({
                zIndex: this.options.zIndex
            });
            Control.Modal.setOpacity(Control.Modal.overlay, this.options.opacity);
        }
        Control.Modal.container.setStyle({
            zIndex: this.options.zIndex + 1,
            width: (this.options.width ? this.options.width + 'px' : ''),
            height: (this.options.height ? this.options.height + 'px' : '')
        });
        if (Control.Modal.ie && !this.options.hover) {
            $A(document.getElementsByTagName('select')).each(function(select) {
                select.style.visibility = 'hidden';
            });
        }
        Control.Modal.overlay.addClassName(this.options.overlayClassName);
        Control.Modal.container.addClassName(this.options.containerClassName);
        switch (this.mode) {
            case 'image':
                this.imageLoaded = false;
                this.notifyResponders('beforeImageLoad');
                this.update(this.options.imageTemplate.evaluate({ src: this.src, id: 'modal_image' }));
                this.position();
                if (this.options.imageAutoDisplay && !window.opera)
                    $('modal_image').hide();
                if (this.options.imageCloseOnClick)
                    $('modal_image').observe('click', Control.Modal.close);
                $('modal_image').observe('load', this.afterImageLoad);
                $('modal_image').observe('readystatechange', this.afterImageLoad);
                break;
            case 'ajax':
                this.notifyResponders('beforeLoad');
                options = $H({
                    method: 'get',
                    onSuccess: function(request) {
                        this.notifyResponders('onLoad', request);
                        this.update(request.responseText);
                        if (this.options.evalScripts)
                            request.responseText.evalScripts();
                        this.notifyResponders('afterLoad', request);
                    } .bind(this),
                    onFailure: this.options.onFailure,
                    onException: this.options.onException
                });
                if (this.options.requestOptions)
                    for (o in this.options.requestOptions)
                    options[o] = this.options.requestOptions[o];
                new Ajax.Request(this.href, options);
                break;
            case 'iframe':
                this.update(this.options.iframeTemplate.evaluate({ href: this.href, id: 'modal_iframe' }));
                this.position();
                break;
            case 'contents':
                this.update((typeof (this.options.contents) == 'function' ? this.options.contents.bind(this)() : this.options.contents));
                break;
            case 'named':
                this.update(this.html);
                break;
        }
        if (!this.options.hover) {
            if (this.options.overlayCloseOnClick && this.options.overlayDisplay)
                Control.Modal.overlay.observe('click', Control.Modal.close);
            if (this.options.overlayDisplay)
                Control.Modal.overlay.show();
        }
        this.options.afterOpen();
    },
    update: function(html) {
        Control.Modal.container.update(html);
        this.position();
        Control.Modal.container.show();
        if (this.options.position == 'absolute') {
            Event.stopObserving(window, 'resize', this.position, false);
            Event.stopObserving(window, 'scroll', this.position, false);
            Event.observe(window, 'resize', this.position, false);
            Event.observe(window, 'scroll', this.position, false);
        }
    },
    close: function() {
        response = this.notifyResponders('beforeClose');
        if (response == false && response != null)
            return;
        if (this.mode == 'image') {
            if (this.options.imageCloseOnClick)
                $('modal_image').stopObserving('click', Control.Modal.close);
            $('modal_image').stopObserving('load', this.afterImageLoad);
            $('modal_image').stopObserving('readystatechange', this.afterImageLoad);
        }
        if (Control.Modal.ie && !this.options.hover) {
            $A(document.getElementsByTagName('select')).each(function(select) {
                select.style.visibility = 'visible';
            });
        }
        if (!this.options.hover)
            Event.stopObserving(window, 'keyup', Control.Modal.onKeyDown);
        Control.Modal.current = false;
        Control.Modal.overlay.removeClassName(this.options.overlayClassName);
        Control.Modal.container.removeClassName(this.options.containerClassName);
        Event.stopObserving(window, 'resize', this.position, false);
        Event.stopObserving(window, 'scroll', this.position, false);
        if (!this.options.hover) {
            if (this.options.overlayCloseOnClick && this.options.overlayDisplay)
                Control.Modal.overlay.stopObserving('click', Control.Modal.close);
            if (this.options.overlayDisplay)
                Control.Modal.overlay.hide();
        }
        Control.Modal.container.update('');
        Control.Modal.container.hide();
        this.notifyResponders('afterClose');
    },
    notifyResponders: function(event_name, argument) {
        Control.Modal.responders.each(function(responder) {
            if (responder[event_name])
                responder[event_name](argument);
        });
        response = this.options[event_name](argument);
        return response;
    }
});
Control.Modal.attachEvents();