//script for swaping images
	//create an array of Image objects
	var imgs = new Array(5);
	var navImgs = new Array(5);
	var navStartImgs = new Array(5);
	var newsImgs  = new Array(4);
	var clickCount = 0;
	var fieldCount = 0;
	var selectedTab;
	var buttonPosition = 0;
	var eventMsg = new Array(5);
	//create a loop of the event messages by assigning last message to the beginning
	eventMsg[0] = " ";
	eventMsg[1] = " ";
	eventMsg[2] = " ";
	eventMsg[3] = " ";
	eventMsg[4] = " ";
	
	//function to swap selected image
	function Swap(selectId)
	{		
		//use numbers for select id					
		switch(selectId)
		{
			case 0: {document.getElementById("navTab"+selectId).src = "images/navButton0";}break;
			case 1: {document.getElementById("navTab"+selectId).src = "images/navButton1";}break;
			case 2: {document.getElementById("navTab"+selectId).src = "images/navButton2";}break;
			case 3: {document.getElementById("navTab"+selectId).src = "images/navButton3";}break;
			case 4: {document.getElementById("navTab"+selectId).src = "images/navButton4";}break;
		}
				
	}
	//function to swap images given their src
	function SwapDisplay(firstImg, secondImg, element)
	{		
		//use image location for swap
		var imgSwap = document.getElementById("transUtil");			
		//on each onclick swap image and hide or display content
		if(clickCount == 0)
		{
			//second click
			imgSwap.src = firstImg;
			Hide(element);
			document.getElementById("moreInfo").innerHTML="Find out more";
			clickCount = 1; //reset the clickCount
		}
		else if(clickCount == 1)
		{
			imgSwap.src = secondImg;
			//display content
			Display(element);
			document.getElementById("moreInfo").innerHTML="Hide";
			
			clickCount = 0;
		}
	}

	//function to swap images given their src.
	//overloaded method
	function SwapDisplay2(firstImg, secondImg, element, moreInfoDisplay, moreInfoHide)
	{		
		//use image location for swap
		var imgSwap = document.getElementById("transUtil");			
		//on each onclick swap image and hide or display content
		if(clickCount == 0)
		{
			//second click
			imgSwap.src = secondImg;
			Hide(element);
			document.getElementById("moreInfo").innerHTML=moreInfoHide;
			clickCount = 1; //reset the clickCount
		}
		else if(clickCount == 1)
		{
			imgSwap.src = firstImg;
			//display content
			Display(element);
			document.getElementById("moreInfo").innerHTML=moreInfoDisplay;
			
			clickCount = 0;
		}
	}
	
	//hide and display content for the building page
	function HideDisplay(firstImg, secondImg, element, moreInfoDisplay, moreInfoHide)
	{		
		//use image location for swap
		var imgSwap = document.getElementById("transUtil");			
		//on each onclick swap image and hide or display content
		if(clickCount == 0)
		{
			//second click
			imgSwap.src = firstImg;
			Hide(element);
			document.getElementById("moreInfo").innerHTML=moreInfoDisplay;
			clickCount = 1; //reset the clickCount
		}
		else if(clickCount == 1)
		{
			imgSwap.src = secondImg;
			//display content
			Display(element);
			document.getElementById("moreInfo").innerHTML=moreInfoHide;
			
			clickCount = 0;
		}
	}
	
	//function for general display
	function SwapDisplay3(firstImg, secondImg, element, image, moreInfoID, moreInfoDisplay, moreInfoHide)
	{		
		//use image location for swap
		var imgSwap = document.getElementById(image);			
		var moreInfo = document.getElementById(moreInfoID);
		//on each onclick swap image and hide or display content
				
		if(clickCount == 0)
		{
			//second click
			imgSwap.src = secondImg;
			Hide(element);
			moreInfo.innerHTML=moreInfoDisplay;
			clickCount = 1; //reset the clickCount
		}
		else if(clickCount == 1)
		{
			imgSwap.src = firstImg;
			//display content
			Display(element);
			moreInfo.innerHTML=moreInfoHide;
			
			clickCount = 0;
		}
		
	}
	
	function Swap(selectId, style, caption, message)
	{
		
		//function to select an image based on the selector id
				
			//use numbers for select id			
			var displayImage = document.getElementById("displayImage");
			//displayImage.src = imgs[selectId].src;
			
			window.document.displayImage.src = imgs[selectId].src;
			
			//document.getElementById("navTab"+selectId).src = navImgs[selectId].src;
			//set the message on the paragraph
			var theCaption = document.getElementById("caption");
			var msg=document.getElementById("message");
			//get the span element of the p tag and set a textnode with text message passed as parameter
			msg.innerHTML= message;			
			theCaption.className=style; //set the style			
			theCaption.innerHTML=caption;
			//msg.firstChild.nodeValue=caption;			
			
	
	}
	//load image utility method
	/*	
	function LoadImg()
	{
		//function to preload the images		
		for(var i=0; i<imgs.length; i++)
		{
			imgs[i]=new Image();
			imgs[i].src="../images/image"+i+".png";
			//navImgs[i]=new Image();
			//navStartImgs[i]=new Image();
			//navImgs[i].src="images/navButton"+i+"-hover.png";
			//navStartImgs[i].src="images/navButton"+i+".png";
		}		
	}
	*/
	function LoadImg(toLoad)
	{

		if(toLoad == "index")
		{
			//load images for index
			for(var i=0; i<imgs.length; i++)
			{
				imgs[i]=new Image();
				imgs[i].src="../images/image"+i+".png";			
				//navStartImgs[i]=new Image();
				//navImgs[i].src="images/navButton"+i+"-hover.png";
				//navStartImgs[i].src="images/navButton"+i+".png";
			}
			//function to preload the images		
		
		}
		else if(toLoad == "news")
		{
			for(var i=0; i<newsImgs.length; i++)
			{
				newsImgs[i]=new Image();
				newsImgs[i].src="../images/news-img"+i+".png";
			}		
		}
	}
	//PAGE UTILITY METHODS
	//TRANSITION PAGE functions
	//Javascript for transition page
	function Display(element)
	{
		//element to display
		element.style.display = "block";
	}
	function Hide(element)
	{
		//element to hide
		element.style.display = "none";
	}
	//function to set the article iframe source
	function SetPage(url, frame, tab)
	{	
		var status = true;
		status = !status;
		
		
		//get all the tabs in the tab list
		//and set them to other tab
		
		var list = document.getElementById("#navigationBox").childNodes;//retrieve all spans tab
		for(var i = 0; i < list.length; i++)
		{	
			if(list[i].nodeName == "SPAN")
			{
				if(list[i]==tab)
				{					
					tab.className = "articleTabChanged";
					//load set the iframe using location property and window array
					window.frames[frame].location=url;	
				}
				else
				{				
					list[i].className = "articleTab";					
				}
			}
			
		}
		
	}
	//reset the tab
	function Redirect(url,delay)
	{
		
		//redirects the window to a specified url after a given time.
		if(delay > 0)
		{
			setTimeout("LoadURL()", delay);
		}
		else
		{
			//default 10s delay
			setTimeout("LoadURL()",20000);
		}
		
		
	}
	//loadPage
	function LoadURL()
	{
		document.location.href = "home/index.html";
	}
	//function to clear text field
	function Clear(field)
	{
		//clears the specified field
		if(fieldCount == 0)
		{
			if(field != null)
			{
				field.value = "";
				fieldCount++;
			}

		}
		
		
	}
	function ResetField(field)
	{
		//set the fieldCount value for later use
		fieldCount = 0;
		
	}
	//set the find us page
	/*
	function GetDirection()
	{
		//?saddr=ab10+7pa&daddr=AB16+7UT&hl=en&x=40&y=11
		
		//get the iframe for the postcode
		var frame = document.getElementById("postCodeIframe");
		//set the url of the code to the value of data from the form
		//var formData = "http://maps.google.co.uk/maps?saddr=" + document.getElementById("saddr").value + "&daddr=" document.getElementById("daddr").value + "&h1=en&x=40&y=11";
		frame.location = formData;
		document.getElementById("IframeBox").style.display = "block";
	}
	*/
	function Enlarge(img)
	{
		//enlarge a selected pix
		img.className = "eventImg";
	}
	//function to display tab
	function SelectTab(tabBox)
	{
		//set variables
		var tab0 = document.getElementById('tab0');
		var tab1 = document.getElementById('tab1');
		
		var displayBox0 = document.getElementById('debitSelection');
		var displayBox1 = document.getElementById('donateSelection');
		//select the given tab for display
		var selected =	document.getElementById(tabBox);
		selected.className = "displayContent";
		if(selected == displayBox0)
		{
			//set the tab to current state
			tab0.className = "current";
			tab1.className = "notCurrent";
			displayBox1.className = "hideContent";
			displayBox1.style.clear = "both";
			displayBox0.className = "displayContent";
			displayBox0.style.clear="both";
		}
		else if(selected == displayBox1)
		{
			tab1.className = "current";
			tab0.className = "notCurrent";
			displayBox0.className = "hideContent clear";
			displayBox1.className = "displayContent clear";
		}
		//set current tab and change state of other tabs
		
	}
	
	function EventNavigation(buttonClicked)
	{
		
		var imgDisplay = document.getElementById("imageDisplay");
		var last = newsImgs.length -1;
		var msg = document.getElementById("eventText");
		
		//alert("starting check for position ");
		if( buttonClicked == 0)
		{
			alert("IF BLOCK BACK BUTTON ");
			//previous button clicked
			if((buttonPosition >= 0) && (buttonPosition < last))
			{
				//alert("position "+ buttonPosition);
				buttonPosition--;				
				imgDisplay.src = newsImgs[buttonPosition].src;
				//set the text of the event
				//msg.innerHTML = eventMsg[buttonPosition];
			}
			else
			{
				buttonPosition = last;
				imgDisplay.src = newsImgs[buttonPosition].src;
				//set text of the event
				//msg.innerHTML = eventMsg[buttonPosition];
			}
			
			
		}
		else if(buttonClicked == 1)
		{
				//alert("IF BLOCK NEXT BUTTON ");
				//next button clicked
				if((buttonPosition >= 0) && (buttonPosition < last))
				{
					//alert("position "+ buttonPosition);					
					buttonPosition++;
					imgDisplay.src = newsImgs[buttonPosition].src;
					//msg.innerHTML = eventMsg[buttonPosition];					
				}
				else if(buttonPosition == last)
				{					
					imgDisplay.src = newsImgs[buttonPosition].src; //use and increment position later
					//msg.innerHTML = eventMsg[buttonPosition];
					buttonPosition = 0; //reset
				}
				else
				{
					buttonPosition = 0;
					imgDisplay.src = newsImgs[buttonPosition].src;
					//msg.innerHTML = eventMsg[buttonPosition];
				}
				
		
		}

	}
	//function to set the text of a given section on page load or event
	function SetText(element, msg)
	{
		while(element.firstChild != null)
		{
			element.removeChild(element.firstChild);
		}
		var text = document.createTextNode(msg);
		element.appendChild(text);
	}
	//function to set the color scheme of the siteMap page
	function SiteList()
	{
		var list = document.siteList;
		//set the first element to style1 and second to style2
		//get all li attributes
		var listNodes = list.childNodes;
		for(var i = 0; i < listNodes.length; i++)
		{
			if(listNodes[i].nodeType == "LI")
			{
				//add node to the list
				
			}
		}
	}