var svgns = "http://www.w3.org/2000/svg";
var xlinkns = "http://www.w3.org/1999/xlink";

var SVGDoc;
var SVGRoot;

var debug = true;
var debug_div;
var debug_msg = '';

var style;
var styleParts = new Array();

var fontFamily = 'sans-serif';
var fontSize = '250';

function Initialize() 
{

  var htmlObj = document.getElementById('map');
  SVGDoc = htmlObj.getSVGDocument();
  SVGRoot = SVGDoc.documentElement;

  debug_div = document.getElementById('debug_div');
  if (debug_div) {
    debug_msg = 'Got the debug_div.</br>';
  } else {
    debug_msg = 'Failed to get the debug_div.</br>';
  }

  var rects = SVGDoc.getElementsByTagName('rect');
  var rectArray = [];
  for(var i=0;i<rects.length;i++){
      rectArray.push( rects.item(i) );
  }

  debug_msg += 'Got ' + rectArray.length + ' rect elements.</br>';
  for (var i=0;i<rectArray.length;i++) {
    rectArray[i].addEventListener("mouseover", makeOpaque, false);
    rectArray[i].addEventListener("mouseout", makeClear, false);
  }
  printDebug();
}

function makeOpaque(evt) {
  var target = evt.target;
  target.style.setProperty("fill-opacity", "0.7", "");
  var group = target.parentNode.parentNode;
  var id = group.getAttribute('id');
   
  var textParts = id.replace(/and/g, '</br>&</br>');
  var tempString;
/*
  for (var i=0; i < textArray.length; i++) {
    tempString = textArray[i].replace(/_/g,' ');
    debug_msg += tempString;
  }
*/
  printDebug();
}

function makeClear(evt) {
  var target = evt.target;
  target.style.setProperty("fill-opacity", "0", "");
  debug_div.innerHTML = '';
}

function printDebug() {
  if (debug) {
    debug_div.innerHTML = debug_msg;
    debug_msg = '';
  }
}