/*
	Dependencies:
--------------------------------------------
	wun.common.js
	wun.shadow.js
	jQuery 1.3.2 (or later - http://jquery.com/)
*/

var undefined;

var wun = (wun == undefined) ? {} : wun;

/* 	
	wun.popup css sample:
--------------------------------------------	

	.wunPopup {
	    background-color: #fff
	    border: 1px solid #6d6d6d;
	    width: 550px;
	    z-index: 26;
	}
	
	.wunPopup .wunPopupContent {
		padding: 50px 30px;
	}
	
	.wunPopup .wunPopupButton {
		background-image: url(../images/popup_close.gif);    
		background-color: #000;
	    background-repeat: no-repeat;
	    background-position: center center;
	    cursor: pointer;
	    height: 39px;
	    left: 458px;
	    position: absolute;
	    top: -9px;
	    width: 102px;
	}
*/

wun.popup = function(options) {

    this.defaultOptions = {
    	isModal: false,
        useShadow: true,
        scrolling: false,
        fit: false,
        fixed: true,
        valign: undefined,
        align: undefined,
        cssClass: 'wunPopup'
    };

    this.elements = {};
    this.events = {};
    this.options = {};

    this.create = function() {
    	
        if (wun.shadow != undefined) {
            this.shadow = new wun.shadow();
            
            $(this.shadow.elements.div).bind('click', { sender: this }, function(event) {
	        	if(!event.data.sender.options.isModal) {
	            	event.data.sender.hide();
	            }
	        });
        }
		
        this.elements.popup = jQuery('<div></div>')
        	.addClass(this.options.cssClass)
        	.css('position', this.isIE6() ? 'absolute' : 'fixed' );
        	
        this.elements.div1 = jQuery('<div></div>')
        	.addClass('wunWrap1');
        	
        this.elements.div2 = jQuery('<div></div>')
        	.addClass('wunWrap2');
        	
        this.elements.div3 = jQuery('<div></div>')
        	.addClass('wunWrap3');
        	
        this.elements.btn = jQuery('<div></div>')
        	.addClass('wunPopupButton')
        	.css('position','absolute');
        	
        this.elements.reldiv = jQuery('<div></div>')
        	.css('position','relative');
        	
        this.elements.frame = jQuery('<iframe frameborder="0"></iframe>')
        	.attr("allowTransparency", "true")
        	.css('width', '100%')
        	.css('height', '100%');
        
        	
        this.elements.content = jQuery('<div></div>');
        this.elements.domAppend = jQuery('<div></div>');
        this.elements.domImport = jQuery('<div></div>');
	

		this.elements.reldiv.append(this.elements.btn);
        this.elements.popup.append(this.elements.reldiv);

        this.elements.div2.append(this.elements.div3);
        this.elements.div1.append(this.elements.div2);
        this.elements.popup.append(this.elements.div1);
		
		this.hide();
        $(document.body).append(this.elements.popup);
        
        $(this.elements.btn).bind('click', { sender: this }, function(event) {
            event.data.sender.hide();
        });
    };
    
    this.isIE6 = function() {
		return ( jQuery.browser.msie && parseInt(jQuery.browser.version, 10) < 7 );
	};

    //show popup content as an iframe
    this.setSource = function(url) {
        var now = new Date();
        this.setChild(this.elements.frame);
        this.elements.frame.scrolling = this.options.scrolling;
        this.elements.frame.attr('src', ( url.indexOf("?") == -1 ? url + "?nocache=" + now.getTime() : url + "&nocache=" + now.getTime() ) );
        this.elements.frame.show();
        this.position();
    };

    //show popup content by setting the innerHTML of the popup
    this.setContent = function(content) {
        this.setChild(this.elements.content);
        this.elements.content.css('overflow', ( this.options.scrolling ? 'hidden': 'visible' ) );
        this.elements.content.html(content);
        this.position();
    };

    //show popup content by moving an existing html element into the popup
    this.append = function(jQuery) {
        $(this.elements.domAppend).append(jQuery);
        this.setChild(this.elements.domAppend);
        this.position();
    };
    
    //show popup content by cloning an existing html element into the popup
    this.importElement = function(element, newId) {
    	domElement = (typeof element == 'string') ? document.getElementById(element) : element;
        this.elements.domImport = domElement.cloneNode(true);
        if (newId != undefined) this.elements.domImport.id = newId;
        this.setChild(this.elements.domImport);
        this.position();
    };

    /*
        options {
            align:          (string),
            cssClass:       (string),
            fitToWindow:    (boolean),
            fixed:          (boolean),
            scrolling:      (string),
            valign:         (string),
            useShadow:      (boolean),
            zIndex:         (int)
        }
    */
    this.applyOptions = function(options) {
        if (options != undefined) {
            this.options.fit = (options.fitToWindow != undefined) ? options.fitToWindow : this.defaultOptions.fit;
            this.options.scrolling = (options.scrolling != undefined) ? options.scrolling : this.defaultOptions.scrolling;
            this.options.align = (options.align != undefined) ? options.align : this.defaultOptions.align;
            this.options.valign = (options.valign != undefined) ? options.valign : this.defaultOptions.valign;
            this.options.fixed = (options.fixed != undefined) ? options.fixed : this.defaultOptions.fixed;
            this.options.useShadow = (options.useShadow != undefined) ? options.useShadow : this.defaultOptions.useShadow;
            this.options.isModal = (options.isModal != undefined) ? options.isModal : this.defaultOptions.isModal;
            this.options.cssClass = (options.cssClass != undefined) ? options.cssClass : this.defaultOptions.cssClass;

            if (options.zIndex != undefined) this.setDepth(options.zIndex);
        }
    };

    this.isVisible = function() {
        return this.elements.popup.is(':visible');
    };

    this.show = function() {
        this.elements.popup.show();
        this.position();

        if (this.options.useShadow)
            this.shadow.show();

        /*$(window).bind('scroll', { sender: this }, function(event) {
            if ( event.data.sender.isVisible() && event.data.sender.isIE6() )
            	event.data.sender.position();
        });*/
	    
        $(window).bind('resize', { sender: this }, function(event) {
            if ( event.data.sender.isVisible() ) {
            	event.data.sender.position();
            }
        });
    },

    this.hide = function() {
        this.elements.popup.hide();
        this.elements.frame.attr('src','');
        this.shadow.hide();
    };

    this.toggle = function() {
        if (this.isVisible())
            this.hide();
        else
            this.show();
    };

    this.setOnClick = function(fn) {
        this.elements.popup.click(fn);
    };
    
    this.setOnPosition = function(fn) {
    	this.events.onPosition = fn;
    };

    this.setChild = function(elem) {
        if (this.activeChild != undefined)
        	this.activeChild.hide();
        	
        this.elements.div3.append(elem.show());
        this.activeChild = elem;
    };

    this.setDepth = function(index) {
        this.elements.popup.css('z-index', ( typeof index == 'string' ? index : index.toString() ) );
    };
		
    this.position = function() {
    	if (this.options.fit)
    		this.activeChild.css('height', document.body.parentNode.offsetHeight * 0.7 + 'px');
    		
        if (this.options.fixed) {
            
            scrolled = wun.common.getScrolled();
            bodyNode = document.body;
            htmlNode = bodyNode.parentNode;
			
			if( this.isIE6() ) {
				
				
				switch (this.valign) {
	                case "top":
	                    this.elements.popup.css('top', scrolled.y + 'px').css('bottom', '');
	                    break;
	                case "middle":
	                    this.elements.popup.css('top',  scrolled.y + (((htmlNode.offsetHeight / 2) - (this.elements.popup.height() / 2))) + 'px').css('bottom', '');
	                    break;
	                case "bottom":
	                    this.elements.popup.css('bottom',  (0 - scrolled.y) + 'px').css('top', '');
	                    break;
	                default:
	                    this.elements.popup.css('top', scrolled.y + (((htmlNode.offsetHeight / 2) - (this.elements.popup.height() / 2))) + 'px').css('bottom', '');
	            }
	        }
	        else {
	            
	            switch (this.valign) {
	                case "top":
	                    this.elements.popup.css('top', '0px').css('bottom', '');
	                    break;
	                case "middle":
	                    this.elements.popup.css('top', Math.floor( ( htmlNode.offsetHeight - this.elements.popup.height() ) / 2 ) + 'px').css('bottom', '');
	                    break;
	                case "bottom":
	                    this.elements.popup.css('bottom', '0px').css('top', '');
	                    break;
	                default:
	                    this.elements.popup.css('top', Math.floor( ( htmlNode.offsetHeight - this.elements.popup.height() ) / 2 ) + 'px').css('bottom', '');
	            }
			}
			
            switch (this.align) {
                case "left":
                    this.elements.popup.css('left', '0px').css('right', '');
                    break;
                case "center":
                    this.elements.popup.css('left', Math.floor((bodyNode.offsetWidth / 2) - (this.elements.popup.width() / 2)) + 'px').css('right', '');
                    break;
                case "right":
                    this.elements.popup.css('right', '0px').css('left', '');
                    break;
                default:
                    this.elements.popup.css('left', Math.floor((bodyNode.offsetWidth / 2) - (this.elements.popup.width() / 2)) + 'px').css('right', '');
            }
        }
        
        if(this.events.onPosition != undefined) this.events.onPosition();
    };
	
	if (options != undefined)
		this.applyOptions(options);
	else
		this.applyOptions(this.defaultOptions);
		
    this.create();
};