//Preload Images
imageUrl = new Array();
imageUrl[0] = "/Images/people/ollie.gif";
imageUrl[1] = "/Images/people/sarah.gif";
imageUrl[2] = "/Images/people/anna.gif";
imageUrl[3] = "/Images/people/eddie.gif";
imageUrl[4] = "/Images/people/callum.gif";
imageUrl[5] = "/Images/people/tina.gif";
imageUrl[6] = "/Images/people/david.gif";
imageUrl[7] = "/Images/people/joe.gif";
imageUrl[8] = "/Images/people/peri.gif";
imageUrl[9] = "/Images/people/shaun.gif";
imageUrl[10] = "/Images/people/chris.gif";
imageUrl[11] = "/Images/people/julian.gif";
imageUrl[12] = "/Images/people/erny.gif";
imageUrl[13] = "/Images/people/anne.gif";

preloadImgs = new Image();
for (i = 0; i <= 13; i++)
{
    preloadImgs.src = imageUrl[i];
    preloadImgs.src = 'info_' + imageUrl[i];
}  
 
function highlight(name, on)
{
    if (on === true)
    {
        var useImage = 'url(/Images/people/' + name + '.gif)'
    }
    else
    {
        useImage = ''
    }
    
    document.getElementById(name).style.backgroundImage = useImage;
    
    return true;
} 
 
function selectPerson(name)
{
	//Hide all individuals
	var person = document.getElementById('individuals').getElementsByTagName('div');
	var i = person.length;
    
    while ( i-- )
	{
        var personImg = person[i].getElementsByTagName('img');
        var personSpan = person[i].getElementsByTagName('span');
           
        personImg[0].src = '/Images/people/blank.gif';
        personSpan[0].style.display = 'none';
	}

	//Display selected person
    personImg = document.getElementById(name).getElementsByTagName('img');
    personSpan = document.getElementById(name).getElementsByTagName('span');
    
    personImg[0].src = '/Images/people/' + name + '.gif';
    personSpan[0].style.backgroundImage = 'url(/Images/people/info_' + name + '.gif)';
    personSpan[0].style.display = 'block';
    
    return true;
}