/**
 * Switches on/off a main menu layer, depending on the current trigger.
 * Uses the html-id of the triggering element to build the id of the menu layer to toggle on or off.
 *
 * @return void
 */
function toggleHoverTarget() {
	// ID des Triggers ergibt die ID des Menue Layers
	$( '#'+$(this).attr('id').replace( '_HoverSwitch', '') ).fadeToggle('fast');
}

$(document).ready(function() {
	/* configure and init JQuery HoverIntent Plugin for all elements whose "id"
	 * ends on "_HoverSwitch"
	 */
	$('[id $= "_HoverSwitch"]').hoverIntent({
		over: toggleHoverTarget,
		timeout: 300, // number = milliseconds delay before onMouseOut
		out: toggleHoverTarget
	}); // alle Level 1 Items erhalten Hover
});

