﻿function init(){
    var div_overlay = document.createElement('div');
    var div_container = document.createElement('div');
    var div_inner = document.createElement('div');
    var div_id = 'pop_overlay';
    div_overlay.setAttribute('id',div_id);
    document.body.appendChild(div_overlay);
    
    div_id = 'pop_container';
    div_container.setAttribute('id',div_id);
    document.body.appendChild(div_container);
    
    div_id = 'pop_inner';
    div_inner.setAttribute('id',div_id);
    document.getElementById('pop_container').appendChild(div_inner);
            
    hideDivs();
    document.getElementById('pop_overlay').style.display='none';
    document.getElementById('pop_container').style.display='none';
};

function popUp(LinkID)
{
  var check = document.getElementById('pop_overlay').style.display;
  var div = document.getElementById('details_' + LinkID)
  var link =document.getElementById('showdetails_' + LinkID)
  var title
  if (link){
    title = "<h3>" + link.innerHTML + "</h3>";
  }else{
    title = "";
  };
  if (div) {
     document.getElementById('pop_inner').innerHTML = title + div.innerHTML + "<a href='#' onClick='javascript:popUp();'><img src='b_close.gif' alt='Close' class='right' border='0' /><br class='clear'/></a>"
  }
  
  if(check=='none')
  {
            document.getElementById('pop_overlay').style.display='block';
            document.getElementById('pop_container').style.display='block';
            document.getElementById('pop_inner').style.display='block';
            document.getElementById('pop_container').style.top = (ScrollPos() + 100) + "px";
  }
  else
  {
            document.getElementById('pop_overlay').style.display='none';
            document.getElementById('pop_container').style.display='none';
            document.getElementById('pop_inner').style.display='none';
  }
  return false;
};

function hideDivs()
{
   var divs = document.getElementsByTagName("div");
    for (var i=0; i<divs.length; i++){
      if (divs[i].id.indexOf("details_") == 0){
         divs[i].className = "infobox_hidden";
      };
    };
};

function ScrollPos(){
    var ScrollTop = document.body.scrollTop;

    if (ScrollTop == 0)
    {
        if (window.pageYOffset)
            ScrollTop = window.pageYOffset;
        else
            ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
    }
    return ScrollTop;
}

function AddOnload(func){
    if(window.addEventListener) 
    window.addEventListener('load', func, false);
    else if(document.addEventListener)
    document.addEventListener('load', func, false);
    else if(window.attachEvent)
    window.attachEvent('onload', func);
};
AddOnload(init);