var isExtended2 = 0;
var height2 = 171;
var width2 = 430;
var slideDuration2 = 500;
var opacityDuration2 = 500;

function extendContract2(){
	
	if(isExtended2 == 0){
		
		sideBarSlide2(0, height2, 0, width2);
		
		sideBarOpacity2(0, 1);
	
		isExtended2 = 1;
		
		// make expand tab arrow image face left (inwards)
		$('sideBarTab2').childNodes[0].src = $('sideBarTab2').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
		$('sideBarContents2').style.display = 'inline';
		$('sideBarContentsInner2').style.display = 'inline';
		
	}
	else{
		
		sideBarSlide2(height2, 0, width2, 0);
		
		sideBarOpacity2(1, 0);
		
		isExtended2 = 0;
		
		// make expand tab arrow image face right (outwards)
		
		$('sideBarTab2').childNodes[0].src = $('sideBarTab2').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');
		$('sideBarContents2').style.display = 'none';
		$('sideBarContentsInner2').style.display = 'none';
	}

}

function sideBarSlide2(fromHeight, toHeight, fromWidth, toWidth){
		var myEffects = new Fx.Styles('sideBarContents2', {duration: slideDuration2, transition: Fx.Transitions.linear});
		myEffects.custom({
			 'height': [fromHeight, toHeight],
			 'width': [fromWidth, toWidth]
		});
}

function sideBarOpacity2(from, to){
		var myEffects = new Fx.Styles('sideBarContents2', {duration: opacityDuration2, transition: Fx.Transitions.linear});
		myEffects.custom({
			 'opacity': [from, to]
		});
}

function init2(){
	$('sideBarTab2').addEvent('click', function(){extendContract2()});
}

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