
function getId(id) {
  return document.getElementById(id)
}

function hideMe(me) { 
  document.getElementById(me).style.display = "none"; 

  switch(getId(me)) {
    case getId('one'):
    getId('iconone').style.border='solid 1px #999';
    break;
    case getId('two'):
    getId('icontwo').style.border='solid 1px #999';
    break;
    case getId('three'):
    getId('iconthree').style.border='solid 1px #999';
    break;
    case getId('four'):
    getId('iconfour').style.border='solid 1px #999';
    break;
    case getId('five'):
    getId('iconfive').style.border='solid 1px #999';
    break;

  }
}

function showMe(me) { 
  document.getElementById(me).style.display = "block";

  switch(getId(me)) {
    case getId('one'):
    getId('iconone').style.border='solid 1px #F00';
    break;
    case getId('two'):
    getId('icontwo').style.border='solid 1px #F00';
    break;
    case getId('three'):
    getId('iconthree').style.border='solid 1px #F00';
    break;
    case getId('four'):
    getId('iconfour').style.border='solid 1px #F00';
    break;
    case getId('five'):
    getId('iconfive').style.border='solid 1px #F00';
    break;
  }
}
