var MyLightbox={
    show:function(width,height,iframe){
        if(!this._isCreated){
            var _body=document.getElementsByTagName('BODY')[0];
            var _firstChild=_body.childNodes[0];
            var _container=document.createElement('div');
            var _bg=document.createElement('div');
            _bg.id='mylightbox-bg';
            _bg.style.display='none';
            var me=this;
            _bg.onclick=function(){me.hide()}
            var _box=document.createElement('div');
            _box.id='mylightbox';
            _box.style.display='none';
            var frame=document.createElement('iframe');
            frame.id='lightbox_iframe';
            frame.frameBorder=0;
            frame.scrolling='no';
            frame.style.width='100%';
            _box.appendChild(frame);
            _container.appendChild(_bg);
            _container.appendChild(_box);
            _body.insertBefore(_container,_firstChild);
            this._isCreated=true;
        }
        var _mylightbox=document.getElementById('mylightbox');
        this.lightbox=_mylightbox;
        var _mylightbox_bg=document.getElementById('mylightbox-bg');
        this.lightboxBg=_mylightbox_bg;
        var _iframe=document.getElementById('lightbox_iframe');    
        var _fullWidth=this.fullWidth(),_fullHeight=this.fullHeight();
        var _width=width?width:500;
        var _height=height?height:500;
        var center=this.center(_width,_height);
        _mylightbox.style.left=center[0]+'px';
        _mylightbox.style.top=center[1]+'px'; 
        _mylightbox.style.width=_width+'px';
        _mylightbox.style.height=_height+'px';
        _mylightbox_bg.style.width=_fullWidth+'px';
        _mylightbox_bg.style.height=_fullHeight+'px';
        _mylightbox_bg.style.display='';  
        _mylightbox.style.display='';
        _iframe.src=iframe;
        _iframe.style.height=_height+'px';

    },
    _isCreated:false,
    hide:function(){
        this.lightbox.style.display='none';
        this.lightboxBg.style.display='none';
    },
    fullHeight:function(){
        if (window.innerHeight!=window.undefined) return window.innerHeight;
        if (document.documentElement && document.documentElement.clientHeight) return document.documentElement.clientHeight;
        if (document.body) return document.body.clientHeight; 
        return window.undefined; 
    },
    fullWidth:function() {
        if (window.innerWidth!=window.undefined) return window.innerWidth; 
        if (document.documentElement && document.documentElement.clientWidth) return document.documentElement.clientWidth; 
        if (document.body) return document.body.clientWidth; 
        return window.undefined; 
    },
    center:function(width,height){
        var theBody=document.getElementsByTagName('BODY')[0]; 
        var scTop = this.scrollTop();
        var scLeft = this.scrollLeft();
        var fullHeight = this.fullHeight();
        var fullWidth = this.fullWidth();
        var _top=scTop + ((fullHeight - (height+20)) / 2);
        return [
            scLeft + ((fullWidth - width) / 2),
            _top<0?scTop:_top
        ];
    },
    scrollTop:function(){
        if(document.documentElement && document.documentElement.scrollTop) return document.documentElement.scrollTop;
        else return document.body.scrollTop;
    },
    scrollLeft:function(){
        if(document.documentElement && document.documentElement.scrollLeft) return document.documentElement.scrollLeft;
        else return document.body.scrollLeft;
    }            
};