function showSeeThroughElements () {
    changeSeeThroughElementsDisplay("");
}

function hideSeeThroughElements () {
    changeSeeThroughElementsDisplay("none");
}

function changeSeeThroughElementsDisplay (display) {
    //add more elements that need to be hidden / shown here
    changeDisplayForElements("select", display);
    changeDisplayForElements("object", display);
}


function changeDisplayForElements(type, display) {
    var elements = document.getElementsByTagName(type);

    for(var i=0; i < elements.length; i++) {
        var ele = elements[i];
        try {
	    ele.style.display=display;
        } catch (e) {
            //eat it
        }
    }
}

function hideDiv (divID) {
        obj = document.getElementById(divID);
        if (obj) {
          obj.style.display="none";
        }
}

function showDiv (divID) {        
        obj = document.getElementById(divID);
        if (obj) {
          obj.style.display="block";
        }
}

function setStyle(element, styleText) {
    element.setAttribute("style", styleText);
    element.style.cssText = styleText;
}

function addDiv(divID) {
    var dialog = document.createElement('div');
    dialog.innerHTML = '<div id="' + divID + '"></div>';
    document.body.appendChild(dialog);
    return document.getElementById(divID);
} 

function addImage(id, src) {
    var img = document.createElement("img");
    img.src = src;
    img.id = id;
    return img;
}

/*** START LIGHTBOX FUNCTIONS ***/
if (!Lightbox) {
    var Lightbox = {};    
}

var LIGHTBOX_STYLES = new Array();
LIGHTBOX_STYLES['lightbox-overlay'] = 'position:absolute;' +
    '   border:2px solid #000000;' +
    '   top:0;' +
    '   left:0;' +
    '   width:100%; ' +
    '   height:5000px;' +
    '   z-index:5000;  ' +
    '   background-color:#000; ' +
    '   opacity:.70;' +
    '   -moz-opacity: 0.7; ' +
    '   filter: alpha(opacity=80); ';

LIGHTBOX_STYLES['lightbox-widget-body'] = 'position:absolute; ' +
    '   z-index:10001;    ' +
    '   border:1px solid #cccccc; ' +
    '   background-color:#fff;  ' +
    '   padding: 5px; ' +
    '   left:35%; ' +
    '   top:20%; ';

Lightbox.JS = {
    
    blockBg: function() {
        var div = (document.getElementById("lightboxOverlay") == null ?
                   addDiv("lightboxOverlay"):
                   document.getElementById("lightboxOverlay"));
        setStyle(div, LIGHTBOX_STYLES['lightbox-overlay']);
        div.style.display='block';        
        div.style.top = Lightbox.JS.getTopOffset() + "px";
        div.onclick = function() {
            Lightbox.JS.unblockBg();
        };
    },

    unblockBg: function() {
        hideDiv("lightboxBodyDiv");
        hideDiv("lightboxOverlay");
        showSeeThroughElements();
    },

    showDiv: function(url) {
        Lightbox.JS.showDiv1(url, 450, 500);
    },

    getLightboxDiv: function() {
        var div = (document.getElementById("lightboxBodyDiv") == null ?
                   addDiv("lightboxBodyDiv"):
                   document.getElementById("lightboxBodyDiv"));
        div.innerHTML = "";
        setStyle(div, LIGHTBOX_STYLES['lightbox-widget-body']);
        div.style.display='block';
        div.style.top = (parseInt(Lightbox.JS.getTopOffset()) + (screen.height/6)) + "px";
        return div;
    },

    showDiv1: function(url, height, width) {
        hideSeeThroughElements();
        Lightbox.JS.blockBg();                
        var div = Lightbox.JS.getLightboxDiv();
        var spinner = Lightbox.JS.getWaitingSpinner();
        div.appendChild(spinner);
        div.style.width = width + 'px';
        div.style.height = height + 'px';
        div.innerHTML = div.innerHTML + ('<div align="center">' +
                                         '<div align="right"><a href="javascript:Lightbox.JS.unblockBg();" class="iconLink"><img class="iconLink" ' +
                                         'src="' + (BASE_URL ? BASE_URL : '') + '/images/iconshock/delete_16.gif" border="0"></a></div>' +
                                         '<iframe src="' + url + '" frameborder="0" scrolling="auto" style="width:95%;height:' + 
                                         (parseInt(height) - 10) + 'px;"></iframe></div>');
        setTimeout("hideDiv('waitingImg');", 2000);
    },
    
    getWaitingSpinner: function() {
        return (document.getElementById("waitingImg") == null ?
                addImage("waitingImg", (BASE_URL ? BASE_URL : '') + "/images/waiting.gif") :
                document.getElementById("waitingImg"));
    },
       
    getTopOffset: function() {
        var s;
        // scrolling offset calculation via www.quirksmode.org
        if (self.pageYOffset){
            s = self.pageYOffset;
        } else if (document.documentElement && document.documentElement.scrollTop) {
            s = document.documentElement.scrollTop;
        } else if (document.body) {
            s = document.body.scrollTop;
        }
        return s;
    }
};

/*** END LIGHTBOX FUNCTIONS ***/