var open = false;
function close_menu() {
	if (open) {
		open = false;
		$("#menu").addClass("hidden");
		$("#topmenu").animate(
				{
					width : "100px"
				},
				500,
				"",
				function() {
					$("#closedmenu").removeClass("hidden");
					$("#button").css("background-image",
							"url(/images/top.menu.btn.bg.rght.jpg)");
				});
	} else {
		open = true;
		$("#topmenu").css("background-image",
				"url(/images/top.menu.bg.cnt2.jpg)");
		$("#closedmenu").addClass("hidden");
		$("#topmenu").animate(
				{
					width : "612px"
				},
				500,
				"swing",
				function() {
					$("#menu").removeClass("hidden");
					$("#button").css("background-image",
							"url(/images/top.menu.btn.bg.jpg)");
				}, false);
	}
}

function show_submenu(obj) {
	hide_submenu();
	var ul = $(obj).children("ul");
	ul.removeClass("hidden");
	var a = $(obj);
	var offset = $(obj.parentNode).offset();
	var left = obj.parentNode.offsetLeft;
	var top = obj.parentNode.offsetTop + 30;
	ul.width(5000);
	var lis = ul.children();
	
	var width = 0;
	for ( var i = 0; i < lis.length; i++)
			width += $(lis[i]).width();
	
	
	if (jQuery.browser.msie) ul.width(width-3);
	else ul.width(width + (i-1)*3);
	
	ul.css("left", left + "px").css("top", top + "px");
	if ((a[0].offsetLeft + a.width()) > (ul[0].offsetLeft + ul.width())) {
		left = a[0].offsetLeft + a.width() - (ul[0].offsetLeft + ul.width())
				+ ul[0].offsetLeft;
		ul.css("left", left + "px");
	}
	
	
}

function hide_submenu() {
	$(".submenu").addClass("hidden");
}