var dynamicMenu = {

	deltaX : '100px',
	deltaY : '-10px',
	currentMenu : null,
	currentTimeout : null,
	hideTimeout : 500,

	overItem : function (e, id) {
		dynamicMenu.hideMenu();
		clearTimeout(dynamicMenu.currentTimeout);
		dynamicMenu.currentMenu = jQuery('div#' + id);
		dynamicMenu.currentMenu.left(dynamicMenu.deltaX).top(dynamicMenu.deltaY).show();
		dynamicMenu.currentMenu.hover(dynamicMenu.overMenu, dynamicMenu.outMenu);
	},

	outItem : function () {
		clearTimeout(dynamicMenu.currentTimeout);
		dynamicMenu.currentTimeout = setTimeout("dynamicMenu.hideMenu()", dynamicMenu.hideTimeout);
	},

	overMenu : function () {
		clearTimeout(dynamicMenu.currentTimeout);
	},

	outMenu : function () {
		clearTimeout(dynamicMenu.currentTimeout);
		dynamicMenu.currentTimeout = setTimeout("dynamicMenu.hideMenu()", dynamicMenu.hideTimeout);
	},

	hideMenu : function (){
		if (dynamicMenu.currentMenu) {
			dynamicMenu.currentMenu.hide();
		}
	}

}