<!--
var monthToWord=new Array(12)
monthToWord[0]="January"
monthToWord[1]="February"
monthToWord[2]="March"
monthToWord[3]="April"
monthToWord[4]="May"
monthToWord[5]="June"
monthToWord[6]="July"
monthToWord[7]="August"
monthToWord[8]="September"
monthToWord[9]="October"
monthToWord[10]="November"
monthToWord[11]="December"

var d=new Date()
var toRender = ""
var month=monthToWord[d.getMonth()]
var monthWord
var firstDay
var dateArray = new Array()
var EventsCalendar = Class.create()
var toSplit

EventsCalendar.prototype = {  
  initialize: function() {
    this.updateMonth()
  },
  
  getDaysInMonth: function(month, year) {
	  var dd = new Date(year, month, 0)
	  return dd.getDate()
  },

  num_abbrev_str: function(num) {
    var len = num.length, last_char = num.charAt(len - 1), abbrev
    if (len == 2 && num.charAt(0) == '1') {
  		abbrev = 'th'
	} else {
		if (last_char == '1') {
				abbrev = 'st'
		} else if (last_char == '2') {
				abbrev = 'nd'
		} else if (last_char == '3') {
				abbrev = 'rd'
		} else {
				abbrev = 'th'
		}
	}
	
	return num + abbrev

	},
  
	showEvent: function(theid,display){
		
		var moreInfo
		
		if (this.events[theid].file){
			moreInfo = '<p><a href="' + this.events[theid].file + '" target="_blank">More Information</a></p>'
		}
		
		if (moreInfo.length>60){
			var content = "<h2>" + this.events[theid].title + "</h2>" + this.events[theid].description + moreInfo
		}else{
			var content = "<h2>" + this.events[theid].title + "</h2>" + this.events[theid].description
		}
			
			$(display).innerHTML = content
	},

  fill_table: function(month,monthLength,year,displayId){
	var eventsRender = '<table>'
    day=1

    firstDay = new Date(year, monthNumber-1,1)
    startDay = firstDay.getDay()+1;

    toRender+=('<a href="javascript:void(0);" onClick="x.updateMonth(\'prev\');" class="prev"><<</a><div class="monthyear">'+ month + ' ' + year + '</div><a href="javascript:void(0);" onClick="x.updateMonth(\'next\');" class="next">>></a>')

    this.dayTitle("S")
    this.dayTitle("M")
    this.dayTitle("T")
    this.dayTitle("W")
    this.dayTitle("T")
    this.dayTitle("F")
    this.dayTitle("S")

    //toRender+=("<div class='daycontainer'>")
    for (var i=1;i<startDay;i++){
          toRender+=('<a>')
    }

    // fill the first week of days
    for (var i=startDay;i<8;i++){
		toRender+=("<a id=\"" + day + "\" class=\"day\">"+day+"</a>")
        day++
    }

    while (day <= monthLength) {
       	for (var i=1;i<=7 && day<=monthLength;i++){
        	toRender+=("<a class=\"day\" id=\""+day+"\">"+day+"</a>")
           	day++
       	}
     	startDay=i
    }

    //toRender+=("</TR></TABLE><BR>")
    $(displayId).innerHTML = toRender
    toRender = ""
    var self = this
	
	$$("a.day").invoke("observe", "click", function() {
		this.hasClassName('selected')? self.deselectDate(this) : self.selectDate(this)
	});
	this.showSelected()
  },
  
  	selectDate: function(day){
	day.addClassName('selected')
	$('dates').value += day.id + "/" + monthNumber + "/" + year + ";"
	},
	
	deselectDate: function(day){
		var rmv = day.id + "/" + monthNumber + "/" + year + ";"
		$('dates').value = $('dates').value.replace(rmv,"")
		day.removeClassName('selected')
	},
	
	showSelected: function(){
		var totalDates = $('dates').value.split(';')
		var z=0
		while (z<totalDates.length){
			subdate = totalDates[z].split('/');
			if ($(subdate[0])){
				if (subdate[1]==monthNumber && subdate[2]==year){
					$(subdate[0]).addClassName('selected')
				}
			}
			z++;
		}
		
	},
	
  dayTitle: function(dayName){
       toRender+=("<a class='dayname'>"+dayName+"</a>")
  },
  
  updateMonth: function(direction){
  	if (direction=='next'){
  		if (monthNumber==12){
  			year++
  			monthNumber=1
  		}else{
  			monthNumber++
  		}
  	}else if(direction=='prev'){ 
  		if (monthNumber==1){
  			year--
  			monthNumber=12
  		}else{
  			monthNumber--
  		}
  	}else{ //Get Current Month
  		monthWord = monthToWord[6]
  	}

  	monthWord = monthToWord[monthNumber-1] 

  	daysInMonth = this.getDaysInMonth(monthNumber,year)
  	this.fill_table(monthWord,daysInMonth,year,'display')

  }
	
}
var today = new Date()
var year = today.getFullYear()
var monthNumber = today.getMonth() + 1
Event.observe(window, 'load', function() { document.x = new EventsCalendar() } );
// end hiding -->