var isExtended = 0;
var height = 4000;
var width = 222;
var slideDuration = 500;
var opacityDuration = 1000;

function extendContract(){
	if(isExtended == 0){		
		sideBarSlide(0, height, 1, width);
		sideBarOpacity(0, 1);
		isExtended = 1;
	}
	else{		
		sideBarSlide(height, 0, width, 1);
		sideBarOpacity(1, 0);		
		isExtended = 0;
	}
}

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()});
}

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