title: Javascript/CSS/PHP Hoverbox with various locations on mouseover
body: <p>I'm trying to get various locations to appear on a image with mouseovers. So basically I have an image and when you hover over a link nearby a hoverbox appears at the location specified in CSS on the image. However I'm trying to get it to happen with multiple links without creating code for each CSS box.</p>
  
  <p>I have something like 50 links and and when I hover over one I want to be able to pull from a db or text file to grab the location where it should create a hover on the image. My original thought was using PHP to help pull in the information from a file, put it into an array and then having the CSS update on the fly. This seems doable if the user just clicks the link as then I can tell CSS what place in the array to look for the location. I am unsure how I could get this to work with mouseovers if at all possible. </p>
  
  <p>The CSS code is very basic at the moment as shown below. 
  <code>#box {
  position: absolute;
  top: 100px;
  left: 200px;
  background-color: #ffffff;}</code></p>
  
  <p>Let me know if anything doesn't make sense or if I'm just forgetting something.</p>
  
  <p>Thank you!</p>