function getElm(elmId) {
  var elm;

  if (document.getElementById) {
    elm = document.getElementById(elmId);
  } else if (document.all) {
    elm = document.all[elmId];
  }

  return elm;
}

function listenToMenuImg(img) {
  if (img.attachEvent) {
    img.attachEvent('onmouseover', function (e) {img.src = img.overSrc;});
    img.attachEvent('onmouseout', function (e) {img.src = img.upSrc;});
  } else if (img.addEventListener) {
    img.addEventListener('mouseover', function (e) {img.src = img.overSrc;}, false);
    img.addEventListener('mouseout', function (e) {img.src = img.upSrc;}, false);
  }
}

var eMailInput;
var joinButton;
var preText = 'enter email for updates';

function validateEMail(addy) {
  var atPos = addy.indexOf('@');
  var dotPos = addy.lastIndexOf('.');
  return (atPos < 1 || dotPos - atPos < 2) ? false : true;
}

function joinList(clickEvt) {
  if (validateEMail(eMailInput.value)) {
    var frm = document.getElementById('joinForm');
    frm.submit();
  } else {
    eMailInput.focus();
    eMailInput.value = '';
    alert('Please enter a valid E-mail address.');
  }
}


function clearInput(e) {
  if (eMailInput && eMailInput.value == preText) {
    eMailInput.value = '';
  }
}

function setupMenu(e) {
  var imgDir = '/images/layout';

  var paulImg = getElm('menuPaul');
  paulImg.upSrc = imgDir + '/paulUp.jpg';
  paulImg.overSrc = imgDir + '/paulOver.jpg';

  var accomplishmentsImg = getElm('menuAccomplishments');
  accomplishmentsImg.upSrc = imgDir + '/accomplishmentsUp.jpg';
  accomplishmentsImg.overSrc = imgDir + '/accomplishmentsOver.jpg';

  var getInvolvedImg = getElm('menuGetInvolved');
  getInvolvedImg.upSrc = imgDir + '/getInvolvedUp.jpg';
  getInvolvedImg.overSrc = imgDir + '/getInvolvedOver.jpg';

  var issuesImg = getElm('menuIssues');
  issuesImg.upSrc = imgDir + '/issuesUp.jpg';
  issuesImg.overSrc = imgDir + '/issuesOver.jpg';

  var newsImg = getElm('menuNews');
  newsImg.upSrc = imgDir + '/newsUp.jpg';
  newsImg.overSrc = imgDir + '/newsOver.jpg';

  var multimediaImg = getElm('menuMultimedia');
  multimediaImg.upSrc = imgDir + '/multimediaUp.jpg';
  multimediaImg.overSrc = imgDir + '/multimediaOver.jpg';

  listenToMenuImg(paulImg);
  listenToMenuImg(accomplishmentsImg);
  listenToMenuImg(getInvolvedImg);
  listenToMenuImg(issuesImg);
  listenToMenuImg(newsImg);
  listenToMenuImg(multimediaImg);

  // listen to the form in the header
  joinButton = getElm('joinButton');
  eMailInput = getElm('eMail');
  eMailInput.value = preText;

  // remove the hint
  if (eMailInput.attachEvent) {
    eMailInput.attachEvent('onfocus', clearInput);
  } else if (eMailInput.addEventListener) {
    eMailInput.addEventListener('focus', clearInput, false);
  }

  // submit the form
  if (joinButton.attachEvent) {
    joinButton.attachEvent('onclick', joinList);
  } else if (joinButton.addEventListener) {
    joinButton.addEventListener('click', joinList, false);
  }
}

if (window.attachEvent) {
  window.attachEvent('onload', setupMenu);
} else if (window.addEventListener) {
  window.addEventListener('load', setupMenu, false);
}