$(document).ready(function() {

$("#placeholder").mouseover(showMenu);
$("#placeholder").mouseout(hideMenu);
$("#dhtmlMenu").mouseover(keepMenuOpen);
$("#dhtmlMenu").mouseout(hideMenu);

function keepMenuOpen(ev) {
  $("#dhtmlMenu").show();
  $("#placeholder").css('backgroundPosition', '0px -50px');
}

function hideMenu(ev) {
  $("#dhtmlMenu").hide();
  $("#placeholder").removeAttr("style");
}

function showMenu(ev) {
  //get the position of the placeholder element
  var pos = $("#placeholder").offset();  
  var height = $("#placeholder").height();
  //show the menu directly over the placeholder
  $("#dhtmlMenu").css( { "left": (pos.left) + "px", "top":pos.top + height + "px", "z-index":"10" } );
  $("#dhtmlMenu").show();
}
});