var fadeOut;
var fades = new Array();

function showSubmenu(event, id) {
    
    var submenu = document.getElementById(id);

    if (fades[id]){
	fades[id][0].stop();
    }
    else{

	fades[id] = new Array(
	dojo.fadeOut({
	    node: id,
	    duration: 500,
	    onEnd: function(){
		document.getElementById(id).style.visibility = "hidden";
	    }
	    }),
	dojo.fadeIn({
	    node: id,
	    duration: 500
	}));
    }

    submenu.style.visibility = "visible";
    fades[id][1].play();

/*
	var submenu = document.getElementById(id);
	if (!fadeOut){
	  fadeOut = dojo.fadeOut({node: id,duration: 500, onEnd: function(){submenu.style.visibility = "hidden";}});
	}
	
	fadeOut.stop();
	submenu.style.visibility = "visible";
	dojo.fadeIn({node: id,duration: 500}).play();
	*/
}

function hideSubmenu(event, id) {
    //fadeOut.play();
    if (fades[id]) fades[id][0].play();
}