var menuActivating;
var subTimer;

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

function hideSubmenu(subItem){

	var container = $(subItem);

	//animate submenucontainer
	$("div.submenucontainerSlide", subItem).animate({
		height: 0
	}, { queue:false, speed: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();
	}

	//start menu animation
	$("div.menucontainer").bind("mouseenter", function(){
			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");
		}
	});

});