function nav_toggle(id) {
	for (var i=0; i<4; i++) {
		var tab = $("#nav_tab" + i);
		var category = $("#nav_category" + i);
		if (i == id) {
			if (id == nav_section) {
				tab.removeClass("active");
				category.hide();
			} else {
				tab.addClass("active");
				// category.fadeIn(150);
				category.show();
			}
		} else {
			tab.removeClass("active");
			category.hide();
			if (i == nav_tab) tab.addClass("hover");
		}
	}
			
	if (id != nav_section) {
		nav_section = id;
	} else {
		nav_section = -1;
		if (nav_tab != -1) $("#nav_tab" + nav_tab).addClass("active");
	}
	
	if (nav_section != -1) {
		$("#nav_blocker").show();
	} else {
		$("#nav_blocker").hide();
	}
}

function nav_init() {
	$(document).ready(function() {
		$.get('/PublishedFiles/php/navi_ajax.php?lang='+nav_lang, function(data) {
			$('#nav_overlay').html(data);
			for (var i=0; i<4; i++) {
				var button = $("#nav_tab" + i + " a");
				button.click(function(e) {
					var s = e.target.name;
					var id = s.substr(s.length-1,1);
					nav_toggle(id);
					nav_fallback = e.target.name;
					return false;
				});
			}
		});
	});
	
	$(document).click(function(event){
		if ($(event.target).closest('.nav_category').length == 0) {
			nav_toggle(nav_section);
		}
	});
}