// http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools

var isExtended = 0;
var height = 300;
var width = 350;
var slideDuration = 1000;
var opacityDuration = 1500;

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

		// make expand tab arrow image face left (inwards)
		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, 'Active$1');
	}
	else {
		sideBarSlide(height, 0, width, 0);
		sideBarOpacity(1, 0);
		isExtended = 0;
		// make expand tab arrow image face right (outwards)

		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/Active(\.[^.]+)$/, '$1');
	}
}

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() {
//	$('sideBarContentsInner').addEvent('click', function(){extendContract()});
//}
//
//window.addEvent('load', function(){init()});