YAHOO.namespace('vs.overlay');
YAHOO.vs.overlay = function() {
  var foo = null,
      hidemenu = function(e) {
        var overlay = YAHOO.util.Dom.getElementsByClassName('overlay', 'div', this);
        if (overlay) {
          overlay = overlay[0];
          YAHOO.util.Dom.setStyle(overlay, 'display', 'none');
        }
      },
      showmenu = function(e) {
        var overlay = YAHOO.util.Dom.getElementsByClassName('overlay', 'div', this);
        if  (overlay) {
          overlay = overlay[0];
          YAHOO.util.Dom.setStyle(overlay, 'display', 'block');
          YAHOO.util.Dom.setStyle(overlay, 'position', 'absolute');
        }
      },
      _init = function() {
        // set all the event handlers first
        var els = YAHOO.util.Dom.getElementsByClassName('more-info', 'td');
        if  (els) {
          for(var i=0;i<els.length;i+=1) {
            YAHOO.util.Event.addListener(els[i], 'mouseover', showmenu);
            YAHOO.util.Event.addListener(els[i], 'mouseout', hidemenu);
            // set the right cursor
            YAHOO.util.Dom.setStyle(els[i], 'cursor', 'pointer');
          }
        }
        // find all the elements and hide them
        var els = YAHOO.util.Dom.getElementsByClassName('overlay', 'div');
        if (els) {
          for(var i=0;i<els.length;i+=1) {
            YAHOO.util.Dom.setStyle(els[i], 'display', 'none');
          }
        }
      };
  return {
    init: function() {
      _init();
    }
  };
}();
YAHOO.util.Event.onDOMReady(YAHOO.vs.overlay.init);
// /*global YAHOO, window */
// var vs = vs || {};
// vs.overlay = function() {
//   var eventhndlr    = null,
//       prev_overlay  = null,
//       delay         = 100,
//       _hidemenu_ctx = null,
// 
//       _hidemenu = function() {
//         // get the object
//         var els = YAHOO.util.Dom.getElementsByClassName('overlay', 'div', _hidemenu_ctx);
//         if (els && (1 == els.length)) {
//           els = els[0];
//           YAHOO.util.Dom.setStyle(els, 'display', 'none');  // hide it
//         }
//       },
// 
//       hidemenu = function(e) {
//         _hidemenu_ctx = this;
//         eventhndlr = window.setTimeout(_hidemenu, delay);
//       },
// 
//       showmenu = function() {
//         /* cancel any event */
//         if (eventhndlr) {
//           window.clearTimeout(eventhndlr);
//           eventhndlr = null;
//         }
// 
//         /* if there is a prev menu hide that */
//         if (prev_overlay && (null === eventhndlr)) {
//           YAHOO.util.Dom.setStyle(prev_overlay, 'display', 'none');
//         }
//         
//         // get acces to the content
//         var o = YAHOO.util.Dom.getElementsByClassName('overlay', 'div', this);
//         if (o && (1 == o.length)) {
//           o = o[0];
//           var pos = YAHOO.util.Dom.getXY(this);
//           // get the postion of the parent
//           YAHOO.util.Dom.setStyle(o, 'display',   'block');
//           YAHOO.util.Dom.setStyle(o, 'left',      pos[0] + 10 + 'px');
//           YAHOO.util.Dom.setStyle(o, 'top',       pos[1] + 40 + 'px');
//           prev_overlay = o;
//         }
//       },
//       _init = function() {
//         // check if js was enabled
//         var els = YAHOO.util.Dom.getElementsByClassName('more-info', 'td');
//         if (els) {
//           YAHOO.util.Event.addListener(els, 'mouseover', showmenu);
//           YAHOO.util.Event.addListener(els, 'mouseout', hidemenu);
//         }
//       };
//   return {
//     init: function() {
//       _init();
//     }
//   };
// }();
// YAHOO.util.Event.onDOMReady(vs.overlay.init);