var isExtended = 0;

function slideSideBar(){

    new Effect.toggle('sideBarContents', 'blind', {scaleX: true, scaleY: false, scaleContent: false, duration: 0.3});

    if(isExtended==0){
        $('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
        new Effect.Fade('sideBarContents', { duration:1.0, from:0.0, to:1.0 });
        isExtended++;
    }
    else{
        $('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');
        new Effect.Fade('sideBarContents', { duration:1.0, from:1.0, to:0.0 });
        isExtended=0;
    }
}

function init(){
    Event.observe('sideBarTab', 'click', slideSideBar, true);
}

Event.observe(window, 'load', init, true);