var isExtended = 0;
var height = 548;
var width = 676;
var slideDuration = 300;
var opacityDuration = 1500;

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

}

function sideBarSlide(fromHeight, toHeight, fromWidth, toWidth, divcontent){
		var myEffects = new Fx.Styles(divcontent, {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(){
	$('menu').addEvent('click', function(){extendContract('menu','DIV_Menu')});
	$('about').addEvent('click', function(){extendContract('about','DIV_About_Us')});
	$('meet').addEvent('click', function(){extendContract('meet','DIV_MeetChef')});
	$('gallery').addEvent('click', function(){extendContract('gallery','DIV_Gallery')});
	$('awards').addEvent('click', function(){extendContract('awards','DIV_Awards')});
	$('regional').addEvent('click', function(){extendContract('regional','DIV_Regional')});
	$('newsletter').addEvent('click', function(){extendContract('newsletter','DIV_Newsletter')});
	$('contact').addEvent('click', function(){extendContract('contact','DIV_ContactUs')});
}

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