window.addEvent('domready', function(){

	$$('.menuCat li a').each(function(el,i){
			el.addEvent('click', function(evt){
				new Event(evt).stop();
				
				// remove active
				$$('.active').each(function(newEl,i){
					newEl.removeClass("active");
				})
				
				// add active
				el.addClass("active");
				
				var id = el.getProperty('id');
				var myXHR = new XHR({method: 'get', onRequest: menuSend, onSuccess: menuResponse}).send('/cafe/includes/php/menufunctions.php', 'id='+id);
			});
		});
}); 

function menuSend(){
	$('menuItems').setHTML("<h1>&nbsp;</h1><h2>Loading Menu...</h2>");
}

function menuResponse(resp){
	$('menuItems').setHTML(resp);
}