// JavaScript Document

function swapPic1()
{
    document.pic1.src="images/button1.jpg";
	document.pic2.src="images/button2_light.jpg";
	document.pic3.src="images/button3_light.jpg";
	document.pic4.src="images/button4_light.jpg";
	document.pic5.src="images/button5_light.jpg";
	document.getElementById("spans1").style.color="black";
	document.getElementById("spans2").style.color="#777777";
	document.getElementById("spans3").style.color="#777777";
	document.getElementById("spans4").style.color="#777777";
	document.getElementById("spans5").style.color="#777777";
}
function swapPic2()
{
    document.pic1.src="images/button1_light.jpg";
	document.pic2.src="images/button2.jpg";
	document.pic3.src="images/button3_light.jpg";
	document.pic4.src="images/button4_light.jpg";
	document.pic5.src="images/button5_light.jpg";
	document.getElementById("spans1").style.color="#777777";
	document.getElementById("spans2").style.color="black";
	document.getElementById("spans3").style.color="#777777";
	document.getElementById("spans4").style.color="#777777";
	document.getElementById("spans5").style.color="#777777";
}
function swapPic3()
{
    document.pic1.src="images/button1_light.jpg";
	document.pic2.src="images/button2_light.jpg";
	document.pic3.src="images/button3.jpg";
	document.pic4.src="images/button4_light.jpg";
	document.pic5.src="images/button5_light.jpg";
	document.getElementById("spans1").style.color="#777777";
	document.getElementById("spans2").style.color="#777777";
	document.getElementById("spans3").style.color="black";
	document.getElementById("spans4").style.color="#777777";
	document.getElementById("spans5").style.color="#777777";
}
function swapPic4()
{
    document.pic1.src="images/button1_light.jpg";
	document.pic2.src="images/button2_light.jpg";
	document.pic3.src="images/button3_light.jpg";
	document.pic4.src="images/button4.jpg";
	document.pic5.src="images/button5_light.jpg";
	document.getElementById("spans1").style.color="#777777";
	document.getElementById("spans2").style.color="#777777";
	document.getElementById("spans3").style.color="#777777";
	document.getElementById("spans4").style.color="black";
	document.getElementById("spans5").style.color="#777777";
}
function swapPic5()
{
    document.pic1.src="images/button1_light.jpg";
	document.pic2.src="images/button2_light.jpg";
	document.pic3.src="images/button3_light.jpg";
	document.pic4.src="images/button4_light.jpg";
	document.pic5.src="images/button5.jpg";
	document.getElementById("spans1").style.color="#777777";
	document.getElementById("spans2").style.color="#777777";
	document.getElementById("spans3").style.color="#777777";
	document.getElementById("spans4").style.color="#777777";
	document.getElementById("spans5").style.color="black";
}