Importing data into x/y coordinates from external source for image map

Well, I'm at a loss as what to do.
I'll be honest, I'm new to JavaScript. Over the last little while I've been working on something for my co-op placement using JavaScript.

But I've hit a snag - so far I've managed to create the basics of the project. The problem is that what I'm doing will take centuries to hardcode. I need to make this code more manageable for the poor sap that gets it when I'm gone from this placement.

What it is, is a huge map of our computer research building. What it's supposed to do is highlight each room, and display what that room actually is. Hardcoding everything simply is not an option. There are easily hundreds of rooms on a single floor (there are three that I have to worry about).
Since the map is too big for it to fit comfortably on a standard screen, what I've done is I have divided up the map, and when you click on a highlighted portion it opens up another window with a cropping of the larger map, containing only the highlighted portion (and then you can highlight specific rooms).

What I want to do is have it so that I can put all the data I've got into a CSV or something similar and get JavaScript to stick all the values I need into an array which it can then use to make it highlight.
Normally hardcoding this sort of thing would be easiest, but there is a lot of data and I also need to list all the rooms on the map-slice so that people can find them without looking at each individual room.

What I need is a way to have it grab the data it needs and automatically put it into the array. It would also be helpful it if could grab the room's description and actually know what number it is so it can display that too (somewhere off to the side).

If you're confused, the page is (fortunately) on the internet:
http://www.cs.uwaterloo.ca/~dgoetze/NewKiosk/kiosk_location_map_daviscenter_floor3.html"]http://www.cs.uwaterloo.ca/~dgoetze/NewKiosk/kiosk_location_map_daviscenter_floor3.html (if you go to this page, hover your mouse over the red text under the map, so you can see what to click on to open up the individual room viewer)

This is part of the code I have to worry about:

<script type="text/javascript">

  var marker, markersrc, markersize;
  var isIE = (document.all && navigator.userAgent.indexOf("Opera")==-1);
  var coordx   = new Array(25);
  var coordy   = new Array(25);
  
  if (isIE) {
    markersrc = "dotters/location_dotter_drkblue.png";
  } else {
    markersrc = "dotters/location_dotter_drkblue.png";
  }
  
  markersize = 32;

  // Room 3582
  coordx[1]   = 25;
  coordy[1]   = 20;
  
  function mapinit () {
  
    var map = document.getElementById("map");
    map.style.width = "159px";
    map.style.height = "214px";
    map.style.backgroundImage = "url('hallwayblock_4_floor3.png')";
    map.style.position = "relative"; // to position marker
    
    marker = new Image();
    marker.src = markersrc;
    marker.alt = "";
    marker.style.display = "none";
    marker.style.position = "absolute";
    map.appendChild(marker);
   
  }
  
  function maphide () {
    marker.style.display = "none";
  }
  
  function mapshow (city) {
    var offset = 0 - (markersize/2);
    var x = coordx[city] + offset;
    var y = coordy[city] + offset;
    marker.style.left = x + "px";
    marker.style.top = y + "px";
    marker.style.display = "block";
  }
    
  window.onload = mapinit;
</script>

Code (markup):

And this is the other part of the code:
(I need some way of generating one of those anchors at the bottom for every single room viewable...)

<div align=center>
<map name="DCbuildingMap">
<area
   onclick="InformationScript('Hallways/hallwayblock4.shtml');"
   onmouseover="mapshow(1);" onmouseout="maphide();"
   ALT="Contacts" TITLE="Room DC3582"
   shape=rect coords="3,3,39,20">
<area>
</map>

<img src="screens/hallwayblock_4_floor3_screen.png"
   alt="Map of the Davis Center" border=0 style="left: 8px; top: 28px; position: absolute"
   usemap="#DCbuildingMap"><BR>

[ <A ALT="The 'red hallway' is only red on the virtual map! It is not actually red!"
 onclick="InformationScript('Hallways/hallwayblock4.shtml');"
 onclick="_______Not_Done!___Supposed_to_load_information_about_the_room_to_the_right_of_the_map____('RoomDC3582');"
 onmouseover="mapshow(1);"
 onmouseout="maphide();">
 <font color="blue"><b><u>Room DC3582</b></u></font></a>
 </A> ]

</DIV>

Code (markup):

The point of this project is to help students figure out where they're going, and possibly give them a little picture of what their prof looks like.

At this point I'd really like to finish this up before Christmas so I don't have to work on the break... any help from you guys would be appreciated. A friend of mine suggested PHP, but I'm even less fluent with PHP and I want to try and not cross multiple languages (so that it's less bewildering to the guy who's put in charge of this project).

Thank you in advance for all you guys n' girls who look at this issue!
(also, sorry for the lengthly post ...)