// JavaScript Document
function gradient(id, level)
{
        var box = document.getElementById(id);
        box.style.opacity = level;
        box.style.MozOpacity = level;
        box.style.KhtmlOpacity = level;
        box.style.filter = "alpha(opacity=" + level * 100 + ")";
        box.style.display="block";
        return;
}

function fadein(id)
{
        var level = 0;
        while(level <= 1)
        {
                setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
                level += 0.01;
        }
}

// open the lightbox

function openbox(url, title)
{
  var XMLHttpRequestObject;

  if(window.XMLHttpRequest) {
    XMLHttpRequestObject = new XMLHttpRequest();
  } else if(window.ActiveXObject) {
    XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  }

  var box = document.getElementById('box');
  document.getElementById('filter').style.display='block';

  var title_text = document.getElementById('boxtitle');
  title_text.innerHTML = title;

  var content = document.getElementById('boxcontent');
  content.style.padding="0";

  if(XMLHttpRequestObject) {
    XMLHttpRequestObject.open("GET", url, true);

    XMLHttpRequestObject.onreadystatechange = function() {
      if (XMLHttpRequestObject.readyState == 4 &&
                XMLHttpRequestObject.status == 200) {
        content.innerHTML = XMLHttpRequestObject.responseText;
      }
    }
    XMLHttpRequestObject.send(null);
  }
  box.style.display='block';

  //gradient("box", 0);
  //fadein("box");
}

function closebox()
{
  document.getElementById('box').style.display='none';
  document.getElementById('filter').style.display='none';
}