$(function() {
	
	/*
	$('.menu_group_expander').hover(
		function() {
			var li = $(this).parent();
			Yuppy.expand_menu(li);
		},
		function() {
			var li = $(this).parent();
			Yuppy.collapse_menu(li);
		}
	);
	*/
	
	$('.menu_group_expander').click(function() {
			var li = $(this).parent();
			Yuppy.toggle_menu(li);
			return false;
	});
	
	
});

var Yuppy = {
	current_li 	: false,
	
	expand_menu : function (li) {
		if (li) {
			this.current_li = li;
			var panel 	= $(li).attr('id').replace('_group_', '_panel_');
			var li_pos = li.position();
			
			li.removeClass('menu_collapsed');
			li.addClass('menu_expanded');
			
			if (!document.getElementById('#'+panel+'_inside')) {
				var html = '<div id="'+panel+'_inside" class="menu_group_panel">'+$('#'+panel).html()+'</div>';
				li.append(html);
			}
			
			$('#'+panel+'_inside').css({top: li_pos.top + li.height(), left: li_pos.left, zIndex: 60000 }).show();
		}
	},
	
	collapse_menu : function (li) {
		if (li) {
			this.current_li = false;
			var panel 	= $(li).attr('id').replace('_group_', '_panel_');
			var li_pos = li.offset();
			
			li.removeClass('menu_expanded');
			li.addClass('menu_collapsed');
			$('#'+panel+'_inside').hide();
		}
	},
	
	toggle_menu : function (li) {
		if (li) {
			var panel 	= $(li).attr('id').replace('_group_', '_panel_');
			var li_pos = li.offset();
			
			if (this.current_li === li) {
				this.collapse_menu(li);
				this.current_li = false;
			}
			else {
				this.collapse_menu(this.current_li);
				this.expand_menu(li);
				this.current_li = li;
			}
			
			$('#'+panel).css({top: li_pos.top + li.height(), left: li_pos.left, zIndex: 10000 });
		}
	}
}