$(document).ready(function () {
	var incallref = null;
	var outcallref = null;
	var showing = false;
	
	function showInfo(e) {
		var info = $("#sub_navigation li:eq(" + $("#navigation").find('a').index(e.target) + ")");
		info.css("display", "inline");
		info.siblings().css("display", "none");
		$("#sub_navigation").slideDown("normal");
		var targetCenter = e.target.offsetLeft + e.target.offsetWidth/2;
		var move = info.attr("offsetWidth")/2;
		info.css("left", Math.max(10, (targetCenter-move) + 10));
	}
	
	$("#navigation a").bind("click", function(e) {
		if(incallref != null) clearTimeout(incallref);
		$("#sub_navigation").slideUp("normal");
	});
	
	$("#navigation a").bind("mouseover", function(e) {
		if(incallref != null) clearTimeout(incallref);
		if(outcallref != null) clearTimeout(outcallref);
		if(!showing) {
			incallref = setTimeout(function() {showInfo(e);showing=true;},500);
		} else {
			showInfo(e);
		}
	});
	
	$("#navigation").bind("mouseleave", function(e) {
		if(incallref != null) clearTimeout(incallref);
		incallref = null;
		outcallref = setTimeout(function() {$("#sub_navigation").slideUp("normal");showing=false;},500);
	});
});