/* 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 243 2009-07-01 01:44:28Z 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 'kristi':
                this.kristiScroller.reinit();
                if (this.kristiScroller.showScrollers()) {
                    this.kristiScrollBar.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;
        }
        
    }
};


LARUE.staff.init = function() {
    
    LARUE.staff.bioDivs = {
        
        "james": document.getElementById('james'),
        
        "kristi": document.getElementById('kristi'),
        
        "kyle": document.getElementById('kyle'),
        
        "emily": document.getElementById('emily')
    };
    
    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();
    
    // kristi...
    LARUE.staff.kristiContainer = document.getElementById('kristiContainer');
    LARUE.staff.kristiContent = document.getElementById('kristiContent');
    LARUE.staff.kristiScrollBar = document.getElementById('kristiScrollBar');
    LARUE.staff.kristiScroller = new DDJS.Effects.Scroller(LARUE.staff.kristiContainer, LARUE.staff.kristiContent);
    
    LARUE.staff.faders['kristi'] = new DDJS.Effects.Fader(document.getElementById('kristiImage'));
    LARUE.staff.faders['kristi'].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);
}