var menuHoverTimer;

$(
	function ()
	{
		$('.menu_item').each (
			function ()
			{
				$(this).hover (
					function ()
					{
						clearTimeout (menuHoverTimer);

						$('.menu_item_sub').hide ();

						var menu_id	= $(this).attr ('rel');
						var o		= $('img', this).offset ();

						var nleft	= o.left - 10;
						var nheight	= o.top + ($('img', this).height () - 10);

						$('.menu_item_sub[rel=' + menu_id + ']')
						.css ({
							position: 'absolute',
							left: nleft,
							top: nheight,
							display: 'block',
							zIndex: 1000,
							marginLeft: 11
						})
						.show ('slow')
						.hover (
							function ()
							{
								clearTimeout (menuHoverTimer);
							},
							function ()
							{
								clearTimeout (menuHoverTimer);
								menuHoverTimer	= setTimeout ("$('.menu_item_sub[rel=" + menu_id + "]').hide ();", 1500);
							}
						);
					},
					function ()
					{
						var menu_id	= $(this).attr ('rel');
						clearTimeout (menuHoverTimer);
						menuHoverTimer	= setTimeout ("$('.menu_item_sub[rel=" + menu_id + "]').hide ();", 1500);
					}
				);
			}
		);
		
	
		$('.menu_item_sub').each (
			function ()
			{
				var str	 = '';
				str	+= '<table border="0" cellpadding="0" cellspacing="0"><tr><td colspan="3"><div class="menu_item_sub_connect"></div></td></tr><tr><td class="menu_item_sub_top_left">&nbsp;</td><td class="menu_item_sub_top_mid">&nbsp;</td><td class="menu_item_sub_top_right">&nbsp;</td></tr><tr><td class="menu_item_sub_mid_left">&nbsp;</td>';
				str	+= '<td class="menu_item_sub_mid_mid"><div class="menu_item_sub_mid_mid_text">' + $(this).html () + '</div></td>';
				str	+= '<td class="menu_item_sub_mid_right">&nbsp;</td></tr><tr><td class="menu_item_sub_bottom_left">&nbsp;</td><td class="menu_item_sub_bottom_mid">&nbsp;</td><td class="menu_item_sub_bottom_right">&nbsp;</td></tr></table>';
				$(this).html (str);
			}
		);
	}
);