//XMLHttpRequest to get XML doc
var xmlDoc;
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else // IE 5/6
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET","/news_events/calendar/calendarDates.xml",false);
xhttp.send();

//Variables
xmlDoc=xhttp.responseXML;
var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var date = new Date();
var curMonth = months[date.getMonth()];
var selMonth = curMonth;
var monthOffset = 0;
var sub_event;
var eventTypes = new Array("all","chrome","americycle","travelstar","safeharbor","ag");
var curSelectedEvent = "all";
var curEvent;

populateCal();
if (selMonth == months[0]) { 
	document.getElementById('prev').style.visibility = 'hidden';
} else {
	document.getElementById('prev').style.visibility = 'visible';
}
if (selMonth == months[11]) {
	document.getElementById('next').style.visibility = 'hidden';
} else { 
	document.getElementById('next').style.visibility = 'visible';
}
if (selMonth == curMonth) { 
	document.getElementById('current').style.visibility = 'hidden';
} else {
	document.getElementById('current').style.visibility = 'visible';
}
function populateCal() {
	var events = xmlDoc.getElementsByTagName(selMonth);
	var HTMLstring = "";
	for (x in eventTypes) {
		HTMLstring = "<center><table border='1' width='95%'><tr id='header_row'><th width='62%'>Event</th><th width='19%'>Start Date</th><th width='19%'>End Date</th></tr>";
		
		if (eventTypes[x] == "all")
			sub_event = events[0].getElementsByTagName("event");
		else
			sub_event = events[0].getElementsByTagName(eventTypes[x]);
			
		if (sub_event.length < 1) {
			HTMLstring +=   "<tr><td><strong><em>No events scheduled.</em></strong></td></tr>";
		} else {
			for (i=0;i<sub_event.length;i++) {
				HTMLstring += "<tr><td align='left'><strong>"+
							sub_event[i].getElementsByTagName("title")[0].childNodes[0].nodeValue+
							"</strong><br /><em>"+
							sub_event[i].getElementsByTagName("location")[0].childNodes[0].nodeValue+
							"</em>";
				if (sub_event[i].getElementsByTagName('link').length > 0) {
					HTMLstring += "&nbsp;&nbsp;<a href='"+
							sub_event[i].getElementsByTagName("link")[0].childNodes[0].nodeValue+
							"' target='_blank'>"+
							sub_event[i].getElementsByTagName("linkText")[0].childNodes[0].nodeValue+
							"</a>";
				}
				HTMLstring += "</em></td><td><em><center>"+
							sub_event[i].getElementsByTagName("startDate")[0].childNodes[0].nodeValue+
							"</center></em></td><td><em><center>"+
							sub_event[i].getElementsByTagName("endDate")[0].childNodes[0].nodeValue+
							"</center></em></td></tr>";
			}
		}
		HTMLstring += "</table></center>";
		document.getElementById(eventTypes[x]).innerHTML = HTMLstring;
		for (x in eventTypes) {
			if (eventTypes[x] != curSelectedEvent) {
				document.getElementById(eventTypes[x]).style.display = "none";
			}
		}
		document.getElementById(curSelectedEvent).style.display = "block";
		}
}

function mobileTouch(arg) {
	curSelectedEvent = arg;
	for (x in eventTypes) {
		if (eventTypes[x] != arg) {
			document.getElementById(eventTypes[x]).style.display = "none";
		}
	}
	document.getElementById(arg).style.display = "block";
}

function mouseOver(arg) {
	curSelectedEvent = arg;
	for (x in eventTypes) {
		if (eventTypes[x] != arg) {
			document.getElementById(eventTypes[x]).style.display = "none";
		}
	}
	document.getElementById(arg).style.display = "block";
	var str = "click" + arg;
	for (x in eventTypes) {
		if ("click"+eventTypes[x] != str) {
			document.getElementById("click"+eventTypes[x]).style.background = "url(/Images2/calendarButtonGeneric.jpg)";
		}
	}
	document.getElementById(str).style.background = "url(/Images2/calendarButtonPressed.jpg)";
	
	// This section will determine which header image needs to be shown based on which calendar is being shown
	switch(arg) {
		case "all":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/newsEventsHeader.jpg) no-repeat";
			break;
		case "chrome":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/newsEventsChromeHeader.jpg) no-repeat";
			break;
		case "americycle":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/newsEventsCycleHeader.jpg) no-repeat";
			break;
		case "travelstar":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/newsEventsTsHeader.jpg) no-repeat";
			break;
		case "safeharbor":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/BoatHeader.jpg) no-repeat";
			break;
		case "ag":
			document.getElementById("calendarHeaderIMG").style.background = "url(/news_events/images/newsEventsEquineHeader.jpg) no-repeat";
			break;
		default:
		
	}
}

function changeMonth(arg) {
	if (arg == 'prev') {
		monthOffset -= 1;
		selMonth = months[date.getMonth() + monthOffset];
		document.getElementById("cal_title").innerHTML = "Events Calendar for " + selMonth;
	} else if (arg == 'next') {
		monthOffset += 1;
		selMonth = months[date.getMonth() + monthOffset];
		document.getElementById("cal_title").innerHTML = "Events Calendar for " + selMonth;
	} else {
		monthOffset = 0;
		selMonth = curMonth;
		document.getElementById("cal_title").innerHTML = "Events Calendar for " + curMonth;
	}
	if (selMonth == months[0]) 
		document.getElementById('prev').style.visibility = 'hidden';
	else
		document.getElementById('prev').style.visibility = 'visible';
    if (selMonth == months[11]) 
		document.getElementById('next').style.visibility = 'hidden';
	else 
		document.getElementById('next').style.visibility = 'visible';
	if (selMonth == curMonth) 
		document.getElementById('current').style.visibility = 'hidden';
	else
		document.getElementById('current').style.visibility = 'visible';
	
	document.getElementById('calWrapper').innerHTML = "<div id='all'><center><img src='/styles/loader.gif' /></center></div><div id='chrome'><center><img src='/styles/loader.gif' /></center></div><div id='americycle'><center><img src='/styles/loader.gif' /></center></div><div id='travelstar'><center><img src='/styles/loader.gif' /></center></div><div id='safeharbor'><center><img src='/styles/loader.gif' /></center></div><div id='ag'><center><img src='/styles/loader.gif' /></center></div>";
	populateCal();
}