/*!
 * JavaScript Functions
 */

// Document Ready Function

	function navi (flyoutnumber) {
		$(document).ready(function() {

			//Initialize slideToggle Flyout
			var activeFlyout = 0;
			var overNaviItem = 0;
			
			activeMenuItemId = $("#first").find(".active").attr("id");
			
			$("#first_" + flyoutnumber).hover(
			function() {
				overNaviItem = flyoutnumber;
				if(activeFlyout != flyoutnumber){
					activeFlyout = flyoutnumber;
					$("#first_" + flyoutnumber).addClass("active");
					delay = setTimeout(function(){
						if(overNaviItem == flyoutnumber)
							$("#second_" + flyoutnumber).slideDown(300);
					}, 300);
				}
				else{
					clearTimeout(delay);
					activeFlyout = flyoutnumber;
				}
			},
			function() {
				overNaviItem = 0;
				delay = setTimeout(function(){
						$("#second_" + flyoutnumber).slideUp(200, function(){
							activeFlyout = 0;
							if(activeMenuItemId != $("#first_" + flyoutnumber).attr("id"))
								$("#first_" + flyoutnumber).removeClass("active");});
				}, 100);
			}
		);
		$("#second_" + flyoutnumber).hover(
			function() {
				clearTimeout(delay);
				activeFlyout = flyoutnumber;
			},
			function() {
				delay = setTimeout(function(){
						$("#second_" + flyoutnumber).slideUp(200, function(){
							activeFlyout = 0;
							if(activeMenuItemId != $("#first_" + flyoutnumber).attr("id"))
								$("#first_" + flyoutnumber).removeClass("active");});
				}, 100);
			}
		);
		
		});

	}