<!--
function loadAllFrames() {
    if( self == top ) {
        if( parseInt(navigator.appVersion) == 2 ) { // is the browser Navigator 2?
            location.href = "index-2.html" // for Netscape Navigator 2
        } else {
            //parent.document.location = "index.html"
            location.replace("index-2.html");
        }
	}
}

/**
 * Collapsible Panel
 */
// not animated collapse/expand
function togglePanelStatus(panelId, controlId) {
    var panel = document.getElementById(panelId)
    var control = document.getElementById(controlId)
    
    var expand = (panel.style.display == "none")
    panel.style.display = (expand ? "block" : "none")
    var text = (expand ? '&ndash;' : '+')
    control.innerHTML = text
    //control.src = (expand ? 'images/collapse.png' : 'images/expand.png')
    //control.alt = text
}

/**
 * Slide Show
 */
var slideShowControlId = "show"
var slideShowTextControlId = "text"
var slideShowStatusControlId = "status"
var slideShowImageIndex = 0
var slideShowImageStep = 1
var slideShowImageArray = new Array()
var slideShowTextArray = new Array()
var slideShowLinkArray = new Array()
var slideShowDelay = 5000 // milliseconds
var slideShowPauseEnabled = true
var slideShowTextEnabled = false
var slideShowLinkClickEnabled = false

// setters
function enableSlideShowText() {
    slideShowTextEnabled = true
}
function disableSlideShowText() {
    slideShowTextEnabled = false
}
function enableSlideShowLinkClick() {
    slideShowLinkClickEnabled = true
}
function disableSlideShowLinkClick() {
    slideShowLinkClickEnabled = false
}
function setSlideShowControlId(id) {
    slideShowControlId = id
}
function setSlideShowTextControlId(id) {
    slideShowTextControlId = id
}
function setSlideShowStatusControlId(id) {
    slideShowStatusControlId = id
}
function setSlideShowImageArray(imgs) {
    slideShowImageArray = imgs
}
function setSlideShowTextArray(texts) {
    slideShowTextArray = texts
    
    if( slideShowTextArray.length == slideShowImageArray.length ) {
        enableSlideShowText()
    } else {
        disableSlideShowText()
    }
}
function setSlideShowLinkArray(links) {
    slideShowLinkArray = links
    if( slideShowLinkArray.length == slideShowImageArray.length ) {
        enableSlideShowLinkClick()
    } else {
        alert("the number of links (" + slideShowLinkArray.length + ") must match the number of images (" + slideShowImageArray.length + ")")
        disableSlideShowLinkClick()        
    }
}
function setSlideShowDelay(milliseconds) {
    slideShowDelay = milliseconds
}

// getters
function getSlideShowControl() {
    var slideShow = document.getElementById(slideShowControlId)
    return slideShow
}
function getSlideShowTextControl() {
    var slideShowText = document.getElementById(slideShowTextControlId)
    return slideShowText
}
function getSlideShowStatusControl() {
    var slideShowStatus = document.getElementById(slideShowStatusControlId)
    return slideShowStatus
}

// events
function rotateImage() {
    slideShowImageIndex = (slideShowImageIndex + slideShowImageStep) % slideShowImageArray.length
    getSlideShowControl().src = slideShowImageArray[slideShowImageIndex]
    
    if( slideShowTextEnabled ) {
        getSlideShowTextControl().innerHTML = slideShowTextArray[slideShowImageIndex]
    }

    setTimeout('rotateImage()', slideShowDelay);
}
function startSlideShow() {
    rotateImage();
}
function showSlideShowLink() {
    if( slideShowLinkClickEnabled ) {
        // TODO -- is there a way to specify which one when setting up the slide show?
        document.location = slideShowLinkArray[slideShowImageIndex]
        //parent.location = slideShowLinkArray[slideShowImageIndex]
    }
}
function pauseImageStep() {
    slideShowImageStep = 0
    getSlideShowStatusControl().innerHTML = "-- paused --"
}
function unpauseImageStep() {
    slideShowImageStep = 1
    getSlideShowStatusControl().innerHTML = ""
}
-->