// JavaScript Document

window.onload=function() {

//sets up the variables to get the navigation elements
	
	var gator911 = document.getElementById("gator911");
	var gallery = document.getElementById("gallery");
	var travelingshows = document.getElementById("travelingshows");
	var contact = document.getElementById("contact");
	var store = document.getElementById("store");
	var kidz = document.getElementById("kidz");
	var park = document.getElementById("park");
	var storegraphic = document.getElementById("storegraphic");
	var rightarrow = document.getElementById("rightarrow");
	var leftarrow = document.getElementById("leftarrow");
		
	var pic1= new Image(222,99); 
	pic1.src="images/gator911_over.jpg"; 
	var pic2= new Image(222,99); 
	pic2.src="images/gallery_over.jpg";
	var pic3= new Image(222,99); 
	pic3.src="images/travelingshows_over.jpg";
	var pic4= new Image(222,99); 
	pic4.src="images/contact_over.jpg";
	var pic5= new Image(222,99); 
	pic5.src="images/store_over.jpg";
	var pic6= new Image(222,99); 
	pic6.src="images/kidz_over.jpg";
	var pic7= new Image(222,99); 
	pic7.src="images/park_over.jpg";
	var pic8= new Image(157,210); 
	pic8.src="images/storegraphic_over.gif";
	var pic9= new Image(14,14); 
	pic9.src="images/rightarrow_over.gif";
	var pic10= new Image(14,14); 
	pic10.src="images/leftarrow_over.gif";

	
//sets up the functions
		
	function changeImageGator () {
    	gator911.src = "images/gator911_over.jpg";
		}
	function changeImageGatorBack () {
    	gator911.src = "images/gator911_up.jpg";
		}
		
	function changeImageGallery () {
    	gallery.src = "images/gallery_over.jpg";
		}
	function changeImageGalleryBack () {
    	gallery.src = "images/gallery_up.jpg";
		}
		
	function changeImageTravel () {
    	travelingshows.src = "images/travelingshows_over.jpg";
		}
	function changeImageTravelBack () {
    	travelingshows.src = "images/travelingshows_up.jpg";
		}
		
	function changeImageContact () {
    	contact.src = "images/contact_over.jpg";
		}
	function changeImageContactBack () {
    	contact.src = "images/contact_up.jpg";
		}
		
	function changeImageStore () {
    	store.src = "images/store_over.jpg";
		}
	function changeImageStoreBack () {
    	store.src = "images/store_up.jpg";
		}
		
	function changeImageKidz () {
    	kidz.src = "images/kidz_over.jpg";
		}
	function changeImageKidzBack () {
    	kidz.src = "images/kidz_up.jpg";
		}
		
	function changeImagePark () {
    	park.src = "images/park_over.jpg";
		}
	function changeImageParkBack () {
    	park.src = "images/park_up.jpg";
		}
		
	function changeImageStoregraphic () {
    	storegraphic.src = "images/storegraphic_over.gif";
		}
	function changeImageStoregraphicBack () {
    	storegraphic.src = "images/storegraphic_up.gif";
		}
		
	function changeImageRightArrow () {
    	rightarrow.src = "images/rightarrow_over.gif";
		}
	function changeImageRightArrowBack () {
    	rightarrow.src = "images/rightarrow_up.gif";
		}
		
	function changeImageLeftArrow () {
    	leftarrow.src = "images/leftarrow_over.gif";
		}
	function changeImageLeftArrowBack () {
    	leftarrow.src = "images/leftarrow_up.gif";
		}

//sets up the event listeners

	if (typeof gator911.addEventListener != "undefined") {
	
		gator911.addEventListener("mouseover", changeImageGator, false);
		gator911.addEventListener("mouseout", changeImageGatorBack, false); 
		gator911.addEventListener("click", changeImageGatorBack, false);
	
		gallery.addEventListener("mouseover", changeImageGallery, false);
		gallery.addEventListener("mouseout", changeImageGalleryBack, false); 
		gallery.addEventListener("click", changeImageGalleryBack, false);
	
		travelingshows.addEventListener("mouseover", changeImageTravel, false);
		travelingshows.addEventListener("mouseout", changeImageTravelBack, false); 
		travelingshows.addEventListener("click", changeImageTravelBack, false);
	
		contact.addEventListener("mouseover", changeImageContact, false);
		contact.addEventListener("mouseout", changeImageContactBack, false); 
		contact.addEventListener("click", changeImageContactBack, false);
	
		store.addEventListener("mouseover", changeImageStore, false);
		store.addEventListener("mouseout", changeImageStoreBack, false); 
		store.addEventListener("click", changeImageStoreBack, false);
	
		kidz.addEventListener("mouseover", changeImageKidz, false);
		kidz.addEventListener("mouseout", changeImageKidzBack, false);
		kidz.addEventListener("click", changeImageKidzBack, false);
		
		park.addEventListener("mouseover", changeImagePark, false);
		park.addEventListener("mouseout", changeImageParkBack, false);
		park.addEventListener("click", changeImageParkBack, false);
		
		storegraphic.addEventListener("mouseover", changeImageStoregraphic, false);
		storegraphic.addEventListener("mouseout", changeImageStoregraphicBack, false);
		storegraphic.addEventListener("click", changeImageStoregraphicBack, false);
		
		rightarrow.addEventListener("mouseover", changeImageRightArrow, false);
		rightarrow.addEventListener("mouseout", changeImageRightArrowBack, false);
		rightarrow.addEventListener("click", changeImageRightArrowBack, false);
		
		leftarrow.addEventListener("mouseover", changeImageLeftArrow, false);
		leftarrow.addEventListener("mouseout", changeImageLeftArrowBack, false);
		leftarrow.addEventListener("click", changeImageLeftArrowBack, false);

	} else if (typeof gator911.attachEvent != "undefined") {
	
		gator911.attachEvent("onmouseover", changeImageGator);
		gator911.attachEvent("onmouseout", changeImageGatorBack); 
		gator911.attachEvent("onclick", changeImageGatorBack);
	
		gallery.attachEvent("onmouseover", changeImageGallery);
		gallery.attachEvent("onmouseout", changeImageGalleryBack); 
		gallery.attachEvent("onclick", changeImageGalleryBack);
	
		travelingshows.attachEvent("onmouseover", changeImageTravel);
		travelingshows.attachEvent("onmouseout", changeImageTravelBack); 
		travelingshows.attachEvent("onclick", changeImageTravelBack);
	
		contact.attachEvent("onmouseover", changeImageContact);
		contact.attachEvent("onmouseout", changeImageContactBack); 
		contact.attachEvent("onclick", changeImageContactBack);
	
		store.attachEvent("onmouseover", changeImageStore);
		store.attachEvent("onmouseout", changeImageStoreBack); 
		store.attachEvent("onclick", changeImageStoreBack);
	
		kidz.attachEvent("onmouseover", changeImageKidz);
		kidz.attachEvent("onmouseout", changeImageKidzBack); 
		kidz.attachEvent("onclick", changeImageKidzBack);
		
		park.attachEvent("onmouseover", changeImagePark);
		park.attachEvent("onmouseout", changeImageParkBack); 
		park.attachEvent("onclick", changeImageParkBack);
		
		storegraphic.attachEvent("onmouseover", changeImageStoregraphic);
		storegraphic.attachEvent("onmouseout", changeImageStoregraphicBack);
		storegraphic.attachEvent("onclick", changeImageStoregraphicBack);
		
		rightarrow.attachEvent("onmouseover", changeImageRightArrow);
		rightarrow.attachEvent("onmouseout", changeImageRightArrowBack);
		rightarrow.attachEvent("onclick", changeImageRightArrowBack);
		
		leftarrow.attachEvent("onmouseover", changeImageLeftArrow);
		leftarrow.attachEvent("onmouseout", changeImageLeftArrowBack);
		leftarrow.attachEvent("onclick", changeImageLeftArrowBack);
		
	}
	
/* sets up the initial calendar */
	http.open('get', 'internal_request.php');
	/* Define a function to call once a response has been received. This will be our
		handleProductCategories function that we define below. */
	http.onreadystatechange = calendarStart; 
	/* Send the data. We use something other than null when we are sending using the POST
		method. */
	http.send(null);

/* gets current date for calendar */
	document.getElementById('caldate').textContent = monthArray[calmonth-1] + ' ' + calyear; 
	document.getElementById('caldate').innerText = monthArray[calmonth-1] + ' ' + calyear;

}

