lastAppear = null;

function showMenu(caller, menuId) {
	var menu = $(menuId);
	if (menu != null) {		
		if (caller != null) {
			caller = $(caller);
	
			var callerPosition = Position.cumulativeOffset(caller);
			var callerBottom =  callerPosition[1] + caller.getHeight();
	
	
			menu.style.left = callerPosition[0] + "px";
			menu.style.top = callerBottom + "px";
			
			lastAppear = Effect.Appear(menu, {duration : 0.3});
		} else {
			Element.show(menu);
			menu.setOpacity(1.0);
		}
	
	}
}

function hideMenu(caller, menu) {
	menu = $(menu);
	if (menu != null) {
		if (lastAppear != null) {
			lastAppear.cancel();
		}
		if (caller == menu) {
			Element.hide(menu);
		} else {
			Element.hide(menu);
		}
	}
}

function toggleTab(newtab, newcontent) {
	newtab = $(newtab);
	newcontent = $(newcontent);
	
	Element.hide('try-content');
	$('try-tab').className = '';
	Element.hide('buy-content');
	$('buy-tab').className = '';
	Element.show(newcontent);
	newtab.className = 'selected';
}