var ENTER_KEY = 13;
var ESC_KEY = 27;

$(function() {
// Create dropdown menus
 $(".dropmenu a").live('click',function() {
  // Fetch the dropdown ID
  var menuId = "#" + this.id.replace(/^menu_/,"menu_content_");
  $(".dropmenu ul").not(menuId).fadeOut(300);
  $(".dropmenu a").not(menuId).removeClass("selected");
  
  $(menuId).fadeIn(200);
  // Active click class
  if($(menuId).css("display") == "none"){
   $(this).removeClass("selected");
  } else {
   $(this).addClass("selected");
  };
 });
 
 // Hide by clicking dropdown link
 $("#dropmenu ul li a").click(function() {
  var text = $(this).html();
  $(".dropmenu a").html(text);
  $(".dropmenu ul").hide();
 });
 
 // Hide by clicking anywhere on the page
 $(document).bind('click', function(e) {
  var $clicked = $(e.target);
  if (! $clicked.parents().hasClass("dropmenu")){
   $('.dropmenu ul').fadeOut(300); 
   $(".dropmenu a").removeClass("selected");
  };
 });

 // Hide by key press
 $(document).keyup(function(e) {
  if (e.keyCode == ESC_KEY) {
   $('.dropmenu ul').fadeOut(300); 
   $(".dropmenu a").removeClass("selected");
  }
 });
});