function initialize() {
  $$('#categories > li').each(function(e) { Event.observe(e, 'mouseover', showSubcategory) });
  $$('#categories > li').each(function(e) { Event.observe(e, 'mouseout', hideSubcategory) });
}

function showSubcategory(event) {
  var source = Event.element(event);
  var listElement = source.up('ul#categories > li');
  
  listElement.addClassName('selected');
  
  listElement.down('.submenu').show();
}

function hideSubcategory(event) {
  var source = Event.element(event);
  var listElement = source.up('ul#categories > li');
  
  listElement.removeClassName('selected');
  
    if (!listElement.hasClassName('selected')) {
      listElement.down('.submenu').hide();
    }
}

function initializeItemBox(name, el) {
  $$(name).each ( function (s) {
    Event.observe(s.up(el), 'mouseover', function(e) {
      Event.element(e).up(el).addClassName('active');
    });
    
    Event.observe(s.up(el), 'click', function(e) {
      location.href = Event.element(e).up(el).down('a').readAttribute('href');
    });
  });
  
  $$(name).each ( function (s) {
    Event.observe(s.up(el), 'mouseout', function(e) {
      Event.element(e).up(el).removeClassName('active');
    });
  });
}