var menuActivating;
var subTimer;

function showSubmenu(subItem){
	//animate submenu
	$("div.submenucontainerSlide", subItem).animate({
		height: $("div.submenucontainer", subItem).height()
	}, 350);
}

function hideSubmenu(subItem){
	
	var container = $(subItem);
	
	//animate submenucontainer
	$("div.submenucontainerSlide", subItem).animate({
		height: 0
	}, 350, function(){
		//button change when submenu is present
		$("div.menu_selected[[@rel=deselected]", container).attr("class","menuitem menu_deselected");
	});
	
	//button hide when no submenu is present
	$("div.menu_selected[@rel=deselected]", subItem).attr("class","menuitem menu_deselected");
}

$(function() {
	
	//click menu functions
	$("div.menuitem").click(function(){
		location.href=$("a", this).attr("href");
	});
	
	//click submenu functions
	$("div.submenuitem").click(function(){
		location.href=$("a", this).attr("href");
	});
	
	//IE6 hack for submenu flow above pulldowns
	if($("div.submenucontainerSlide").length > 0){
		$("div.submenucontainerSlide").bgiframe();
	}
	
	$("div.menucontainer").bind("mouseenter", function(){
		
		if($("div.submenucontainerSlide:animated", this).size() == 0){
			var subItem = this;
			
			if(menuActivating && menuActivating != $(subItem).attr("rel")){
				//hide all
				var prevSubmenuItem = $("div.menucontainer[@rel="+menuActivating+"]");
				hideSubmenu(prevSubmenuItem);
			}
			
			menuActivating = $(subItem).attr("rel");
			
			clearTimeout(subTimer);
			
			//topmenu button change
			$("div.menu_deselected", this).attr("class","menuitem menu_selected");
			
			showSubmenu(subItem);
			
			//alleen als submenu aanwezig is
			if($("div.submenucontainerSlide", this).length > 0){
				$("div.menu_selected", this).attr("class","menuitem menu_selected");
			}
		}
		
	}).bind("mouseleave", function(){
		var subItem = this;
		
		//als submenu er is dan hide met delay anders button deselected
		if($("div.submenucontainerSlide", this).length > 0){
			subTimer = setTimeout(function(){hideSubmenu(subItem)}, 800);
		} else {
			//button hide when no submenu is present
			$("div.menu_selected[@rel=deselected]", subItem).attr("class","menuitem menu_deselected");
		}
	});
	
});