window.onunload=function() {
	
	var gator911 = document.getElementById("gator911");
	var gallery = document.getElementById("gallery");
	var travelingshows = document.getElementById("travelingshows");
	var contact = document.getElementById("contact");
	var store = document.getElementById("store");
	var kidz = document.getElementById("kidz");
	var park = document.getElementById("park");
	var storegraphic = document.getElementById("storegraphic");
	var rightarrow = document.getElementById("rightarrow");
	var leftarrow = document.getElementById("leftarrow");
	
	if (typeof gator911.removeEventListener != "undefined") {
				
		gator911.removeEventListener("mouseover", changeImageGator, false);
		gator911.removeEventListener("mouseout", changeImageGatorBack, false); 
		gator911.removeEventListener("click", changeImageGatorBack, false);
	
		gallery.removeEventListener("mouseover", changeImageGallery, false);
		gallery.removeEventListener("mouseout", changeImageGalleryBack, false); 
		gallery.removeEventListener("click", changeImageGalleryBack, false);
	
		travelingshows.removeEventListener("mouseover", changeImageTravel, false);
		travelingshows.removeEventListener("mouseout", changeImageTravelBack, false); 
		travelingshows.removeEventListener("click", changeImageTravelBack, false);
	
		contact.removeEventListener("mouseover", changeImageContact, false);
		contact.removeEventListener("mouseout", changeImageContactBack, false); 
		contact.removeEventListener("click", changeImageContactBack, false);
	
		store.removeEventListener("mouseover", changeImageStore, false);
		store.removeEventListener("mouseout", changeImageStoreBack, false); 
		store.removeEventListener("click", changeImageStoreBack, false);
	
		kidz.removeEventListener("mouseover", changeImageKidz, false);
		kidz.removeEventListener("mouseout", changeImageKidzBack, false);
		kidz.removeEventListener("click", changeImageKidzBack, false);
		
		park.removeEventListener("mouseover", changeImagePark, false);
		park.removeEventListener("mouseout", changeImageParkBack, false);
		park.removeEventListener("click", changeImageParkBack, false);
		
		storegraphic.removeEventListener("mouseover", changeImageStoregraphic, false);
		storegraphic.removeEventListener("mouseout", changeImageStoregraphicBack, false);
		storegraphic.removeEventListener("click", changeImageStoregraphicBack, false);
		
		rightarrow.removeEventListener("mouseover", changeImageRightArrow, false);
		rightarrow.removeEventListener("mouseout", changeImageRightArrowBack, false);
		rightarrow.removeEventListener("click", changeImageRightArrowBack, false);
		
		leftarrow.removeEventListener("mouseover", changeImageLeftArrow, false);
		leftarrow.removeEventListener("mouseout", changeImageLeftArrowBack, false);
		leftarrow.removeEventListener("click", changeImageLeftArrowBack, false);
	
	} else if (typeof gator911.attachEvent != "undefined") {
		
		gator911.removeEvent("onmouseover", changeImageGator);
		gator911.removeEvent("onmouseout", changeImageGatorBack); 
		gator911.removeEvent("onclick", changeImageGatorBack);
	
		gallery.removeEvent("onmouseover", changeImageGallery);
		gallery.removeEvent("onmouseout", changeImageGalleryBack); 
		gallery.removeEvent("onclick", changeImageGalleryBack);
	
		travelingshows.removeEvent("onmouseover", changeImageTravel);
		travelingshows.removeEvent("onmouseout", changeImageTravelBack); 
		travelingshows.removeEvent("onclick", changeImageTravelBack);
	
		contact.removeEvent("onmouseover", changeImageContact);
		contact.removeEvent("onmouseout", changeImageContactBack); 
		contact.removeEvent("onclick", changeImageContactBack);
	
		store.removeEvent("onmouseover", changeImageStore);
		store.removeEvent("onmouseout", changeImageStoreBack); 
		store.removeEvent("onclick", changeImageStoreBack);
	
		kidz.removeEvent("onmouseover", changeImageKidz);
		kidz.removeEvent("onmouseout", changeImageKidzBack); 
		kidz.removeEvent("onclick", changeImageKidzBack);
		
		park.removeEvent("onmouseover", changeImagePark);
		park.removeEvent("onmouseout", changeImageParkBack); 
		park.removeEvent("onclick", changeImageParkBack);
		
		storegraphic.removeEvent("onmouseover", changeImageStoregraphic);
		storegraphic.removeEvent("onmouseout", changeImageStoregraphicBack);
		storegraphic.removeEvent("onclick", changeImageStoregraphicBack);
		
		rightarrow.removeEvent("onmouseover", changeImageRightArrow);
		rightarrow.removeEvent("onmouseout", changeImageRightArrowBack);
		rightarrow.removeEvent("onclick", changeImageRightArrowBack);
		
		leftarrow.removeEvent("onmouseover", changeImageLeftArrow);
		leftarrow.removeEvent("onmouseout", changeImageLeftArrowBack);
		leftarrow.removeEvent("onclick", changeImageLeftArrowBack);
		
		
		}
}