// -*-Java-*-
NS4 = (document.layers) ? true : false;
IE4 = (document.all && !document.getElementById) ? true : false;
IE5 = (document.all && document.getElementById) ? true : false;
NS6 = (!document.all && document.getElementById) ? true : false;

currentPopup = "images/01.jpg";
currentIndex = 0;
loaded = false;
//loadUp();
//loaded = true;
//popUp(currentPopup, true);

function loadUp()
{
    // we seem to need this for frames, otherwise, first frame load does not
    // have these vars defined ...
    //alert("loading");
    NS4 = (document.layers) ? true : false;
    IE4 = (document.all && !document.getElementById) ? true : false;
    IE5 = (document.all && document.getElementById) ? true : false;
    NS6 = (!document.all && document.getElementById) ? true : false;

}

function popUp(divName, on)
{
    //alert("DIVNAME: " + divName);
    if (!loaded)
    {
	loadUp();
	loaded = true;
    }
	    
    //divName = currentPopup;
    if (NS4)
	layer = document.layers[divName];
    else if (IE4)
	layer = document.all[divName];
    else if (IE5 || NS6)
	layer = document.getElementById(divName);
    else
	layer = document.getElementById(divName);//return;
    
    if (on)
    {
	if (NS4)
	    layer.visibility = "show";
	else if (NS6)
	    layer.style.visibility = "visible";
	else if (IE5 || IE4)
	    layer.style.visibility = "visible";
    }
    else // off
    {
	if (NS4)
	    layer.visibility = "hide";
	else
	    layer.style.visibility = "hidden";
    } // off
}



function setImage(name)
{
	document.largePad.src = name;
	popUp(currentPopup, false);
	currentPopup = name;
	popUp(currentPopup, true);
	    
}
function nextImage(incr)
{
    currentIndex += incr;
    if (currentIndex >= divArray.length)
	currentIndex = 0;
    else if (currentIndex < 0)
	currentIndex = 	divArray.length -1;
    div = divArray[currentIndex];
    setImage("images/" + div);
}