// JavaScript Document

//This caches the images we need for the buttons
var image0=new Image();
image0.src="../images/tickets-and-performances-off.gif";

var image1=new Image();
image1.src="../images/tickets-and-performances-off.gif";

var image2=new Image();
image2.src="../images/education-and-outreach-off.gif";

var image3=new Image();
image3.src="../images/education-and-outreach-on.gif";

var image4=new Image();
image4.src="../images/support-off.gif";

var image5=new Image();
image5.src="../images/support-on.gif";

var image6=new Image();
image6.src="../images/visit-off.gif";

var image7=new Image();
image7.src="../images/visit-on.gif";

var image8=new Image();
image6.src="../images/about-us-off.gif";

var image9=new Image();
image7.src="../images/about-us-on.gif";

var image10=new Image();
image7.src="../images/upcoming-shows-tab-off.png";

var image11=new Image();
image7.src="../images/upcoming-shows-tab-on.png";

var image10=new Image();
image7.src="../images/in-the-news-tab-off.png";

var image11=new Image();
image7.src="../images/in-the-news-tab-on.png";

var image10=new Image();
image7.src="../images/highlights-tab-off.png";

var image11=new Image();
image7.src="../images/highlights-tab-on.png";


//Swaps out an image with another. Intended to switch visual states for buttons.
function imgStateChange(imgID,imgOverState)
{
	document.getElementById(imgID).src=imgOverState;
}