var displayTime;
var fadeTime;
var images;
var currentImage;
var slideShowImages;

function InitialiseSlideShow(imageArray)
{
    // Set display and fade times
    images=imageArray;
    
    displayTime = 3;
    fadeTime = 1.3;
    
    currentImage = 0;

    // Pre-load images
    var i;
    slideShowImages = new Array();
    for (i = 0; i < images.length; i++)
    {
	    slideShowImages[i] = new Image();
	    slideShowImages[i].src = images[i];
    }

}

// Run slide show
function RunSlideShow()
{
	if (document.all)
	{
	    // Set slide show fading parameters
		document.images.SlideShow.style.filter="blendTrans(duration=" + fadeTime + ")";
		document.images.SlideShow.filters.blendTrans.Apply();
	}

    // Show next image
	document.images.SlideShow.src = slideShowImages[currentImage].src;

	if (document.all)
	{
	    // Fade between images
		document.images.SlideShow.filters.blendTrans.Play();
	}

	//	Set next image to display (reset if image number exceeds number of images)
	currentImage = currentImage + 1;
	if (currentImage >= images.length)
		currentImage = 0;

	// Set time before next image is displayed
	setTimeout('RunSlideShow()', (fadeTime + displayTime) * 1000);
}

function swapImage(imageToChangeID, imageSRC)
{
    //  Swap image
    var imageToSwap
    imageToSwap = document.getElementById(imageToChangeID);
    
    imageToSwap.src = imageSRC;
}

function swapInnerHTML(elementID, newText)
{
    //  Swap inner HTML
    var element
    element = document.getElementById(elementID);
    
    element.innerHTML = newText;
}


function inputStyle(inputID)
{
    //  Change style
    var inputBox
    inputBox = document.getElementById(inputID);

    if (inputBox.className == "inputOver")
    {
        inputBox.className = "inputOut";
    }
    else
    {
        inputBox.className = "inputOver";
    }
}    

function showHide(elementID)
{
    // Show or hide an element
    var element
    element = document.getElementById(elementID);
    
    if (element.style.display == "none")
    {
        element.style.display = "block";
    }
    else
    {
        element.style.display = "none";
    }
}