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

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

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

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

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

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

mainpic[5] = new Image();
mainpic[5].src = 'gfxgalleryone/main6.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 6";
	}

	function setCaption()
	{
		if (x==0)
			{
			document.getElementById("picturecaption").innerHTML="Making for the sea below Orford";
			}
		else if (x==1)
			{
			document.getElementById("picturecaption").innerHTML="Shortened sail in a strong breeze in the Medway (photo: Bob Ratcliffe)";
			}
		else if (x==2)
			{
			document.getElementById("picturecaption").innerHTML="All stowed up and taking the ground at Brightlingsea";
			}
		else if (x==3)
			{
			document.getElementById("picturecaption").innerHTML="Close reaching up&nbsp;the&nbsp;Colne<br />(photo: Lynne Tait)";
			}
		else if (x==4)
			{
			document.getElementById("picturecaption").innerHTML="Squared away for a fair wind in the Ore";
			}
		else if (x==5)
			{
			document.getElementById("picturecaption").innerHTML="Racing to win the Colne Match, 1999<br />(photo: 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==4)
			{
			setNextUngrey();
			setLastUngrey();
			}
		setImageDisplay();
		setPicNumber();
		setCaption()
	}
	
	
	function nextImage()
	{
		x++
		if (x>5)
			{
			x = 5
			}
		else if (x==5)
			{
			setNextGrey();
			setLastGrey();
			}
		else if (x==1)
			{
			setFirstUngrey();
			setPreviousUngrey();
			}
		setImageDisplay();
		setPicNumber();
		setCaption()
	}
	
	
	function lastImage()
	{
		x = 5
		setImageDisplay();
		setFirstUngrey();
		setPreviousUngrey();
		setNextGrey();
		setLastGrey();
		setPicNumber();
		setCaption()
	}