var oldposition = {classname:'',oldel:null};

var i = 0;

function highlightArea(classname,main)
{
  var el = document.getElementById('highlighter');

  if(main)
    oldposition.classname = classname;
  
  Spif.Utils.setTimeoutHandler(function(){Spif.ClassNameAbstraction.set(el,"morph "+classname);},100);
  
}

function hidehighlightArea()
{
  var el = document.getElementById('highlighter');
  Spif.Utils.setTimeoutHandler(function(){Spif.ClassNameAbstraction.set(el,"morph "+oldposition.classname);window.status +=oldposition.classname; },100);
  //doMessage("old used:"+oldposition.classname);
}

function showOverlay(src, link,classname)
{
  if(oldposition.oldel)
    oldposition.oldel.className = '';
  
  
  var overlay = document.getElementById('overlay');
  var poi = document.getElementById('pointOfInterest');
  var poitext = document.getElementById('pointOfInterest_text');
  
  if(overlay.getAttribute('src').indexOf(src) == -1)
  {
    link.className = 'darkred';
    oldposition.oldel = link;
    overlay.setAttribute("src",src);
    highlightArea(classname,true);
    poitext.innerHTML = document.getElementById(link.getAttribute("id")+"_content").innerHTML
    poi.style.display = 'block';
  }
  else  
  {
    oldposition.oldel = null;
    overlay.setAttribute("src",'/img/nix.gif');
    oldposition.classname = "base";
    hidehighlightArea();
    poi.style.display = 'none';
  }
  

}

function doMessage(str)
{
  var el = document.createElement("div");
  document.getElementById('messages').appendChild(el);
  el.innerHTML = str;
}