function switchImage(flder, fname)
{
	document.getElementById("bigimage").src = "images/" + flder + "/big/" + fname
}

function addImages()
{
	var header = ""
	var album = location.search
	album = album.substr(1)
	switch (album)
	{
		case "bball":
		  header = "Basketball Courts"
		  break
		case "fields":
		  header = "Baseball Fields"
		  break
		case "grove":
		  header = "The Grove"
		  break
		case "trails":
		  header = "Nature Trails"
		  break
		case "kids":
		  header = "Kids Kingdom"
		  break
		case "mayernik":
		  header = "The Mayernik Center"
		  break
		case "miller":
		  header = "Miller Hall"
		  break
		case "pavilion":
		  header = "The Pavilion"
		  break
		case "pool":
		  header = "The Pool"
		  break
		default:
		  header = "(select an album)"
		  album = "index"
	}
	if (document.getElementById(album))
	{
		document.getElementById(album).className = "currentsubitem"
	}
	document.write('<div id="imagesheader" class="imagesheader">' + header + '<a class="imagessubheader" href="facilities/' + album + '.php">Information</a></div>')

	if (album != "index")
	{
		document.write('<div class="images">')
		document.write('<div id="big"><img id="bigimage" src="" class="bigimage" border="0" alt=""/></div>')
		document.getElementById("bigimage").src = "images/" + album + "/big/" + album + "1.jpg"
		switch (album)
		{	
			case "bball":
			  document.write('<img class="smallimage" src="images/bball/small/bball1.jpg" onclick="switchImage(\'bball\', \'bball1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/bball/small/bball2.jpg" onclick="switchImage(\'bball\', \'bball2.jpg\')" border="1" alt=""/> ')
			  break
			case "fields":
			  document.write('<img class="smallimage" src="images/fields/small/fields1.jpg" onclick="switchImage(\'fields\', \'fields1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/fields/small/fields2.jpg" onclick="switchImage(\'fields\', \'fields2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/fields/small/fields3.jpg" onclick="switchImage(\'fields\', \'fields3.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/fields/small/fields4.jpg" onclick="switchImage(\'fields\', \'fields4.jpg\')" border="1" alt=""/> ')										  
			  break
			case "grove":
			  document.write('<img class="smallimage" src="images/grove/small/grove1.jpg" onclick="switchImage(\'grove\', \'grove1.jpg\')" border="1" alt=""/> ')
			  break
			case "trails":
			  document.write('<img class="smallimage" src="images/trails/small/trails1.jpg" onclick="switchImage(\'trails\', \'trails1.jpg\')" border="1" alt=""/> ')
			  break
			case "kids":
			  document.write('<img class="smallimage" src="images/kids/small/kids1.jpg" onclick="switchImage(\'kids\', \'kids1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/kids/small/kids2.jpg" onclick="switchImage(\'kids\', \'kids2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/kids/small/kids3.jpg" onclick="switchImage(\'kids\', \'kids3.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/kids/small/kids4.jpg" onclick="switchImage(\'kids\', \'kids4.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/kids/small/kids5.jpg" onclick="switchImage(\'kids\', \'kids5.jpg\')" border="1" alt=""/> ')
			  break
			case "mayernik":
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik1.jpg" onclick="switchImage(\'mayernik\', \'mayernik1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik2.jpg" onclick="switchImage(\'mayernik\', \'mayernik2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik3.jpg" onclick="switchImage(\'mayernik\', \'mayernik3.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik4.jpg" onclick="switchImage(\'mayernik\', \'mayernik4.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik5.jpg" onclick="switchImage(\'mayernik\', \'mayernik5.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik6.jpg" onclick="switchImage(\'mayernik\', \'mayernik6.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik7.jpg" onclick="switchImage(\'mayernik\', \'mayernik7.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik8.jpg" onclick="switchImage(\'mayernik\', \'mayernik8.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik9.jpg" onclick="switchImage(\'mayernik\', \'mayernik9.jpg\')" border="1" alt=""/> ')
				  document.write('<img class="smallimage" src="images/mayernik/small/mayernik10.jpg" onclick="switchImage(\'mayernik\', \'mayernik10.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/mayernik/small/mayernik11.jpg" onclick="switchImage(\'mayernik\', \'mayernik11.jpg\')" border="1" alt=""/> ')
			  break
			case "miller":
			  document.write('<img class="smallimage" src="images/miller/small/miller1.jpg" onclick="switchImage(\'miller\', \'miller1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/miller/small/miller2.jpg" onclick="switchImage(\'miller\', \'miller2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/miller/small/miller3.jpg" onclick="switchImage(\'miller\', \'miller3.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/miller/small/miller4.jpg" onclick="switchImage(\'miller\', \'miller4.jpg\')" border="1" alt=""/> ')
			  break
			case "pavilion":
			  document.write('<img class="smallimage" src="images/pavilion/small/pavilion1.jpg" onclick="switchImage(\'pavilion\', \'pavilion1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pavilion/small/pavilion2.jpg" onclick="switchImage(\'pavilion\', \'pavilion2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pavilion/small/pavilion3.jpg" onclick="switchImage(\'pavilion\', \'pavilion3.jpg\')" border="1" alt=""/> ')
			  break
			case "pool":
			  document.write('<img class="smallimage" src="images/pool/small/pool1.jpg" onclick="switchImage(\'pool\', \'pool1.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool2.jpg" onclick="switchImage(\'pool\', \'pool2.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool3.jpg" onclick="switchImage(\'pool\', \'pool3.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool4.jpg" onclick="switchImage(\'pool\', \'pool4.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool5.jpg" onclick="switchImage(\'pool\', \'pool5.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool6.jpg" onclick="switchImage(\'pool\', \'pool6.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool7.jpg" onclick="switchImage(\'pool\', \'pool7.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool8.jpg" onclick="switchImage(\'pool\', \'pool8.jpg\')" border="1" alt=""/> ')
			  document.write('<img class="smallimage" src="images/pool/small/pool9.jpg" onclick="switchImage(\'pool\', \'pool9.jpg\')" border="1" alt=""/> ')
			  break
			default:
			  document.getElementById("big").removeChild(document.getElementById("bigimage"))
		}
		document.write('</div>')
	}
}
