/* ----------------------------------------------------------------------------------------------------------------------------

	CALENDAR (by Marc Grabanski) (modified by Dana Woodman)

---------------------------------------------------------------------------------------------------------------------------- */
var calendarCallback = null;

var popUpCal = {
    selectedMonth: new Date().getMonth(), // 0-11
    selectedYear: new Date().getFullYear(), // 4-digit year
    selectedDay: new Date().getDate(),
    calendarId: 'calendarDiv',
    inputClass: 'calendarSelectDate',
    
	init: function () {
        var x = getElementsByClass(popUpCal.inputClass, document, 'input');
        var y = document.getElementById(popUpCal.calendarId);
        if (y == null)
        {
        	return;
        }
        // set the calendar position based on the input position
        
        for (var i=0; i<x.length; i++) {
            x[i].onfocus = function () {
				popUpCal.selectedMonth = new Date().getMonth();
                setPos(this, y); // setPos(targetObj,moveObj)
                y.style.display = 'block';
                popUpCal.drawCalendar(this); 
                popUpCal.setupLinks(this);
            }
        }
		popUpCal.selectedMonth = new Date().getMonth();
        //setPos(this, y); // setPos(targetObj,moveObj)
        y.style.display = 'block';
        popUpCal.drawCalendar(this); 
        popUpCal.setupLinks(this);
    },
    
    drawCalendar: function (inputObj) {

		
		var html = '';
		html += '<div id="calendarContainer">\n';	
		html += '	<div id="monthBox">\n';
		html += '		<span><a title="View previous month" id="prevMonth">&laquo;</a></span>\n';
		html += '		<span id="month">' + getMonthName(popUpCal.selectedMonth) + ' ' + popUpCal.selectedYear + '</span>\n';
		html += '		<span><a title="View next month" id="nextMonth">&raquo;</a></span>\n';
		html += '	</div>\n';
		html += '	<table cellspacing="0" id="calendar">\n';
		html += '		<thead>\n';
		html += '			<tr class="weekDaysTitleRow">\n';
		
        var weekDays = new Array('S','M','T','W','T','F','S');
		for (var j = 0; j < weekDays.length; j++) {
			html += '				<th>'+weekDays[j]+'</th>\n';
		}
		
		html += '			</tr>\n';
		html += '		</thead>\n';
		html += '		<tbody>\n';
		
		
		
		var daysInMonth = getDaysInMonth(popUpCal.selectedYear, popUpCal.selectedMonth);
		var startDay = getFirstDayofMonth(popUpCal.selectedYear, popUpCal.selectedMonth);
		var numRows = 0;
		var printDate = 1;
		
		// Calculate the number of rows to generate
		if (startDay != 7) {
			numRows = Math.ceil(((startDay+1)+(daysInMonth))/7);
		}
		
		// Calculate number of days before calendar starts
		if (startDay != 7) {
			var noPrintDays = startDay + 1; 
		} else {
			var noPrintDays = 0; // if sunday print right away	
		}
		
		var today = new Date().getDate();
		var thisMonth = new Date().getMonth();
		var thisYear = new Date().getFullYear();
		
		// Create calendar rows
		for (var e=0; e<numRows; e++) {
			html += '<tr>\n';
			// Create calendar days
			for (var f=0; f<7; f++) {
				if ( (printDate == today) && (popUpCal.selectedYear == thisYear) && (popUpCal.selectedMonth == thisMonth) && (noPrintDays == 0)) {
					html += '<td id="today">\n';
				} else {
					html += '<td>\n';
				}
				if (noPrintDays == 0) {
					if (printDate <= daysInMonth) {
						html += '<a title="View events on this days date">'+printDate+'</a>\n';
					}
					printDate++;
				}
				html += '</td>\n';
				if(noPrintDays > 0) {noPrintDays--;}
			}
			html += '</tr>\n';
		}

		
		html += '		</tbody>\n';
		html += '	</table>\n';
		html += '</div>\n';

		
		
		
		
        // add calendar to element to calendar Div
        var calendarDiv = document.getElementById(popUpCal.calendarId);
        calendarDiv.innerHTML = html;
        
        // close button link
        //document.getElementById('closeCalender').onclick = function () {
        //    calendarDiv.style.display = 'none';
        //}
        
        
		// setup next and previous links
        document.getElementById('prevMonth').onclick = function () {
            popUpCal.selectedMonth--;
            if (popUpCal.selectedMonth < 0) {
                popUpCal.selectedMonth = 11;
                popUpCal.selectedYear--;
            }
            popUpCal.drawCalendar(inputObj); 
            popUpCal.setupLinks(inputObj);
        }
        document.getElementById('nextMonth').onclick = function () {
            popUpCal.selectedMonth++;
            if (popUpCal.selectedMonth > 11) {
                popUpCal.selectedMonth = 0;
                popUpCal.selectedYear++;
            }
            popUpCal.drawCalendar(inputObj); 
            popUpCal.setupLinks(inputObj);
        }
        
    }, // end drawCalendar function
    
    setupLinks: function (inputObj) {
        // set up link events on calendar table
        var y = document.getElementById('calendar');
        var x = y.getElementsByTagName('a');
        for (var i=0; i<x.length; i++) {
            x[i].onmouseover = function () {
                this.parentNode.className = 'weekDaysCellOver';
            }
            x[i].onmouseout = function () {
                this.parentNode.className = 'weekDaysCell';
            }
            x[i].onclick = function () {
                //document.getElementById(popUpCal.calendarId).style.display = 'none';
                popUpCal.selectedDay = this.innerHTML;
                //inputObj.value = formatDate(popUpCal.selectedDay, popUpCal.selectedMonth, popUpCal.selectedYear);		
                if (calendarCallback != null)
                {
	                calendarCallback(popUpCal.selectedDay, popUpCal.selectedMonth, popUpCal.selectedYear);		
                }
            }
        }
    }
    
}

// Add calendar event that has wide browser support



if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", popUpCal.init, false );
else if ( typeof window.attachEvent != "undefined" )
    window.attachEvent( "onload", popUpCal.init );
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            popUpCal.init();
	           
        };
    }
    else
        window.onload = popUpCal.init;
}


// Functions Dealing with Dates

function formatDate(Day, Month, Year) {
    Month++; // adjust javascript month
    if (Month <10) Month = '0'+Month; // add a zero if less than 10
    if (Day < 10) Day = '0'+Day; // add a zero if less than 10
    var dateString = Month+'/'+Day+'/'+Year;
    return dateString;
}

function getMonthName(month) {
    var monthNames = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
    return monthNames[month];
}

function getDayName(day) {
    var dayNames = new Array('Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday')
    return dayNames[day];
}

function getDaysInMonth(year, month) {
    return 32 - new Date(year, month, 32).getDate();
}

function getFirstDayofMonth(year, month) {
    var day;
    day = new Date(year, month, 0).getDay();
    return day;
}


/*
// Position Functions
function setPos(targetObj,moveObj) {
    var coors = findPos(targetObj);
    moveObj.style.position = 'absolute';
    moveObj.style.top = coors[1]+18 + 'px';
    moveObj.style.left = coors[0] + 'px';
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}
*/
