//DEFINE IMAGES TO BE ROTATED
	// .src defines image location
	// .alt defines image alt text
http://www.jacksonvillezoo.org/index.asp?url=http://www.jacksonvillezoo.org/onlinetickets.asp&image=images/home_gorilla6_tickets.jpg
	var banner0 = new Image();
	banner0.src = "/images/colombusMonkey.jpg";
	banner0.alt = "Buy Tickets Online";
	banner0.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner1 = new Image();
	banner1.src = "images/home_cucoos_tickets.jpg";
	banner1.alt = "Buy Tickets Online";
	banner1.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner2 = new Image();
	banner2.src = "images/home_eagleHarpy_tickets.jpg";
	banner2.alt = "Buy Tickets Online";
	banner2.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner3 = new Image();
	banner3.src = "images/home_flamingo_tickets.jpg";
	banner3.alt = "Buy Tickets Online";
	banner3.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner4 = new Image();
	banner4.src = "images/home_gardens_tickets.jpg";
	banner4.alt = "Buy Tickets Online";
	banner4.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner5 = new Image();
	banner5.src = "images/home_girlCapybara_tickets.jpg";
	banner5.alt = "lBuy Tickets Online";
	banner5.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner6 = new Image();
	banner6.src = "images/home_gorilla6_tickets.jpg";
	banner6.alt = "Buy Tickets Online";
	banner6.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner7 = new Image();
	banner7.src = "images/home_heron_tickets.jpg";
	banner7.alt = "Buy Tickets Online";
	banner7.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner8 = new Image();
	banner8.src = "images/home_jag_tickets.jpg";
	banner8.alt = "Buy Tickets Online";
	banner8.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner9 = new Image();
	banner9.src = "images/home_jaguars_tickets.jpg";
	banner9.alt = "Buy Tickets Online";
	banner9.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner10 = new Image();
	banner10.src = "images/home_kudu_tickets.jpg";
	banner10.alt = "Buy Tickets Online";
	banner10.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner11 = new Image();
	banner11.src = "images/home_lemurs_tickets.jpg";
	banner11.alt = "Buy Tickets Online";
	banner11.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner12 = new Image();
	banner12.src = "images/home_lilypads_tickets.jpg";
	banner12.alt = "Buy Tickets Online";
	banner12.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner13 = new Image();
	banner13.src = "images/home_lion_tickets.jpg";
	banner13.alt = "Buy Tickets Online";
	banner13.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner14 = new Image();
	banner14.src = "images/home_lionMale_tickets.jpg";
	banner14.alt = "Buy Tickets Online";
	banner14.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner15 = new Image();
	banner15.src = "images/home_lorikeets_tickets.jpg";
	banner15.alt = "Buy Tickets Online";
	banner15.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner16 = new Image();
	banner16.src = "images/home_monkeySpider_tickets.jpg";
	banner16.alt = "Buy Tickets Online";
	banner16.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner17 = new Image();
	banner17.src = "images/home_otters_tickets.jpg";
	banner17.alt = "Buy Tickets Online";
	banner17.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner18 = new Image();
	banner18.src = "images/home_pantherA_tickets.jpg";
	banner18.alt = "Buy Tickets Online";
	banner18.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner19 = new Image();
	banner19.src = "images/home_pudu_tickets.jpg";
	banner19.alt = "Buy Tickets Online";
	banner19.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner20 = new Image();
	banner20.src = "images/home_redLeg_tickets.jpg";
	banner20.alt = "Buy Tickets Online";
	banner20.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner21 = new Image();
	banner21.src = "images/home_rhyno_tickets.jpg";
	banner21.alt = "Buy Tickets Online";
	banner21.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner22 = new Image();
	banner22.src = "images/home_stanleyCrane_tickets.jpg";
	banner22.alt = "Buy Tickets Online";
	banner22.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner23 = new Image();
	banner23.src = "images/home_sunbitten_tickets.jpg";
	banner23.alt = "Buy Tickets Online";
	banner23.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner24 = new Image();
	banner24.src = "images/home_swanBlack_tickets.jpg";
	banner24.alt = "Buy Tickets Online";
	banner24.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner25 = new Image();
	banner25.src = "images/home_tamerin_tickets.jpg";
	banner25.alt = "Buy Tickets Online";
	banner25.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner26 = new Image();
	banner26.src = "images/StingRAY_banner2.jpg";
	banner26.alt = "Stingray Grand Opening";
	banner26.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner27 = new Image();
	banner27.src = "images/home_blk_panther.jpg";
	banner27.alt = "Buy Tickets Online";
	banner27.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";
	
	var banner28 = new Image();
	banner28.src = "images/home_komodo_dragon.jpg";
	banner28.alt = "Buy Tickets Online";
	banner28.ahref = "http://www.jacksonvillezoo.org/onlinetickets.asp";

	//Array that references images defined above
	//for each image created above there should be an img array instance associated with it.
	var img = new Array();
	img[0] = banner0;
	img[1] = banner1;
	img[2] = banner2;
	img[3] = banner3;
	img[4] = banner4;
	img[5] = banner5;
	img[6] = banner6;
	img[7] = banner7;
	img[8] = banner8;
	img[9] = banner9;
	img[10] = banner10;
	img[11] = banner11;
	img[12] = banner12;
	img[13] = banner13;
	img[14] = banner14;
	img[15] = banner15;
	img[16] = banner16;
	img[17] = banner17;
	img[18] = banner18;
	img[19] = banner19;
	img[20] = banner20;
	img[21] = banner21;
	img[22] = banner22;
	img[23] = banner23;
	img[24] = banner24;
	img[25] = banner25;
	img[26] = banner26;
	img[27] = banner27;
	img[28] = banner28;
	
	//function that controls opacity for fade in
function fadeIn(opacity) {
	document.getElementById('mainImage').style.opacity = (opacity /  10);
	document.getElementById('mainImage').style.filter = 'alpha(opacity='+(opacity * 10)+')';	
	}

	//function that controls opacity for fade out
function fadeOut(opacity) {
	document.getElementById('mainImage').style.opacity = (opacity / 10);
	document.getElementById('mainImage').style.filter = 'alpha(opacity='+(opacity * 10)+')';
	}
	
	//Control for changing images
	//calls fadeOut() and fadeIn()
function rotateImages (image) {

	//mainImage attributes
	document.getElementById('mainImage').src = image.src;
	document.getElementById('mainImage').alt = image.alt;
	document.getElementById('bannerAnchor').href = image.ahref;
	
	//variable to control fade out opacity
	var out = 10;
	for(i = 0, out; i < 11, out > -1; i++, out--) {
		setTimeout('fadeIn('+i+')', (5000 + (i * 50))  );	
		setTimeout('fadeOut('+out+')', (4500 + (i * 50))  );
		}
	}
	
	//load function
	//starts when page loads
function startRotate() {
	var i = 0;
	var image = Math.floor(Math.random()*img.length);
		document.getElementById('imageHolder').innerHTML = '<a href="http://www.jacksonvillezoo.org/onlinetickets.asp" id="bannerAnchor"><img src='+img[image - 1]+' name="mainImage" id="mainImage" border="0" /></a>';
	document.getElementById('mainImage').src = img[image];

	for(i; i < ((img.length - 1) * 2); i++) {
		setTimeout('rotateImages(img['+image+'])', (i * 5000));
		
		//if the end of the gallery is reached, reset
		if(image < (img.length - 1)) {
			image++;
			}
		else {
			image = 0;
			}
		}
	
	}