var timerint = 5000; //the interval of image rotation in milliseconds; 5 sec by default
var imgid = "bannerimg"; //the id of the image element to rotate

function imgRefresh() {
	var s = setInterval("imgSwap();",timerint);
} //end function imgRefresh()

function imgSwap() {
	var rnum = Math.round(Math.random() * 1000);
	document.getElementById(imgid).src = "http://www.jacksonvillezoo.org/images/banner/rotate.php?rnum=" + rnum;
} //end function imgSwap()

function codeLinks() {
	var e = document.getElementsByTagName('a');
	var class1 = "downlink";
	var class2 = "exitlink";
	
	for (var i=0; i<e.length; i++) {
		if (e[i].className != null) {
			if (e[i].className == class1) {
				e[i].onclick = pageTracker._trackPageview("/download/" + e[i].name);
			} else if (e[i].className == class2) {
				e[i].onclick = pageTracker._trackPageview("/exit/" + e[i].name);
			} //end if
		} //end if
	} //end for
} //end function codeLinks()

//Fade script courtesy of The Tallest of Switch on the Code
//http://www.switchonthecode.com/tutorials/javascript-tutorial-simple-fade-animation

var TimeToFade = 500.0;

function fade(eid) {
	var element = document.getElementById(eid);
	if (element == null) return;
	 
	if (element.FadeState == null) {
		if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1') {
			element.FadeState = 2;
		} else {
			element.FadeState = -2;
		} //end if
	} //end if
	 
	if (element.FadeState == 1 || element.FadeState == -1) {
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	} else {
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
	} //end if
} //end function fade()

function animateFade(lastTick, eid) {
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
	
	var element = document.getElementById(eid);
	
	if (element.FadeTimeLeft <= elapsedTicks) {
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		return;
	} //end if
	
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if (element.FadeState == 1) newOpVal = 1 - newOpVal;
	
	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
	
	setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
} //end function animateFade()

function tabChange(tab) {
	//declare shorthand variables
	var bar = document.getElementById("tabnav");
	var tab1 = document.getElementById("tab1");
	var tab1left = document.getElementById("tab1contentl");
	var tab1right = document.getElementById("tab1contentr");
	
	var tab2 = document.getElementById("tab2");
	var tab2left = document.getElementById("tab2contentl");
	var tab2right = document.getElementById("tab2contentr");
	
	var tab3 = document.getElementById("tab3");
	var tab3left = document.getElementById("tab3contentl");
	var tab3right = document.getElementById("tab3contentr");
	
	var tab4 = document.getElementById("tab4");
	var tab4left = document.getElementById("tab4contentl");
	var tab4right = document.getElementById("tab4contentr");
	
	var tab5 = document.getElementById("tab5");
	var tab5left = document.getElementById("tab5contentl");
	var tab5right = document.getElementById("tab5contentr");
	
	var tab6 = document.getElementById("tab6");
	var tab6left = document.getElementById("tab6contentl");
	var tab6right = document.getElementById("tab6contentr");
	
	switch (tab) {
		case 1:
			bar.className = "tab1";
			
			tab1.className = "active";
			tab1left.className = "panel active";
			tab1right.className = "panel active";
			
			tab2.className = "";
			tab2left.className = "panel";
			tab2right.className = "panel";
			
			tab3.className = "";
			tab3left.className = "panel";
			tab3right.className = "panel";
			
			tab4.className = "";
			tab4left.className = "panel";
			tab4right.className = "panel";
			
			if (tab5) {
				tab5.className = "";
				tab5left.className = "panel";
				tab5right.className = "panel";
			} //end if
			
			if (tab6) {
				tab6.className = "";
				tab6left.className = "panel";
				tab6right.className = "panel";
			} //end if
			break;
		case 2:
			bar.className = "tab2";
			
			tab1.className = "";
			tab1left.className = "panel";
			tab1right.className = "panel";
			
			tab2.className = "active";
			tab2left.className = "panel active";
			tab2right.className = "panel active";
			
			tab3.className = "";
			tab3left.className = "panel";
			tab3right.className = "panel";
			
			tab4.className = "";
			tab4left.className = "panel";
			tab4right.className = "panel";
			
			if (tab5) {
				tab5.className = "";
				tab5left.className = "panel";
				tab5right.className = "panel";
			} //end if
			
			if (tab6) {
				tab6.className = "";
				tab6left.className = "panel";
				tab6right.className = "panel";
			} //end if
			break;
		case 3:
			bar.className = "tab3";
			
			tab1.className = "";
			tab1left.className = "panel";
			tab1right.className = "panel";
			
			tab2.className = "";
			tab2left.className = "panel";
			tab2right.className = "panel";
			
			tab3.className = "active";
			tab3left.className = "panel active";
			tab3right.className = "panel active";
			
			tab4.className = "";
			tab4left.className = "panel";
			tab4right.className = "panel";
			
			if (tab5) {
				tab5.className = "";
				tab5left.className = "panel";
				tab5right.className = "panel";
			} //end if
			
			if (tab6) {
				tab6.className = "";
				tab6left.className = "panel";
				tab6right.className = "panel";
			} //end if
			break;
		case 4:
			bar.className = "tab4";
			
			tab1.className = "";
			tab1left.className = "panel";
			tab1right.className = "panel";
			
			tab2.className = "";
			tab2left.className = "panel";
			tab2right.className = "panel";
			
			tab3.className = "";
			tab3left.className = "panel";
			tab3right.className = "panel";
			
			tab4.className = "active";
			tab4left.className = "panel active";
			tab4right.className = "panel active";
			
			if (tab5) {
				tab5.className = "";
				tab5left.className = "panel";
				tab5right.className = "panel";
			} //end if
			
			if (tab6) {
				tab6.className = "";
				tab6left.className = "panel";
				tab6right.className = "panel";
			} //end if
			break;
		case 5:
			bar.className = "tab5";
			
			tab1.className = "";
			tab1left.className = "panel";
			tab1right.className = "panel";
			
			tab2.className = "";
			tab2left.className = "panel";
			tab2right.className = "panel";
			
			tab3.className = "";
			tab3left.className = "panel";
			tab3right.className = "panel";
			
			tab4.className = "";
			tab4left.className = "panel";
			tab4right.className = "panel";
			
			if (tab5) {
				tab5.className = "active";
				tab5left.className = "panel active";
				tab5right.className = "panel active";
			} //end if
			
			if (tab6) {
				tab6.className = "";
				tab6left.className = "panel";
				tab6right.className = "panel";
			} //end if
			break;
		case 6:
			bar.className = "tab6";
			
			tab1.className = "";
			tab1left.className = "panel";
			tab1right.className = "panel";
			
			tab2.className = "";
			tab2left.className = "panel";
			tab2right.className = "panel";
			
			tab3.className = "";
			tab3left.className = "panel";
			tab3right.className = "panel";
			
			tab4.className = "";
			tab4left.className = "panel";
			tab4right.className = "panel";
			
			if (tab5) {
				tab5.className = "";
				tab5left.className = "panel";
				tab5right.className = "panel";
			} //end if
			
			if (tab6) {
				tab6.className = "active";
				tab6left.className = "panel active";
				tab6right.className = "panel active";
			} //end if
			break;
	} //end switch
} //end function tabChange()