function lightbox()
{
    var lightbox = document.getElementById('lightbox');
    var popupbox = document.getElementById('popupbox');

    popupbox.innerHTML = '<img src="' + path + '/images/loading.gif"><br>Loading...';
   
    hideSelects('hidden');

    var new_top = 0;

    // Try a variety of methods for scroll location.
    // works for Firefox 1, 2 & 3, IE 6 & 7, Opera 9 and Safari 3
    if (typeof(window.pageYOffset) == 'number') {
      new_top = window.pageYOffset;
    } else if (document.body && document.body.scrollTop) {
      new_top = document.body.scrollTop;
    } else if (document.documentElement && document.documentElement.scrollTop) {
      new_top = document.documentElement.scrollTop;
    }

    lightbox.style.display='block';
    lightbox.style.top = new_top + 'px';

    popupbox.style.display='block';
    popupbox.style.top = new_top + 120 + 'px';
    popupbox.style.left='25%';
    popupbox.style.width='50%';
}

function hideLightbox()
{
    var lightbox = document.getElementById('lightbox');
    var popupbox = document.getElementById('popupbox');

    hideSelects('visible');
    lightbox.style.display='none';
    popupbox.style.display='none';
}

function hideSelects(visibility)
{
    selects = document.getElementsByTagName('select');
    for(i = 0; i < selects.length; i++) {
        selects[i].style.visibility = visibility;
    }
}

function showMenu(elemId)
{
    document.getElementById(elemId).style.display='block';
}