// extend the menu horizontally
function animateMenuPage()
{
	var container = $("contentContainer");
	
	var refElement = container.getFirst("div");
	var coords = refElement.getCoordinates();
	var morph = new Fx.Morph(container, {duration: "normal", transition: Fx.Transitions.Sine.easeOut});
	container.setStyle("position", "absolute");
	container.set("height", "484px");
	$("contentContainer").setStyle("opacity", 1);
	$("contentContainer").setStyle("filter", "alpha(opacity=100");
	morph.addEvent("complete", function() {
		$("contentContainer").setStyle("background-image", "url(/images/beige-transparent.png)");
		$("contentContainer").setStyle("background-repeat", "repeat");
	});
	morph.start({"left":[400,0]});

}



window.addEvent("load", function() {
	if ($("contentContainer"))
	{
		animateMenuPage.delay(700);
	}
});

// set up the accoridion