dcrall / proto-facebox Goto Github PK

 reveal: function(data, klass){
    this.loading();
    $('facebox').fire('facebox:beforeReveal');

    var faceboxContent = $('facebox_content');
    if (klass) faceboxContent.addClassName(klass);
    faceboxContent.update(data);

    $$('#facebox .loading').invoke('remove');

    // Why show all children?
    $('facebox_content').childElements().invoke('show');

    this.setLocation();
    this.open();        

    $('facebox').fire('facebox:reveal');
    $('facebox').fire('facebox:afterReveal');
}

setLocation: function(){
    var pageScroll = document.viewport.getScrollOffsets();
    var vertical_margin = pageScroll.top + (document.viewport.getHeight()/ this.settings.v_margin_divisor);
    var left_offset = (document.viewport.getWidth()/2) - ($('facebox').getWidth()/2);

    console.log('Viewport width: ' + document.viewport.getWidth());
    console.log('Facebox width: ' + $('facebox').getWidth());
    console.log('Top: ' + vertical_margin);
    console.log('Left: ' + left_offset);

    $('facebox').setStyle({
        'top': vertical_margin + 'px',
        'left': left_offset + 'px'
    });
},