var isExtended = 0;

var timerActive = 0;

var height = 66;

var width = 502;

var slideDuration = 1000;

var opacityDuration = 0;

var duration_Slide_Bar_Open = 8000;



function extendContract(active){
        
if(active == 1 && timerActive == 0)
{
        return;
}

timerActive = 0;

        if(isExtended == 0){

                
                sideBarSlide(height, height, 0, width);
                
                

                //sideBarOpacity(0, 1);

                

                isExtended = 1;

                
                document.getElementById('Slide_Bar_Arrow').src = 'images/Side_Bar_Retract_Arrow.gif';
                
                timerActive = 1;
                setTimeout( "extendContract(1)" , duration_Slide_Bar_Open ); 

        }

        else{

                
                sideBarSlide(height, height, width, 0);

                

                //sideBarOpacity(1, 0);

                

                isExtended = 0;

                // make expand tab arrow image face right (outwards)

                document.getElementById('Slide_Bar_Arrow').src = 'images/Side_Bar_Expand_Arrow.gif';
                
        }


}



function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth){

                var myEffects = new Fx.Styles('sideBarContents', {duration: slideDuration, transition: Fx.Transitions.linear});

                myEffects.custom({

                         'height': [fromHeight, toHeight],

                         'width': [fromWidth, toWidth]

                });

}



function sideBarOpacity(from, to){

                var myEffects = new Fx.Styles('sideBarContents', {duration: opacityDuration, transition: Fx.Transitions.linear});

                myEffects.custom({

                         'opacity': [from, to]

                });

}



function init(){

        $('sideBarTab').addEvent('click', function(){extendContract(0)});

}



window.addEvent('load', function(){init()});