// extending Moo Class would require us to create an instance so
// just use an Object
var Popup = {
    show: function(id){
        var el = $(id);

        // IE6 sucks
        if (Browser.Engine.trident
            && Browser.Engine.version == 4){
            el.setStyle('position', 'absolute');
        }

        if (el){
            var mask = $('popupMask');

            if (!mask){
                mask = new Element('div', {'id': 'popupMask', 'class': 'popupMask'});
                $(document.body).adopt(mask);
            }
            var size = window.getScrollSize();
            mask.setOpacity(0)
                .setStyles({'display': 'block',
                            'width': size.x,
                            'height': size.y
                           });
            mask.fade(.8);
            
            center(el)
                .setOpacity(0)
                .setStyles({'display': 'block'})
                .fade('in');
            
            if (!el.getLast().hasClass('closeBtn')){
                el.adopt(new Element('img', {'class': 'closeBtn', 'src': '/images/close.png'})
                         .addEvent('click', function(){
                                       Popup.hide(this.getParent().id);
                                   })
                        );
            }
        }
    },
    
    hide: function(id){
        var el = $(id);
        if (el){
            el.fade('out');
        }
        var mask = $('popupMask');

        if (mask){
            mask.fade('out');
        }
    }
};