var x = 0
	var mainpic = new Array();

mainpic[0] = new Image();
mainpic[0].src = 'gfxraces/main1.jpg';

mainpic[1] = new Image();
mainpic[1].src = 'gfxraces/main2.jpg';

mainpic[2] = new Image();
mainpic[2].src = 'gfxraces/main3.jpg';

mainpic[3] = new Image();
mainpic[3].src = 'gfxraces/main4.jpg';

mainpic[4] = new Image();
mainpic[4].src = 'gfxraces/main5.jpg';

	function setImageDisplay()
	{
		var picBeingShown = document.getElementById("mainDisplay");
		picBeingShown.src = mainpic[x].src;
	}

	function setFirstGrey()
	{
		var firstButtonGreyed = document.getElementById("firstButton");
		firstButtonGreyed.style.color="#999999";
		firstButtonGreyed.style.cursor="default";
	}

	function setFirstUngrey()
	{
		var firstButtonUngreyed = document.getElementById("firstButton");
		firstButtonUngreyed.style.color="#669999";
		firstButtonUngreyed.style.cursor="pointer";
	}

	function setPreviousGrey()
	{
		var previousButtonGreyed = document.getElementById("previousButton");
		previousButtonGreyed.style.color="#999999";
		previousButtonGreyed.style.cursor="default";
	}

	function setPreviousUngrey()
	{
		var previousButtonUngreyed = document.getElementById("previousButton");
		previousButtonUngreyed.style.color="#669999";
		previousButtonUngreyed.style.cursor="pointer";
	}

	function setNextGrey()
	{
		var nextButtonGreyed = document.getElementById("nextButton");
		nextButtonGreyed.style.color="#999999";
		nextButtonGreyed.style.cursor="default";
	}

	function setNextUngrey()
	{
		var nextButtonUngreyed = document.getElementById("nextButton");
		nextButtonUngreyed.style.color="#669999";
		nextButtonUngreyed.style.cursor="pointer";
	}

	function setLastGrey()
	{
		var lastButtonGreyed = document.getElementById("lastButton");
		lastButtonGreyed.style.color="#999999";
		lastButtonGreyed.style.cursor="default";
	}

	function setLastUngrey()
	{
		var lastButtonUngreyed = document.getElementById("lastButton");
		lastButtonUngreyed.style.color="#669999";
		lastButtonUngreyed.style.cursor="pointer";
	}

	function setPicNumber()
	{
		var picNumber = x+1;
		document.getElementById("picNo").innerHTML=" "+picNumber+" of 5";
	}

	function setCaption()
	{
		if (x==0)
			{
			document.getElementById("picturecaption").innerHTML="The rest of the fleet is astern of us in a stiff breeze: Colne match, 1995";
			document.getElementById("pictureCredit").innerHTML=" ";
			}
		else if (x==1)
			{
			document.getElementById("picturecaption").innerHTML="Pulling away from our competitors: Colne match, 1995";
			document.getElementById("pictureCredit").innerHTML=" ";
			}
		else if (x==2)
			{
			document.getElementById("picturecaption").innerHTML="Steering clear of a heavyweight spectator";
			document.getElementById("pictureCredit").innerHTML="Photograph: Bob Ratcliffe";
			}
		else if (x==3)
			{
			document.getElementById("picturecaption").innerHTML="Close quarters: rounding the outer mark";
			document.getElementById("pictureCredit").innerHTML=" ";
			}
		else if (x==4)
			{
			document.getElementById("picturecaption").innerHTML="Victory! The winning crew at Southend";
			document.getElementById("pictureCredit").innerHTML="Photograph: Lynne Tait";
			}
	}

	function firstImage()
	{
		x = 0
		setImageDisplay();
		setFirstGrey();
		setPreviousGrey();
		setNextUngrey();
		setLastUngrey();
		setPicNumber();
		setCaption()
	}
	
	
	function previousImage()
	{
		x--
		if (x<0)
			{
			x = 0
			}
		else if (x==0)
			{
			setFirstGrey();
			setPreviousGrey();
			}
		else if (x==3)
			{
			setNextUngrey();
			setLastUngrey();
			}
		setImageDisplay();
		setPicNumber();
		setCaption()
	}
	
	
	function nextImage()
	{
		x++
		if (x>4)
			{
			x = 4
			}
		else if (x==4)
			{
			setNextGrey();
			setLastGrey();
			}
		else if (x==1)
			{
			setFirstUngrey();
			setPreviousUngrey();
			}
		setImageDisplay();
		setPicNumber();
		setCaption()
	}
	
	
	function lastImage()
	{
		x = 4
		setImageDisplay();
		setFirstUngrey();
		setPreviousUngrey();
		setNextGrey();
		setLastGrey();
		setPicNumber();
		setCaption()
	}