﻿/* MarcGrabanski.com */

/* Pop-Up Calendar Built from Scratch by Marc Grabanski */

var monthNamesHash = new Hash();
monthNamesHash.set("US",new Array('January','February','March','April','May','June','July','August','September','October','November','December'));
monthNamesHash.set("UK",new Array('January','February','March','April','May','June','July','August','September','October','November','December'));
monthNamesHash.set("FR",new Array('Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'));
monthNamesHash.set("IT",new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno','Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'));

var popUpCal = {
    selectedMonth: new Date().getMonth(), // 0-11
    selectedYear: new Date().getFullYear(), // 4-digit year
    selectedDay: new Date().getDate(),
    calendarId: 'calendarDiv',
    inputClass: 'date',
    language: 'US',
    isInternational: false,
    
	init: function () {
        var x = getElementsByClass(popUpCal.inputClass, document, 'input');   
        var x1 = getElementsByClass('cal', document, 'img');   
        var y = document.getElementById(popUpCal.calendarId);
        // set the calendar position based on the input position and Img
        
         for (var i=0; i<x1.length; i++) {      
            x1[i].onclick = function () {
                    var oInputElement;
                    oLob = $(this).getOffsetParent().id;                    
                    if($(this).hasClassName('depart')){                
                         oInputElement = $('departDate.' + getLOB(oLob));                     
                    }else if($(this).hasClassName('return')){
                        oInputElement = $('returnDate.' + getLOB(oLob));
                    }
                    popUpCal.addEvents(oInputElement, y);                
                }
            }
         
        for (var i=0; i<x.length; i++) {        
            x[i].onfocus = function () {     
               popUpCal.addEvents($(this), y);
            }
        }
    },
    
    addEvents: function (inputObj, calID) {
                popUpCal.selectedMonth = new Date(popUpCal.isInternational ? ParseDate($(inputObj).value) : $(inputObj).value).getMonth();   
                popUpCal.selectedYear =  new Date(popUpCal.isInternational ? ParseDate($(inputObj).value) : $(inputObj).value).getFullYear();
                setPos(inputObj, calID); // setPos(targetObj,moveObj)
                calID.style.display = 'block';
                popUpCal.drawCalendar(inputObj); 
                popUpCal.setupLinks(inputObj);
    },
    
    drawCalendar: function (inputObj) {
        var inputDate = popUpCal.isInternational?new Date(ParseDate($(inputObj).value)) : new Date($(inputObj).value);    
		var html = '';			
		html = '<table cellpadding="0" cellspacing="0" id="linksTable"><tr class="calendarHeader">';
		html += '<th><a id="prevMonth">&#171;</a></th><th colspan="5">'+getMonthName(popUpCal.selectedMonth)+' '+popUpCal.selectedYear+'</th><th><a id="nextMonth">&#187;</a></th>';
		html += '</tr></table>';		
		html += '<table id="calendar" cellpadding="0" cellspacing="0">';		
		html += '<tr class="weekDaysTitleRow">';
        var weekDays = new Array('S','M','T','W','T','F','S');
        for (var j=0; j<weekDays.length; j++) {
			html += '<td class="quiet">'+weekDays[j]+'</td>';
        }
		
        var daysInMonth = getDaysInMonth(popUpCal.selectedYear,  popUpCal.selectedMonth);
        var startDay = getFirstDayofMonth(popUpCal.selectedYear, popUpCal.selectedMonth);
        var numRows = 0;
        var printDate = 1;
        if (startDay != 7) {
            numRows = Math.ceil(((startDay+1)+(daysInMonth))/7); // calculate the number of rows to generate
        }
		
        // 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 class="weekDaysRow">';
            // create calendar days
            for (var f=0; f<7; f++) {
				if((printDate == inputDate.getDate()) && (popUpCal.selectedYear == inputDate.getFullYear()) && (popUpCal.selectedMonth == inputDate.getMonth()) && (noPrintDays == 0)) {
					html += '<td id="today" class="weekDaysCell">';
				} else {
	html += '<td class="weekDaysCell">'; }

                if (noPrintDays == 0) {
					if (printDate <= daysInMonth) {
				 	    if(popUpCal.selectedYear < thisYear) {
							html += '<strike>' + printDate + '</strike>';
						}
						else if((popUpCal.selectedYear == thisYear) && (popUpCal.selectedMonth < thisMonth)){
								html += '<strike>' + printDate + '</strike>';	
						}
						else if (printDate < today && popUpCal.selectedMonth == thisMonth) {
							html += '<strike>' + printDate + '</strike>';
						}
						else { 
							 html += '<a>'+printDate+'</a>';  
						}
					}
                    printDate++;
                }
                html += '</td>';
                if(noPrintDays > 0) noPrintDays--;
            }
            html += '</tr>';
        }
		html += '</table><table id="calendar" cellpadding="0" cellspacing="0"><tr><td class="alignC"><a id="closeCalender1">Close Calendar</a></td></tr></table>';
        
        // add calendar to element to calendar Div
        var calendarDiv = document.getElementById(popUpCal.calendarId);
        calendarDiv.innerHTML = html;
        
        // close button link
        document.getElementById('closeCalender1').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].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);	
                setDateValue(inputObj);
            }
        }
    }
    
}

/* 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 = popUpCal.isInternational ? Day+'/'+Month+'/'+Year : Month+'/'+Day+'/'+Year;
    return dateString;
}

function getMonthName(month) {
    var monthNames = monthNamesHash.get(popUpCal.language);
    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;
}
 
/* Common Scripts */

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if ( node == null ) node = document;
    if ( tag == null ) tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;
}

/* Position Functions */

function setPos(targetObj,moveObj) {
    var coors = findPos(targetObj);
    moveObj.style.position = 'absolute';
    moveObj.style.top = coors[1]+20 + '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];
}

 function getLOB(pName){
    if(pName == 'air') return 2;
    else if(pName == 'hotel') return 1;
    else if(pName == 'package') return 3;
    else if(pName == 'car') return 4;		   
    else return 0;		      
}