var menu_middleActivating;
var subTimer_middle;

function showSubmenu_middle(subItem){
	//animate submenu_middle
	$("div.submenu_middlecontainerSlide", subItem).animate({
		height: $("div.submenu_middlecontainer", subItem).height()+1
	}, 350);
}

function hideSubmenu_middle(subItem){
	
	var container = $(subItem);
	
	//animate submenu_middlecontainer
	$("div.submenu_middlecontainerSlide", subItem).animate({
		height: 0
	}, 350, function(){
		//button change when submenu_middle is present
		$("div.menu_middle_selected[[@rel=deselected]", container).attr("class","menu_middleitem menu_middle_deselected");
	});
	
	//button hide when no submenu_middle is present
	$("div.menu_middle_selected[@rel=deselected]", subItem).attr("class","menu_middleitem menu_middle_deselected");
}

$(function() {
	
	//click menu_middle functions
	$("div.menu_middleitem").click(function(){
		location.href=$("a", this).attr("href");
	});
	
	//click submenu_middle functions
	$("div.submenu_middleitem").click(function(){
		location.href=$("a", this).attr("href");
	});
	
	//IE6 hack for submenu_middle flow above pulldowns
	if($("div.submenu_middlecontainerSlide").length > 0){
		$("div.submenu_middlecontainerSlide").bgiframe();
	}
	
	//start menu_middle animation
	$("div.menu_middlecontainer").bind("mouseenter", function(){
		
		if($("div.submenu_middlecontainerSlide:animated", this).size() == 0){
			var subItem = this;
			
			if(menu_middleActivating && menu_middleActivating != $(subItem).attr("rel")){
				//hide all
				var prevSubmenu_middleItem = $("div.menu_middlecontainer[@rel="+menu_middleActivating+"]");
				hideSubmenu_middle(prevSubmenu_middleItem);
			}
			
			menu_middleActivating = $(subItem).attr("rel");
			
			clearTimeout(subTimer_middle);
			
			//topmenu_middle button change
			$("div.menu_middle_deselected", this).attr("class","menu_middleitem menu_middle_selected");
			
			showSubmenu_middle(subItem);
			
			//alleen als submenu_middle aanwezig is
			if($("div.submenu_middlecontainerSlide", this).length > 0){
				$("div.menu_middle_selected", this).attr("class","menu_middleitem menu_middle_selected");
			}
		}
		
	}).bind("mouseleave", function(){
		var subItem = this;
		
		//als submenu_middle er is dan hide met delay anders button deselected
		if($("div.submenu_middlecontainerSlide", this).length > 0){
			subTimer_middle = setTimeout(function(){hideSubmenu_middle(subItem)}, 800);
		} else {
			//button hide when no submenu_middle is present
			$("div.menu_middle_selected[@rel=deselected]", subItem).attr("class","menu_middleitem menu_middle_deselected");
		}
	});
	
});