$(document).ready(function(){
	$("ul.menu").parent().append("<span></span>");
	RegisterMenu("a-stats",'statsmenu')
	RegisterMenu("a-profile",'profilemenu')
	RegisterMenu("a-map",'mapmenu')
});
var timers = [];
var widths = [];
function RegisterMenu(button,menuname) {
	$('#'+button).mouseover(function() { 
		if(widths[button] == undefined) {
			widths[button] = $('#'+button).parent().width();
		}
		$('.submenu').each(function(i,obj) {
			if($(obj).attr('menu')==menuname) return;
			$(obj).stop ()
			$('#'+$(obj).attr('menu')).hide();
			$(obj).width(widths[$(obj).attr('id')]);
			if(timers[$(obj).attr('menu')] != null){
			  window.clearTimeout(timers[$(obj).attr('menu')]);
			  timers[$(obj).attr('menu')] = null;
			}
		}); 
		$('#'+button).animate({
			width: $('#'+menuname).width()
		}, 50, function() {
			$('#'+menuname).css('left',$(this).position().left);
			$('#'+menuname).slideDown("fast");
		});
		if(timers[menuname] != null){
		  window.clearTimeout(timers[menuname]);
		  timers[menuname] = null;
		}
	});
	$('#'+menuname).mouseout(function(){
		var buttonwidth = widths[button];
		timers[menuname] = window.setTimeout(function(){ 
		$('#'+menuname).slideUp("slow",function() {
		$('#'+button).animate({width: buttonwidth},50);
		});
		}, 700);
	});
	$('#'+button).mouseout(function(){
		var buttonwidth = widths[button];
		timers[menuname] = window.setTimeout(function(){ 
		$('#'+menuname).slideUp("slow",function() {
		$('#'+button).animate({width: buttonwidth},50);
		});
		}, 700);
	});
	$('#'+menuname).mouseover(function(){
		if(timers[menuname] != null){
		  window.clearTimeout(timers[menuname]);
		  timers[menuname] = null;
		}
	});	
}