/* preload images */
var k=0;
var Pic = new Array();

Pic[k++] = "/map-images/nzmap-northland.gif";
Pic[k++] = "/map-images/nzmap-auckland.gif";
Pic[k++] = "/map-images/nzmap-waikato.gif";
Pic[k++] = "/map-images/nzmap-coromandel.gif";
Pic[k++] = "/map-images/nzmap-bayofplenty.gif";
Pic[k++] = "/map-images/nzmap-canterbury.gif";
Pic[k++] = "/map-images/nzmap-chch.gif";
Pic[k++] = "/map-images/nzmap-eastland.gif";
Pic[k++] = "/map-images/nzmap-fiordland.gif";
Pic[k++] = "/map-images/nzmap-hawkesbay.gif";
Pic[k++] = "/map-images/nzmap-marlborough.gif";
Pic[k++] = "/map-images/nzmap-nelson.gif";
Pic[k++] = "/map-images/nzmap-otago.gif";
Pic[k++] = "/map-images/nzmap-queenstown.gif";
Pic[k++] = "/map-images/nzmap-rangitikei.gif";
Pic[k++] = "/map-images/nzmap-rotorua.gif";
Pic[k++] = "/map-images/nzmap-southland.gif";
Pic[k++] = "/map-images/nzmap-stewartisland.gif";
Pic[k++] = "/map-images/nzmap-taranaki.gif";
Pic[k++] = "/map-images/nzmap-taupo.gif";
Pic[k++] = "/map-images/nzmap-waikato.gif";
Pic[k++] = "/map-images/nzmap-wellington.gif";
Pic[k++] = "/map-images/nzmap-westcoast.gif";

var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
    preLoad[i] = new Image()
    preLoad[i].src = Pic[i]
}



var selectMap = function (map) {
  var el = document.getElementById('innerMap');
  el.style.backgroundImage = "url(/map-images/nzmap-" + map.id + ".gif)";
}
      
var deselectMap = function() {
  var el = document.getElementById('innerMap');
  el.style.backgroundImage = "url(/map-images/nzmap.gif)";
}
      
childNodesWithTagName = function(node, name) {
  var elements = [];
  var theName = name.toLowerCase();
  for (var i = 0; i < node.childNodes.length; i++)
  {
    if (node.childNodes[i].tagName && node.childNodes[i].tagName.toLowerCase() == theName)
      {
	elements.push(node.childNodes[i]);
      }
  }
  return elements;
}
      
function addHooks(node)
{
  node.onmouseover = function(e) { selectMap(node); };
  node.onmouseout = deselectMap;
}
      

function attachMouseOvers()
{
  var children = childNodesWithTagName(document.getElementById('north'), 'li');
  for (var i = 0; i < children.length; i++)
    {
      var node = childNodesWithTagName(children[i], 'a')[0];
      addHooks(node);
    }

  var children = childNodesWithTagName(document.getElementById('south'), 'li');
  for (var i = 0; i < children.length; i++)
    {
      var node = childNodesWithTagName(children[i], 'a')[0];
      addHooks(node);
    }
}
      
var isIE = ! (document["all"] === undefined);      
if (! isIE)
     window.addEventListener("load", attachMouseOvers, false);
     else
     window.attachEvent("onload", attachMouseOvers);