$(document).ready(function() {
	var tab_start	= $("#menu a.hit");
	var tab_curent	= '';
	var sub_start	= $("#submenu a.hit");

	// taby
	$("#menu li a").hover (
		function () {
			if (tab_curent == "" && tab_start.attr("class") == $(this).attr ("class")) return;
		
			// zdejmowanie zaznaczenia
			$("#menu a.hit").removeClass ("hit");
			
			// ukrywanie aktualnego podmenu
			curr = $("#submenu div.hit");
			curr.fadeOut("fast").removeClass ("hit");
			
			tab_curent = $(this).attr("class");
			
			// publikacja nowego
			$("#submenu").find ("div." + tab_curent).fadeIn ("fast", function () {
				curr.css ("display", "none");
			}).addClass ("hit");
			
			// zaznaczenie aktualnej zakladki
			$(this).addClass ("hit");
		},
		function () {
			// nie robi nic
		}
	);
	
	// podelementy
	$("#submenu a").hover (
		function () {
			$("#submenu a.hit").removeClass ("hit");
			$(this).addClass ("hit");
		},
		function () {
			$(this).removeClass ("hit");
			sub_start.addClass ("hit");
		}
	);
	
	// kasowanie ostatniego zaznaczenia
	$("#top_navi").hover (
		function () {
			// nie robi nic
		},
		function () {
			if (tab_start.attr("class") == $("#menu li a.hit").attr ("class")) return;
		
			// ukrywanie wcześniej wybranego
			$("#menu li a.hit").removeClass ("hit");

			curr = $("#submenu div.hit");
			curr.fadeOut ("fast").removeClass ("hit");
			
			// poblikacja wczesniejszego
			$("#submenu").find ("div." + tab_start.attr ("class")).fadeIn ("fast", function () {
				curr.css ("display", "none");
			}).addClass ("hit");
			
			// zaznaczenie tabu
			tab_start.addClass ("hit");

			tab_curent = "";
		}
	);
});