/**
 * Menu v 0.0.1 - utilities to attach event handlers to elements in menu style heirarchies
 * and to 'menufy' specific tags within a menu layout.
 * TODO: Better use of selectors when menufying, removal of link tag dependency.
 */
var Menu = {
  // Attach a click handler to an element.
  attach: function(element, options) {
    if ($(element)) {
        var event_type = options['event_type'] || 'click';
        var href = options['href'] || location.href + '#';
        var handler = options['handler'] || function(){location.href=href;};
        Event.observe($(element),event_type,handler);
        $(element).setStyle({'cursor':'hand','cursor':'pointer'});
    }
  },
  menufy: function(elementId, options) {
    if ($(elementId)) {
      var kids = options['tag_name'] ? $(elementId).getElementsByTagName(options['tag_name']) : $(elementId).getElements();
      for (var ii = 0; ii < kids.length; ii++) {
        var href = null;
        var link_els = kids[ii].getElementsByTagName("a");
        if (link_els.length > 0) {
          href = link_els[0].href;
          Menu.attach(kids[ii],{'href':href});
        }
      }
    }
  }
}