// Content pane settings. needed in global scope so we can functions
// from base to manage the content pane
var cpTriggers =  [ 'tr_mission','tr_leadership' ]
var cpURL = '/about/ajax_content/';
var cpPane = 'AboutContent';
var cpBase = '/about';

function aboutOnload() 
{
    bindContentPaneTriggers();
    setCurrentTrigger();
    addOnClick( $('tr_mission'), function(e) {
        $('AboutLeadershipNav').removeClassName('morphClear');
        $('AboutLeadershipNav').addClassName('morphClearNoAuto');
        $('AboutLeadershipNav').morph('opacity: 0.0',{duration:2.0});
    
    });

    addOnClick( $('tr_leadership'), function(e) {
        $('AboutLeadershipNav').morph('opacity: 0.8',{duration:2.0});
        $('AboutLeadershipNav').removeClassName('morphClearNoAuto');
        $('AboutLeadershipNav').addClassName('morphClear');
   

    });

}

function snon(e)
{
    e= e ? e : window.event;
    var elem = Event.element(e);
    var style='background:transparent;color:#ff0000;border:solid 1px #999999';
    elem.morph(style,{duration:0.1,queue:'end'});
}

function snoff(e)
{
    e= e ? e : window.event;
    var elem = Event.element(e)
    elem.morph('background:transparent;color:#8f8f8f;border:solid 1px #999999',{duration:0.1,queue:'end'});
}

addLoadEvent(aboutOnload);