function popup(p, e) {
  var title = ''; var content = 'content'
  switch (p) {
    case 1:
      title = 'calendar';
      showNote2(content, title, e)
      break;
    case 2:
      title = 'home';

      break;
    case 3:
      title = 'gift tag';

      break;
  }
}
function showhoverbox1(p) {

  switch (p) {
    case 1:
      document.getElementById('htitlea').innerHTML = 'Select Start Date'
      document.getElementById('htexta').innerHTML = 'Once at the checkout if you click on this icon you will be able to select when you would like your magazine subscription to start.'
      break;
    case 2:
      document.getElementById('htitlea').innerHTML = 'Select Address'
      document.getElementById('htexta').innerHTML = 'Once at the checkout clicking this icon will allow you to specify where and to whome you magazine(s) to be sent.'

      break;
    case 3:
      document.getElementById('htitlea').innerHTML = 'Add a gift tag'
      document.getElementById('htexta').innerHTML = 'If the magazine is going to a friend, relative or co-worker, clicking on this icon will allow you to add a gift tag to the magazine(s)'

      break;
  }


  document.getElementById('hoverboxa').style.top = (tempY + 25) + 'px';
  document.getElementById('hoverboxa').style.left = (tempX - 25) + 'px';
  document.getElementById('hoverboxa').style.display = 'block';
}

function hidebox2() {
  document.getElementById('hoverboxa').style.top = tempY + 'px';
  document.getElementById('hoverboxa').style.left = tempX + 'px';
  document.getElementById('hoverboxa').style.display = 'none';
}