var isExtended = 0;
var height = 447;
var width = 282;
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');
		/*$('sideBarTab').childNodes[0].src =  "images/lavasa_times1.png";
		
		if(navigator.appName == "Microsoft Internet Explorer")
			$('sideBarTab').childNodes[0].className = "padd_lft267";
		else
			$('sideBarTab').childNodes[0].setAttribute("class", "padd_lft267");
		//alert($('sideBarTab').childNodes[0].className = "padd_lft200";)*/
		
	}
	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');
		$('sideBarTab').childNodes[0].src = "images/slide-button.png";
		
		if(navigator.appName == "Microsoft Internet Explorer")
			$('sideBarTab').childNodes[0].className = "";
		else
			$('sideBarTab').childNodes[0].setAttribute("class", "");
	}

}

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('mouseover', function(){extendContract()});
}

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