function showpopup(event, person)
  {
      /* TODO: mouse position needs to be in displayable window, not including unseen scroll region */
      /* figure out what quadrant the item is in and put the box in the diagonal quadrant */
      var popup         = document.getElementById("popup");
      var popup_content = document.getElementById("popup_content");
      var popup_header  = document.getElementById("popup_header");

      popup.style.visibility = "visible";

      var popupWidth   = 500;
      var popupHeight  = 300;
      var popupPadding = 20;  /* distance popup is from mouse location */

      var winWidth  = 0;
      var winHeight = 0;

     if (parseInt(navigator.appVersion)>3) {
         if (navigator.appName=="Netscape") {
             winWidth = window.innerWidth;
             winHeight = window.innerHeight;
         } else if (navigator.appName.indexOf("Microsoft")!=-1) {
             winWidth = document.body.offsetWidth;
             winHeight = document.body.offsetHeight;
             var popup_top_blue  = document.getElementById("popup_top_blue");
             var popup_bottom_white  = document.getElementById("popup_bottom_white");
             popup_top_blue.src = "images/pngfix.png";
             popup_top_blue.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup_top_blue_500.png', sizingMethod='scale')";
             popup_bottom_white.src = "images/pngfix.png";
             popup_bottom_white.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/popup_bottom_white_500.png', sizingMethod='scale')";

         }
      }

      mouseQuadrantX = event.clientX - (winWidth / 2);
      mouseQuadrantY = (winHeight / 2) - event.clientY;
      
      popup_header.innerHTML = person;

      if (person == "Joe Ashline") {
        popup_content.innerHTML = 
          "<table border=\"0\" cellpadding=\"4\" cellspacing=\"0\">" +
          " <tr valign=\"top\">" +
          "  <td> " +
 		  "   <img src=\"images/people/jashline_150x225.jpg\" width=\"175\"  alt=\"Joe Ashline\" />" +
          "  </td>" +
          "  <td valign=\"top\">" +
          "   Distribution Sales Manager<br/>" +
          "   <a href=\"mailto:joea@selmark.com\">joea@selmark.com</a><br/>" + 
          "  </td>" +
          " </tr>" +
          "</table>";
      } else if (person == "Judy Fraher") {
        popup_content.innerHTML = 
          "<table border=\"0\" cellpadding=\"4\" cellspacing=\"0\">" +
          " <tr valign=\"top\">" +
          "  <td> " +
 		  "   <img src=\"images/people/jfraher_150x225.jpg\" width=\"175\"  alt=\"Judy Fraher\" />" +
          "  </td>" +
          "  <td valign=\"top\">" +
          "   Distribution Inside Sales Manager<br/>" +
          "   <a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a><br/>" + 
          "  </td>" +
          " </tr>" +
          "</table>";
      } else if (person == "Scott Mason") {
        popup_content.innerHTML = 
          "<table border=\"0\" cellpadding=\"4\" cellspacing=\"0\">" +
          " <tr valign=\"top\">" +
          "  <td> " +
 		  "   <img src=\"images/people/smason_150x225.jpg\" width=\"175\"  alt=\"Scott Mason\" />" +
          "  </td>" +
          "  <td valign=\"top\">" +
          "   Distribution Account Manager<br/>" +
          "   <a href=\"mailto:smason@selmark.com\">smason@selmark.com</a><br/>" + 
          "  </td>" +
          " </tr>" +
          "</table>";
      } else if (person == "Sue Baccari") {
        popup_content.innerHTML = 
          "<table border=\"0\" cellpadding=\"4\" cellspacing=\"0\">" +
          " <tr valign=\"top\">" +
          "  <td> " +
 		  "   <img src=\"images/people/sbaccari_150x225.jpg\" width=\"175\"  alt=\"Sue Baccari\" />" +
          "  </td>" +
          "  <td valign=\"top\">" +
          "   Distribution Account Manager<br/>" +
          "   <a href=\"mailto:sbaccari@selmark.com\">sbaccari@selmark.com</a><br/>" + 
          "  </td>" +
          " </tr>" +
          "</table>";
      }

      if (mouseQuadrantX > 0) {
          /* put popup to left of where we are */
          popup.style.left = (event.clientX - popupWidth - popupPadding) + "px";
      } else { 
          /* put popup to right of where we are */
          popup.style.left = (event.clientX + popupPadding) + "px";
      }
      if (mouseQuadrantY > 0) {
          /* put popup below where we are */
          popup.style.top = (event.clientY - (popupPadding/2)) + "px";
      } else { 
          /* put popup above where we are */
          popup.style.top = (event.clientY - popupHeight - popupPadding) + "px";
      }

  }

  function hidepopup(event)
  {
      var popup = document.getElementById("popup");
      popup.style.visibility = "hidden";
  }

  function updatePeopleByState(state)
  {
      var home_people_content = document.getElementById("home_people_content");
      var html = "";
      if (state == "CT")
      {
          html += "<span class=\"state_heading\">Connecticut</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"2\">Outside Sales</th>";
          html += "  <th colspan=\"2\">Inside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/smason_150x225.jpg\" width=\"50\" title=\"Scott Mason\"></td>";
          html += "  <td>Scott Mason<br/><a href=\"mailto:smason@selmark.com\">smason@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
          html += " </tr>";
          html += "</table>";
      }
      else if (state == "MA")
      {
          html += "<span class=\"state_heading\">Massachusetts</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"4\">Outside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/delofson_150x213.jpg\" width=\"50\" title=\"David Elofson\"></td>";
          html += "  <td>David Elofson<br/><a href=\"mailto:delofson@selmark.com\">delofson@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/gmedige_150x225.jpg\" width=\"50\" title=\"George Medige\"></td>";
          html += "  <td>George Medige<br/><a href=\"mailto:gmedige@selmark.com\">gmedige@selmark.com</a></td>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/kinsani_150x225.jpg\" width=\"50\" title=\"Kristen Insani\"></td>";
          html += "  <td>Kristen Insani<br/><a href=\"mailto:kinsani@selmark.com\">kinsani@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/jashline_150x225.jpg\" width=\"50\" title=\"Joe Ashline\"></td>";
          html += "  <td>Joe Ashline<br/><a href=\"mailto:joea@selmark.com\">joea@selmark.com</a></td>";
	  html += " </tr>";
	  html += " <tr>";
          html += "  <th colspan=\"4\">Inside Sales</th>";
	  html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
	  html += "  <td><img src=\"images/people/kanderson_150x225.jpg\" width=\"50\" title=\"Kathy Anderson\"></td>";
          html += "  <td>Kathy Anderson<br/><a href=\"mailto:kanders@selmark.com\">kanders@selmark.com</a></td>";
	  html += " </tr>";
          html += "</table>";
      }
      else if (state == "ME")
      {
          html += "<span class=\"state_heading\">Maine</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"4\">Outside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/mwakefield_150x225.jpg\" width=\"50\" title=\"Michael Wakefield\"></td>";
          html += "  <td>Michael Wakefield<br/><a href=\"mailto:mwake@selmark.com\">mwake@selmark.com</a></td>";
	  html += " </tr>";
	  html += " <tr>";
          html += "  <th colspan=\"4\">Inside Sales</th>";
	  html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/kanderson_150x225.jpg\" width=\"50\" title=\"Kathy Anderson\"></td>";
          html += "  <td>Kathy Anderson<br/><a href=\"mailto:kanders@selmark.com\">kanders@selmark.com</a></td>";
          html += " </tr>";
          html += "</table>";
      }
      else if (state == "NH")
      {
          html += "<span class=\"state_heading\">New Hampshire</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"4\">Outside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/mwakefield_150x225.jpg\" width=\"50\" title=\"Michael Wakefield\"></td>";
          html += "  <td>Michael Wakefield<br/><a href=\"mailto:mwake@selmark.com\">mwake@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/jashline_150x225.jpg\" width=\"50\" title=\"Joe Ashline\"></td>";
          html += "  <td>Joe Ashline<br/><a href=\"mailto:joea@selmark.com\">joea@selmark.com</a></td>";
	  html += " </tr>";
          html += " <tr>";
          html += "  <th colspan=\"4\">Inside Sales</th>";
	  html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
          html += "  <td><img src=\"images/people/kanderson_150x225.jpg\" width=\"50\" title=\"Kathy Anderson\"></td>";
          html += "  <td>Kathy Anderson<br/><a href=\"mailto:kanders@selmark.com\">kanders@selmark.com</a></td>";
          html += " </tr>";
          html += "</table>";
      }
      else if (state == "RI")
      {
          html += "<span class=\"state_heading\">Rhode Island</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"4\">Outside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/kinsani_150x225.jpg\" width=\"50\" title=\"Kristen Insani\"></td>";
          html += "  <td>Kristen Insani<br/><a href=\"mailto:kinsani@selmark.com\">kinsani@selmark.com</a></td>";
          html += " </tr>";
          html += " <tr>";
          html += "  <th colspan=\"4\">Inside Sales</th>";
	  html += " </tr>";
	  html += " <tr>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
	  html += "  <td><img src=\"images/people/kanderson_150x225.jpg\" width=\"50\" title=\"Kathy Anderson\"></td>";
          html += "  <td>Kathy Anderson<br/><a href=\"mailto:kanders@selmark.com\">kanders@selmark.com</a></td>";
          html += " </tr>";
          html += "</table>";
      }
      else if (state == "VT")
      {
          html += "<span class=\"state_heading\">Vermont</span>";
          html += "<table id=\"people_table\">";
          html += " <tr>";
          html += "  <th colspan=\"4\">Outside Sales</th>";
          html += " </tr>";
          html += " <tr>";
          html += "  <td><img src=\"images/people/mwakefield_150x225.jpg\" width=\"50\" title=\"Michael Wakefield\"></td>";
          html += "  <td>Michael Wakefield<br/><a href=\"mailto:mwake@selmark.com\">mwake@selmark.com</a></td>";
          html += " </tr>";
          html += " <tr>";
          html += "  <th colspan=\"4\">Inside Sales</th>";
	  html += " </tr>";
	  html += " <tr>";
          html += "  <td><img src=\"images/people/jfraher_150x225.jpg\" width=\"50\" title=\"Judy Fraher\"></td>";
          html += "  <td>Judy Fraher<br/><a href=\"mailto:salesin@selmark.com\">salesin@selmark.com</a></td>";
	  html += "  <td><img src=\"images/people/kanderson_150x225.jpg\" width=\"50\" title=\"Kathy Anderson\"></td>";
          html += "  <td>Kathy Anderson<br/><a href=\"mailto:kanders@selmark.com\">kanders@selmark.com</a></td>";
	  html += " </tr>";
          html += "</table>";
      }
      home_people_content.innerHTML = html;
  }