function MastheadMenuManager() {
}

MastheadMenuManager.prototype.theMastheadSubmenuManager = null;

MastheadMenuManager.prototype.setMastheadSubmenuManager = function(aMastheadSubmenuManager) {
  this.theMastheadSubmenuManager = aMastheadSubmenuManager;
}

// Submenu manager
MastheadMenuManager.prototype.onMouseOver = function(aLink) {
  var myItem = this.getItemForLink(aLink);
  this.showSubmenu(myItem);
  //document.getElementById('mastheadSubmenuLayer_' + myItem).style.visibility = 'visible';
}

MastheadMenuManager.prototype.onMouseOut = function(aLink) {
  var myItem = this.getItemForLink(aLink);
//  this.highlightOff(myItem);
  this.hideSubmenu(myItem);
  //document.getElementById('mastheadSubmenuLayer_' + myItem).style.visibility = 'hidden';
}

MastheadMenuManager.prototype.showSubmenu = function(aItem) {
  this.theMastheadSubmenuManager.show(aItem);
}

MastheadMenuManager.prototype.hideSubmenu = function(aItem) {
  this.theMastheadSubmenuManager.hide(aItem);
}

MastheadMenuManager.prototype.getItemForLink = function(aLink) {
  var myItem = aLink.id.substr(21,2);
  return myItem;
}

MastheadMenuManager.prototype.getTdForItem = function(aItem) {
  return document.getElementById('mastheadMenuItemTd_' + aItem);
}

MastheadMenuManager.prototype.getLinkForItem = function(aItem) {
  return document.getElementById('mastheadMenuItemLink_' + aItem);
}
///////////////////////////////////////////////////////////////////////////////////

function MastheadSubmenuManager() {
}

MastheadSubmenuManager.prototype.theMastheadMenuManager = null;

MastheadSubmenuManager.prototype.setMastheadMenuManager = function(aMastheadMenuManager) {
  this.theMastheadMenuManager = aMastheadMenuManager;
}

MastheadSubmenuManager.prototype.onMouseOver = function(aObject) {
  if (aObject.id.substr(15,5).toUpperCase() == 'LAYER')
    this.onMouseOverLayer(aObject);
  else
    this.onMouseOverTd(aObject);
}

MastheadSubmenuManager.prototype.onMouseOut = function(aObject) {
  if (aObject.id.substr(15,5).toUpperCase() == 'LAYER')
    this.onMouseOutLayer(aObject);
  else
    this.onMouseOutTd(aObject);
}

MastheadSubmenuManager.prototype.onMouseOverLayer = function(aLayer) {	
  var myItem = this.getItemForLayer(aLayer);
  this.show(myItem);
//  this.highlightOnMenu(myItem);
}

MastheadSubmenuManager.prototype.onMouseOutLayer = function(aLayer) {
  var myItem = this.getItemForLayer(aLayer);
  this.hide(myItem);
//  this.highlightOffMenu(myItem);
}

MastheadSubmenuManager.prototype.onMouseOverTd = function(aTd) {	
  aTd.style.backgroundColor = '#336699';
  var myItem = this.getItemForTd(aTd);
  var myLink = this.getLinkForItem(myItem);
  myLink.style.color = '#FFFFFF';
}

MastheadSubmenuManager.prototype.onMouseOutTd = function(aTd) {
  aTd.style.backgroundColor = '#CCCCCC';
  var myItem = this.getItemForTd(aTd);
  var myLink = this.getLinkForItem(myItem);
  myLink.style.color = '#000000';
}

MastheadSubmenuManager.prototype.show = function(aItem) {
  var myLayer = this.getLayerForItem(aItem);
  if (myLayer != null)
    myLayer.style.visibility = 'visible';
}

MastheadSubmenuManager.prototype.hide = function(aItem) {
  var myLayer = this.getLayerForItem(aItem);
  if (myLayer != null)
    myLayer.style.visibility = 'hidden';
}

MastheadSubmenuManager.prototype.highlightOnMenu = function(aItem) {
//  this.theMastheadMenuManager.highlightOn(aItem);
}

MastheadSubmenuManager.prototype.highlightOffMenu = function(aItem) {
//  this.theMastheadMenuManager.highlightOff(aItem);
}

MastheadSubmenuManager.prototype.getItemForLayer = function(aLayer) {
  return aLayer.id.substr(21,2);
}

MastheadSubmenuManager.prototype.getItemForLink = function(aLink) {
  return aLink.id.substr(24,5);
}

MastheadSubmenuManager.prototype.getItemForTd = function(aTd) {
  return aTd.id.substr(22,5);
}

MastheadSubmenuManager.prototype.getTdForItem = function(aItem) {
  return document.getElementById('mastheadSubmenuItemTd_' + aItem);
}

MastheadSubmenuManager.prototype.getLinkForItem = function(aItem) {
  return document.getElementById('mastheadSubmenuItemLink_' + aItem);
}

MastheadSubmenuManager.prototype.getLayerForItem = function(aItem) {
  return document.getElementById('mastheadSubmenuLayer_' + aItem);
}