$(document).ready(function(){  
	
	var config = {
		sensitivity: 3,
		interval: 150,
		over: makeTall,
		timeout: 0,
		out: makeShort
	}
	
	$("ul#topnav li").hoverIntent(config);
	
	function makeTall() 
	{ //When list item is hovered over ...  
		$(this).find("ul.subnav").fadeIn('fast').show()
	}

	function makeShort()
	{
		$(this).parent().find("ul.subnav").fadeOut('slow'); //When the mouse hovers out of the subnav, move it back up  
	}
	
})

function ajaxRequester()
{
	var myRequest;
	try{
		myRequest = new ActiveXObject("Msxml2.XMLHTTP");
	}catch(e){
		try{
			myRequest = new ActiveXObject("Microsoft.XMLHTTP");
		}catch(oc){
			myRequest = null;
		}
	}
 
	if(!myRequest && typeof XMLHttpRequest != "undefined"){
		myRequest = new XMLHttpRequest();
	}
	return myRequest;
}

function getFullMonth(dateobj)
{
	var monthstr = ''
	switch(dateobj.getMonth())
	{
		case 0:
			monthstr = 'January'
			break;
		case 1:
			monthstr = 'February'
			break;
		case 2:
			monthstr = 'March'
			break;
		case 3:
			monthstr = 'April'
			break;
		case 4:
			monthstr = 'May'
			break;
		case 5:
			monthstr = 'June'
			break;
		case 6:
			monthstr = 'July'
			break;
		case 7:
			monthstr = 'August'
			break;
		case 8:
			monthstr = 'September'
			break;
		case 9:
			monthstr = 'October'
			break;
		case 10:
			monthstr = 'November'
			break;
		case 11:
			monthstr = 'December'
			break;
	}
	return monthstr
}

function getTimestr(dateobj)
{
	var timestr = ''
	var ampm = 'AM'
	var hour = dateobj.getHours()
	if(hour > 12)
	{
		hour = hour - 12
		ampm = 'PM'
	} else if(hour == 0) {
		hour = 12
	}
	
	var mins = dateobj.getMinutes()
	if(mins < 10) mins = '0' + mins
	
	timestr = hour + ':' + mins + ' ' + ampm
	return timestr
}

function loadEvent(idnum)
{
	var parent = document.getElementById('eventdetail')
	parent.innerHTML = ''
  var loadAjax = ajaxRequester();

  if( loadAjax != null)
  {
		var strQueryString = 'index.cfm/event/eventdetails/id/' + idnum
		loadAjax.open("GET", strQueryString, true);
		loadAjax.onreadystatechange = function (aEvt) {
			if( loadAjax.readyState == 4)
			{ //The load is complete when readyState equals 4
				if( loadAjax.status != "200" &&  loadAjax.status != undefined)
				{
					parent.innerHTML = '<p>Error getting event details</p>'
				} else {
          var xmlDoc; 
          if(window.ActiveXObject)
          {
              //Internet Explorer
              xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
              xmlDoc.async = false;
              xmlDoc.loadXML( loadAjax.responseText);
          }
          else if(document.implementation && document.implementation.createDocument)
          {
              //Mozilla
              xmlDoc =  loadAjax.responseXML;
          }
          
          var eventname = $(xmlDoc).find('name').text()
          var eventdesc = $(xmlDoc).find('description').text()
          var eventloc = $(xmlDoc).find('location').text()
          var eventcat = $(xmlDoc).find('category').text()
          var eventdatetime = $(xmlDoc).find('date').text()
          var eventsite = $(xmlDoc).find('website').text()

          datetimespl = eventdatetime.split(' ')
          timestr = datetimespl[1].replace('.0','')
          var datespl = datetimespl[0].split('-')
					var eventdate = new Date(datespl[1] + '/' + datespl[2] + '/' + datespl[0] + ' ' + timestr)
          
          var eventdiv = document.createElement('div')
          eventdiv.className = 'eventdetail'
          eventdiv.style.display = 'none'
          var namep = document.createElement('p')
          namep.className = 'eventName'
          namep.innerHTML = eventname
          
          var datep = document.createElement('p')
          datep.className = 'eventDate'
          datestr = getFullMonth(eventdate) + ' ' + eventdate.getDay() + ', ' + eventdate.getFullYear() + ' at ' + getTimestr(eventdate)
          if(eventloc != '') datestr = datestr + ' at ' + eventloc
          datep.innerHTML = datestr
          
          var categoryp = document.createElement('p')
          categoryp.className = 'eventCat'
          categoryp.innerHTML = eventcat
          
          var descdiv = document.createElement('div')
          descdiv.className = 'eventDesc'
          descdiv.innerHTML = eventdesc
          
          var linka = document.createElement('a')
          linka.className = 'eventLink'
          linka.innerHTML = 'Click for more information'
          linka.href = eventsite
          linka.target = '_blank'
          
          eventdiv.appendChild(namep)
          eventdiv.appendChild(datep)
          if(eventcat != '') eventdiv.appendChild(categoryp)
          eventdiv.appendChild(descdiv)
          if(eventsite != '') eventdiv.appendChild(linka)
          
          parent.appendChild(eventdiv)
          $(eventdiv).fadeIn()
          
				}
			}
		}
		loadAjax.send(null);
	}
}