dom.event.addEvent(window, 'load', start);

function start(){
  var result = document.evaluate('//img[@class="roll"]', document, null, 7, null);

  for(var i=0; i<result.snapshotLength;i++){
    dom.event.addEvent(result.snapshotItem(i), "mouseover", roll);
    dom.event.addEvent(result.snapshotItem(i), "mouseout", rollout);
  }

  var r2 = document.evaluate('//img[@class="level_2-more"]', document, null, 7, null);
  for(var i=0; i<r2.snapshotLength;i++){
    dom.event.addEvent(r2.snapshotItem(i), "click", popup);
    dom.event.addEvent(r2.snapshotItem(i), "mouseout", popdown);
  }
  
}

function popup(evt){
  var tar = dom.event.target(evt);
  var pos = dom.pos.getElemPos(tar);

  var text = document.evaluate('./../../div[@class="level_2-popup"]', tar, null, 7, null);
  var div = document.createElement("div");
  var clone = text.snapshotItem(0).cloneNode(true);
  clone.style.display = "block";
  div.appendChild(clone);
  div.id = "popup";

  div.style.display = "block";

  div.style.top = dom.pos.pointerY(evt) - 170 + 'px';
  div.style.left = dom.pos.pointerX(evt) - 100 + 'px';

  

  
  //div.style.top = dom.pos.scrollTop() + (dom.pos.winHeight() / 2 ) -100  +"px";
  //div.style.left = (dom.pos.winWidth() /2 ) - 200 + "px";
  document.body.appendChild(div);

  
}
function popdown(evt){
  var pop = document.getElementById("popup");
  if(pop){
      pop.parentNode.removeChild(pop);
  }
}


function roll(evt){
  var tar = dom.event.target(evt);
  tar.className = "roll2";
}

function rollout(evt){
  var tar = dom.event.target(evt);
  tar.className = "roll";
}