function switchDivs(hidediv,showdiv)
	{
		document.getElementById(hidediv).style.display = "none";
		document.getElementById(showdiv).style.display = "block";
	}

	function changeThumbnails(hidediv,showdiv,imgIDMain,imgMain,imgIDPopup,imgPopup)
	{
		switchDivs(hidediv,showdiv)
 		changeImage(imgIDMain,imgMain)
		document.getElementById(imgIDPopup).href = "images/" + imgPopup;
	}
	function readMore()
	{
		switchDivs('mainTextArea','mainTextAreaScroll')
		switchDivs('ReadMore','ReadLess')
	}
	function readLess()
	{
		switchDivs('mainTextAreaScroll','mainTextArea')
		switchDivs('ReadLess','ReadMore')
	}

 	function changeImage(imgID,img)
 	{
 		document.getElementById(imgID).src = "images/" + img;	
 	}
 	function changeImageAndMain(imgIDThumbnail,imgThumbnail,imgIDMain,imgMain,imgIDPopup,imgPopup)
 	{
 		changeImage(imgIDThumbnail,imgThumbnail)
 		changeImage(imgIDMain,imgMain)
		document.getElementById(imgIDPopup).href = "images/" + imgPopup;
 	}
	
	function changeGallery(showThumbsdiv,showHeaderdiv,imgMain,imgPopup)
	{
		/*  Hide all possible divs, then show the one's I pass */
	
		document.getElementById('pageHeader1').style.display = "none";
		document.getElementById('pageHeader2').style.display = "none";
		document.getElementById('pageHeader3').style.display = "none";
		document.getElementById('mainThumbnailDiv1').style.display = "none";
		document.getElementById('mainThumbnailDiv2').style.display = "none";
		

		document.getElementById(showThumbsdiv).style.display = "block";
		document.getElementById(showHeaderdiv).style.display = "block";

 		changeImage('mainImgImage',imgMain)
		document.getElementById('largeImageID').href = "images/" + imgPopup;
	}