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, UseLinkTitle)
{
  UseLinkTitle = typeof(UseLinkTitle) != 'undefined' ? UseLinkTitle : true;
  var check = document.getElementById('pop_overlay').style.display;
  var div = document.getElementById('details_' + LinkID)
  var link =document.getElementById('showdetails_' + LinkID)
  var title
  if (link && UseLinkTitle){
    title = "<h3>" + link.innerHTML + "</h3>";
  }else{
    title = "";
  };
  if (div) {
     document.getElementById('pop_inner').innerHTML = "<a href='#' onClick='javascript:popUp();'><img src='../images/b_close.gif' alt='Close' class='right' /><br class='clear'/></a>" + title + div.innerHTML 
  }
  
  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() ) + "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 popUpImage(URL, width, height)
{
  var check = document.getElementById('pop_overlay').style.display;
  document.getElementById('pop_inner').className = "image";
  document.getElementById('pop_inner').style.width = width + "px";
  var marginwidth = ((width + 20)/2)*-1
  document.getElementById('pop_inner').style.marginLeft = marginwidth + "px";
  document.getElementById('pop_inner').innerHTML = "<a href='#' onClick='javascript:popUp();'><img src='../images/b_close.gif' alt='Close' class='right' /></a><br class='clear'/><img src='" + URL + "' width='" + width + "' height='" + height + "'  alt='' />" + "<br class='clear'/>"
  
  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() ) + "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 = "popupbox_hidden";
      };
    };
    
   var links = document.getElementsByTagName("a");
    for (var i=0; i<links.length; i++){
      if (links[i].id.indexOf("showdetails_") == 0){
         links[i].onclick = function(){popUp(this.id.replace("showdetails_", ""), (this.className.indexOf("notitle") == -1));return false};
      };
    };
};

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);