// randomise.js - Javascript functions for index page with random photo and associated text

var imageIndex
var imageRecord
var imageSource

var secs
var timerID = null
var timerRunning = false
var delay = 1000

// sets page name text on page
function setImageIndex()
{
   imageIndex = Math.floor(Math.random()*imageArray.length+1)-1;
}

// gets image record
function getImageRecord(imageIndex)
{
	imageRecord = imageArray[imageIndex];
}

// sets image source to random number between 1 and set size
function showImage()
{
  imageSource = './images/LandingPage/' + imageRecord.split("~")[0] + '.jpg';
  document.images.photo.style.display = 'none';
  document.images.photo.src = imageSource;
  document.images.photo.style.display = 'block';
  
}


// sets set name text on page
function setSetName(setName)
{
   var cell = document.getElementById("setName");
   cell.innerHTML=setName;
}


function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 4
    StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
	loadNextImage();
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

function loadNextImage()
{
	setImageIndex();
	getImageRecord(imageIndex);
	showImage();
	setSetName(imageRecord.split("~")[1]);
	InitializeTimer();
}


// sets up initial state, picture, page text etc.
function initialise() {
	loadImageArray();
	loadNextImage();	
}