/* vim: set expandtab tabstop=4 shiftwidth=4 softtabstop=4 */

/**
 * staff.js
 *
 * Javascript for the staff page, creates LARUE.staff
 *
 * File Path: /scripts/
 *
 * $Id: staff.js 251 2010-03-10 16:39:46Z topdog $
 *
 * @author      Edward Vermillion <evermillion@doggydoo.net>
 * @version     1.0
 */

LARUE.staff = {
    
    currentBio: null,
    
    bioDivs: null,
    
    faders: {},
    
    swapBio: function (newBio) {
        
        this.bioDivs[this.currentBio].style.display = 'none';
        this.faders[this.currentBio].enable();
        this.faders[this.currentBio].fade();
        
        this.currentBio = newBio;
        this.bioDivs[this.currentBio].style.display = 'block';
        this.faders[this.currentBio].disable();
        
        switch (newBio) {
            
            case 'james':
                this.jamesScroller.reinit();
                if (this.jamesScroller.showScrollers()) {
                    this.jamesScrollBar.style.visibility = 'visible';
                }
                break;
            
            case 'brooke':
                this.brookeScroller.reinit();
                if (this.brookeScroller.showScrollers()) {
                    this.brookeScrollBar.style.visibility = 'visible';
                }
                break;
            
            case 'kyle':
                this.kyleScroller.reinit();
                if (this.kyleScroller.showScrollers()) {
                    this.kyleScrollBar.style.visibility = 'visible';
                }
                break;
            
            case 'emily':
                this.emilyScroller.reinit();
                if (this.emilyScroller.showScrollers()) {
                    this.emilyScrollBar.style.visibility = 'visible';
                }
                break;
                
            case 'rez':
                this.rezScroller.reinit();
                if (this.rezScroller.showScrollers()) {
                    this.rezScrollBar.style.visibility = 'visible';
                }
                break;
        }
        
    }
};


LARUE.staff.init = function() {
    
    LARUE.staff.bioDivs = {
        
        "james": document.getElementById('james'),
        
        "brooke": document.getElementById('brooke'),
        
        "kyle": document.getElementById('kyle'),
        
        "emily": document.getElementById('emily'),
        
        "rez": document.getElementById('rez')
    };
    
    LARUE.staff.currentBio = 'james';
    
    // james...
    LARUE.staff.jamesContainer = document.getElementById('jamesContainer');
    LARUE.staff.jamesContent = document.getElementById('jamesContent');
    LARUE.staff.jamesScrollBar = document.getElementById('jamesScrollBar');
    LARUE.staff.jamesScroller = new DDJS.Effects.Scroller(LARUE.staff.jamesContainer, LARUE.staff.jamesContent);
    
    if (LARUE.staff.jamesScroller.showScrollers()) {
        LARUE.staff.jamesScrollBar.style.visibility = 'visible';
    }
    
    LARUE.staff.faders['james'] = new DDJS.Effects.Fader(document.getElementById('jamesImage'));
    LARUE.staff.faders['james'].setMinOpacity(50);
    
    LARUE.staff.faders['james'].fade();
    LARUE.staff.faders['james'].disable();
    
    // brooke...
    LARUE.staff.brookeContainer = document.getElementById('brookeContainer');
    LARUE.staff.brookeContent = document.getElementById('brookeContent');
    LARUE.staff.brookeScrollBar = document.getElementById('brookeScrollBar');
    LARUE.staff.brookeScroller = new DDJS.Effects.Scroller(LARUE.staff.brookeContainer, LARUE.staff.brookeContent);
    
    LARUE.staff.faders['brooke'] = new DDJS.Effects.Fader(document.getElementById('brookeImage'));
    LARUE.staff.faders['brooke'].setMinOpacity(50);
    
    // kyle...
    LARUE.staff.kyleContainer = document.getElementById('kyleContainer');
    LARUE.staff.kyleContent = document.getElementById('kyleContent');
    LARUE.staff.kyleScrollBar = document.getElementById('kyleScrollBar');
    LARUE.staff.kyleScroller = new DDJS.Effects.Scroller(LARUE.staff.kyleContainer, LARUE.staff.kyleContent);
    
    LARUE.staff.faders['kyle'] = new DDJS.Effects.Fader(document.getElementById('kyleImage'));
    LARUE.staff.faders['kyle'].setMinOpacity(50);
    
    // emily...
    LARUE.staff.emilyContainer = document.getElementById('emilyContainer');
    LARUE.staff.emilyContent = document.getElementById('emilyContent');
    LARUE.staff.emilyScrollBar = document.getElementById('emilyScrollBar');
    LARUE.staff.emilyScroller = new DDJS.Effects.Scroller(LARUE.staff.emilyContainer, LARUE.staff.emilyContent);
    
    LARUE.staff.faders['emily'] = new DDJS.Effects.Fader(document.getElementById('emilyImage'));
    LARUE.staff.faders['emily'].setMinOpacity(50);
    
    // rez...
    LARUE.staff.rezContainer = document.getElementById('rezContainer');
    LARUE.staff.rezContent = document.getElementById('rezContent');
    LARUE.staff.rezScrollBar = document.getElementById('rezScrollBar');
    LARUE.staff.rezScroller = new DDJS.Effects.Scroller(LARUE.staff.rezContainer, LARUE.staff.rezContent);
    
    LARUE.staff.faders['rez'] = new DDJS.Effects.Fader(document.getElementById('rezImage'));
    LARUE.staff.faders['rez'].setMinOpacity(50);
}