var show = 0;
var restoreMenu = function() {
	if (show == 0) {
		showMenu(hover);
		//$('ul#subnav').hide();
	}
}
var showMenu = function(id) {
	$('ul#subnav li').hide();
	$('ul#subnav li.item' + id).show();
	
	
	var jo = $('ul#subnav');
	var joLink = $($("ul#nav a").get(id));
	var joBox = $('#box_subnav');
	
	var boxRight = joBox.offset().left + joBox.width();
	var linkLeft = joLink.offset().left;

	if (id == 1) jo.width(400);
	else jo.width('auto');

	if (linkLeft + jo.width() > boxRight) jo.css('left', linkLeft - (linkLeft + jo.width() - boxRight));
	else jo.css('left', joLink.offset().left);
	jo.css('top', joLink.offset().top + joLink.height());
	jo.show();
}

$(function() {
	showMenu(hover);
	$("ul#nav a").mouseover(function() {
		var id = $("ul#nav a").index(this);
		if (id == hover) return;
		//if ($('ul#subnav li.item' + id).size() == 0) return;
		showMenu(id);
		show++;
	});
	$("ul#nav a").mouseout(function() {
		var id = $("ul#nav a").index(this);
		if (id == hover) return;
		//if ($('ul#subnav li.item' + id).size() == 0) return;
		show--;
		window.setTimeout(restoreMenu, 5);
		//$('ul#subnav').hide();
	});


	$("ul#subnav").mouseover(function() {
		show++;
	});
	$("ul#subnav").mouseout(function() {
		show--;
		window.setTimeout(restoreMenu, 5);
	});

});