document.write('<style>');
document.write('.lightbox-overlay{' +
               '   position:absolute;' +
               '   border:0px' + // update by nour befor border:solid 2px #000;
               '   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-widget-body { ' +
               '   position:absolute; ' +
               '   -moz-border-radius:0.8em; ' +
               '   z-index:10001;    ' +
               '   border:3px solid #666; ' +
               '   background-color:#fff;  ' +
               '   left:20%; ' +
               '   top:20%; ' + 
               '}');
document.write('</style>');


if (!Lightbox) {
    var Lightbox = {};
}

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

    unblockBg: function() {
        Lightbox.JS.hideDiv("lightboxBodyDiv");
        Lightbox.JS.hideDiv("lightboxOverlay");
        Lightbox.JS.showObstructiveElements();
    },

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

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

    showDiv: function(url) {
        Lightbox.JS.showDiv1(url, 490, 600);// update by nour upadate before 450px 
    },

    showDiv1: function(url, height, width) {
        Lightbox.JS.hideObstructiveElements();
        Lightbox.JS.blockBg();

        var div = (document.getElementById("lightboxBodyDiv") == null ?
                   Lightbox.JS.addDiv("lightboxBodyDiv"): 
                   document.getElementById("lightboxBodyDiv"));  
        div.innerHTML = "";

        div.style.display='block';
        div.style.width = width + 'px';
        div.style.height = height + 'px';
        div.className = 'lightbox-widget-body';        
        div.style.top = (parseInt(Lightbox.JS.getTopOffset()) + (screen.height/8)) + "px";
        //div.style.left = (parseInt(Lightbox.JS.getLeftOffset()) + (screen.width/8)) + "px";
        div.style.left = (parseInt( (screen.width - width) / 2 )) + "px"; // Added by Amr Elsayed.
           
        div.innerHTML = div.innerHTML + ('<div style="float:right;margin-right:-12px;margin-top:-12px;"><a style="background-color:transparent" href="javascript:Lightbox.JS.unblockBg();" class="iconLink"><img class="iconLink" ' + // Backcolor transparent added by Amr Elsayed.
                                         'src="' + (BASE_URL ? BASE_URL : '') + 'images/lightbox_close.png" border="0"></a></div>' +
                                         '<div style="clear:both" align="center">' +
                                         '<iframe src="' + url + '" frameborder="0" scrolling="auto" style="width:95%;height:' + (parseInt(height) - 35) + 'px;"></iframe></div>'); //update by nour before (parseInt(height) - 30) 
    },

    getWaitingSpinner: function() {
        var img = (document.getElementById("waitingImg") == null ?
                   document.createElement("img") :
                   document.getElementById("waitingImg"));
        img.src = (BASE_URL ? BASE_URL : "") + "/images/waiting.gif";
        img.id = "waitingImg";
        return img;
    },

    hideSpinner: function() {
        document.getElementById("waitingImg").style.display = "none";
    },

    hideObstructiveElements: function() {
        Lightbox.JS.changeDisplay("select", "none");
    },

    showObstructiveElements: function() {
        Lightbox.JS.changeDisplay("select", "");
    },

    changeDisplay: function(type, display) {
            try {
                for(i=0; i < document.getElementsByTagName(type).length; i++){
                    document.getElementsByTagName(type)[i].style.display=display;
                }
            } catch (e) {
                //eat it
            }
    },

    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;
    },


    getLeftOffset: function() {
        var s;
        // scrolling offset calculation via www.quirksmode.org
        if (self.pageXOffset){
            s = self.pageXOffset;
        } else if (document.documentElement && document.documentElement.scrollLeft) {
            s = document.documentElement.scrollLeft;
        } else if (document.body) {
            s = document.body.scrollLeft;
        }
        return s;
    }


};