$(document).ready(function(){

	// remove link background images since we're re-doing the hover interaction below 
	// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
	// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
	$(".nav").children("li").each(function() {
		var current = "nav current-" + ($(this).attr("class"));
		var parentClass = $(".nav").attr("class");
		if (parentClass != current) {
			$(this).children("a").css({backgroundImage:"none"});
		}
	});	


	// create events for each nav item
	attachNavEvents(".nav", "start");
	attachNavEvents(".nav", "ofirmie");
	attachNavEvents(".nav", "rozwiazania");
	attachNavEvents(".nav", "uslugi");
	attachNavEvents(".nav", "klienci");
	attachNavEvents(".nav", "kontakt");


	function attachNavEvents(parent, myClass) {
		$(parent + " ." + myClass).mouseover(function() {
			$(this).append('<div class="nav-' + myClass + '"></div>');
			$("div.nav-" + myClass).css({display:"none"}).fadeIn(200);
		}).mouseout(function() {
			// fade out & destroy pseudo-link
			$("div.nav-" + myClass).fadeOut(300, function() {
				$(this).remove();
			});
		});
	}

	
	/**
	 * jQuery simple sub-menu.
	 * (only one per page)
	 * 
	 * Important css classes:
	 * 	- .submenu, .submenu_row, .submenu_current
	 *  - .submenu_content, .submenu_row_content
	 */

	var submenuHash = window.location.hash;
	
	// add submenu content ids + hide content
	var submenuCounter = 1;
	$(".submenu_content").children(".submenu_row_content").each(function() {
		$(this).attr("id", "submenu_" + submenuCounter + "_content");
		$(this).hide();
		submenuCounter++;
	});
	$(".submenu_content").removeClass("submenu_init");
	
	// add submenu ids + actions
	var submenuCounter = 1;
	$(".submenu").children(".submenu_row").each(function() {
		
		$(this).attr("id", "submenu_" + submenuCounter);
		// link from anchor exists
		if(submenuHash != "") {
			// anchor matches
			if($(this).attr("hash") == submenuHash) {
				if(!($(this).hasClass("submenu_current"))) {
					$(this).addClass("submenu_current");
				}
				$("#submenu_" + submenuCounter + "_content").show();
			} 
			// anchor !=
			else {
				if($(this).hasClass("submenu_current")) {
					$(this).removeClass("submenu_current");
				}
			}
		} 
		// no anchor selected directly
		else {
			if($(this).hasClass("submenu_current")) {
				$("#submenu_" + submenuCounter + "_content").show();
			}
		}
		
		$(this).click(function() {
			submenuSwitch($(this).attr("id"));
			return false;
		});
		submenuCounter++;
	});
	
	// method to switch between submenu contents
	function submenuSwitch(submenuId) {
		
		if(typeof(submenuId) == 'undefined')	return;	
		// disable current submenu element class
		$(".submenu").children(".submenu_current").each(function() {
			$(this).removeClass("submenu_current");
		});
		// add current class
		$("#" + submenuId).addClass("submenu_current");
		// hide current submenu content
		$(".submenu_content").children(".submenu_row_content").each(function() {
			if($(this).is(":visible"))	$(this).hide();
		});
		// show only required
		$("#" + submenuId + "_content").show();
		
	} // submenuSwitch
	
});