/* load menu */
		var current_menu = '';
		function show_menu(menu_id){
			// hide will also handle the showing after hide is complete
				hide_menu(menu_id);
		}
		function load_menu(menu_id){
			// now start with my stuff
				var menu_div = $(menu_id);
				var content_div = $('content');
				current_menu = menu_id;
			// set content width to menu
				var size = menu_div.getSize();
				content_div.setStyle('width',size.x);
				content_div.setStyle('height',0);
			// position content under menu
				var pos = menu_div.getPosition();
				pos.y += size.y-2;
				pos.x -= 2;
				content_div.setPosition(pos);
			// now apply the location and size attributes of the 'regular' content window
				var wsize = window.getSize();
				content_div.removeClass('hidden');
				var my_effect = new Fx.Morph(content_div, {duration: 800, transition: Fx.Transitions.Sine.easeIn});
				my_effect.addEvent('complete',function(){
					$('contenttext').set('html',$('content_'+menu_id).get('html'));
					$('contenttext').reveal();
				});
				my_effect.start({
						height: [0,450],
						width: [size.x,850],
						top: 100,
						left: wsize.x/2
					});
				
		}
		function hide_menu(show_this_instead){
			// if current is the same as me then do nothing
				if(current_menu == show_this_instead) return false;			
			// anything to hide?
				if(current_menu != ''){
					// now start with my stuff
						var menu_div = $(current_menu);
						var content_div = $('content');
					// set content width to menu
						$('contenttext').dissolve();
						var size = menu_div.getSize();
						//content_div.setStyle('width',size.x);
						//content_div.setStyle('height',0);
					// position content under menu
						var pos = menu_div.getPosition();
						pos.y += size.y-2;
						pos.x -= 2;
						//content_div.setPosition(pos);
					// now apply the location and size attributes of the 'regular' content window
						var wsize = window.getSize();
						var my_effect = new Fx.Morph(content_div, {duration: 500, transition: Fx.Transitions.Sine.easeIn});
						my_effect.addEvent('complete',function(){
							content_div.addClass('hidden');
							if($defined(show_this_instead)) (function(){load_menu(show_this_instead);}).delay(200);
						});
						my_effect.start({
								height: [450,0],
								width: [850,size.x],
								top: pos.y,
								left: pos.x+425
							});



					// done setting current menu
						current_menu = '';
				}
				else{
					load_menu(show_this_instead);
				}
		}