/*
        Multifaceted Lightbox
        by Greg Neustaetter - http://www.gregphoto.net
        
        INSPIRED BY (AND CODE TAKEN FROM)
        ==================================
        The Lightbox Effect without Lightbox
        PJ Hyett
        http://pjhyett.com/articles/2006/02/09/the-lightbox-effect-without-lightbox
        

        Lightbox JS: Fullsize Image Overlays 
        by Lokesh Dhakar - http://www.huddletogether.com

        For more information on this script, visit:
        http://huddletogether.com/projects/lightbox/

        Licensend under:
        Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
        (basically, do anything you want, just leave my name and link)
        
*/

var Lightbox = {
        lightboxType : null,
        lightboxCurrentContentID : null,
        
        showBoxString : function(content, boxWidth, boxHeight){
                this.setLightboxDimensions(boxWidth, boxHeight);
                this.lightboxType = 'string';
                var contents = $('boxContents');
                contents.innerHTML = content;
                this.showBox();
                return false;
        },


        showBoxImage : function(href) {
                this.lightboxType = 'image';
                var contents = $('boxContents');
                var objImage = document.createElement("img");
                objImage.setAttribute('id','lightboxImage');
                contents.appendChild(objImage);
                imgPreload = new Image();
                imgPreload.onload=function(){
                        objImage.src = href;
                        Lightbox.showBox();
                }
                imgPreload.src = href;
                return false;
        },

        showBoxByID : function(id, boxWidth, boxHeight) {
                this.lightboxType = 'id';
                this.lightboxCurrentContentID = id;
                this.setLightboxDimensions(boxWidth, boxHeight);
                var element = $(id);
                var contents = $('boxContents');
                contents.appendChild(element);
                Element.show(id);
                this.showBox();
                return false;
        },

        showBoxByAJAX : function(href, boxWidth, boxHeight) {
                this.lightboxType = 'ajax';
                this.setLightboxDimensions(boxWidth, boxHeight);
                var contents = $('boxContents');
                var myAjax = new Ajax.Updater(contents, href, {method: 'get'});
                this.showBox();
                return false;
        },
        
        setLightboxDimensions : function(width, height) {
                var windowSize = this.getPageDimensions();
                if(width) {
                        if(width < windowSize[0]) {
                                $('box').style.width = width + 'px';
                        } else {
                                $('box').style.width = (windowSize[0] - 50) + 'px';
                        }
                }
                if(height) {
                        if(height < windowSize[1]) {
                                $('box').style.height = height + 'px';
                        } else {
                                $('box').style.height = (windowSize[1] - 50) + 'px';
                        }
                }
        },


        showBox : function() {
                Element.show('overlay');
                this.center('box');
                return false;
        },
        
        
        hideBox : function(){
                var contents = $('boxContents');
                if(this.lightboxType == 'id') {
                        var body = document.getElementsByTagName("body").item(0);
                        Element.hide(this.lightboxCurrentContentID);
                        body.appendChild($(this.lightboxCurrentContentID));
                }
                contents.innerHTML = '';
                $('box').style.width = null;
                $('box').style.height = null;
                Element.hide('box');
                Element.hide('overlay');
                return false;
        },
        
        // taken from lightbox js, modified argument return order
        getPageDimensions : function(){
                var xScroll, yScroll;
        
                if (window.innerHeight && window.scrollMaxY) {        
                        xScroll = document.body.scrollWidth;
                        yScroll = window.innerHeight + window.scrollMaxY;
                } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                        xScroll = document.body.scrollWidth;
                        yScroll = document.body.scrollHeight;
                } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
                        xScroll = document.body.offsetWidth;
                        yScroll = document.body.offsetHeight;
                }
                
                var windowWidth, windowHeight;
                if (self.innerHeight) {        // all except Explorer
                        windowWidth = self.innerWidth;
                        windowHeight = self.innerHeight;
                } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                        windowWidth = document.documentElement.clientWidth;
                        windowHeight = document.documentElement.clientHeight;
                } else if (document.body) { // other Explorers
                        windowWidth = document.body.clientWidth;
                        windowHeight = document.body.clientHeight;
                }        
                
                // for small pages with total height less then height of the viewport
                if(yScroll < windowHeight){
                        pageHeight = windowHeight;
                } else { 
                        pageHeight = yScroll;
                }
        
                // for small pages with total width less then width of the viewport
                if(xScroll < windowWidth){        
                        pageWidth = windowWidth;
                } else {
                        pageWidth = xScroll;
                }
                arrayPageSize = new Array(windowWidth,windowHeight,pageWidth,pageHeight) 
                return arrayPageSize;
        },
        
        center : function(element){
                try{
                        element = document.getElementById(element);
                }catch(e){
                        return;
                }
                var windowSize = this.getPageDimensions();
                var window_width  = windowSize[0];
                var window_height = windowSize[1];
                
                $('overlay').style.height = windowSize[3] + 'px';
                
                element.style.position = 'absolute';
                element.style.zIndex   = 99;
        
                var scrollY = 0;
        
                if ( document.documentElement && document.documentElement.scrollTop ){
                        scrollY = document.documentElement.scrollTop;
                }else if ( document.body && document.body.scrollTop ){
                        scrollY = document.body.scrollTop;
                }else if ( window.pageYOffset ){
                        scrollY = window.pageYOffset;
                }else if ( window.scrollY ){
                        scrollY = window.scrollY;
                }
        
                var elementDimensions = Element.getDimensions(element);
                var setX = ( window_width  - elementDimensions.width  ) / 2;
                var setY = ( window_height - elementDimensions.height ) / 2 + scrollY;
        
                setX = ( setX < 0 ) ? 0 : setX;
                setY = ( setY < 0 ) ? 0 : setY;
        
                element.style.left = setX + "px";
                element.style.top  = setY + "px";
                Element.show(element);
        },
        
        init : function() {                                  
                var lightboxtext = '<div id="overlay" style="display:none"></div>';
                lightboxtext += '<div id="box" style="display:none">';
                lightboxtext += '<img id="close" src="tmpl/litebox/close.gif" onClick="Lightbox.hideBox()" alt="Close" title="Close this window" />';
                lightboxtext += '<div id="boxContents"></div>';
                lightboxtext += '</div>';
                var body = document.getElementsByTagName("body").item(0);
                new Insertion.Bottom(body, lightboxtext);
        }
}