function startCalendars() {
    Date.firstDayOfWeek = 7;
    var one_day=1000*60*60*24;
    var startFrom = compZero(document.getElementById("fd").value,2) + '/' + compZero(document.getElementById("fm").value,2) + '/' + document.getElementById("fy").value;
    var startTo = compZero(document.getElementById("td").value,2) + '/' + compZero(document.getElementById("tm").value,2) + '/' + document.getElementById("ty").value;

    var AV_FROM_DATE = new Date(document.getElementById("fy").value, document.getElementById("fm").value - 1, document.getElementById("fd").value);
    var AV_TO_DATE = new Date(document.getElementById("ty").value, document.getElementById("tm").value - 1, document.getElementById("td").value);

    longDateFormat('#strFrom', AV_FROM_DATE);
    longDateFormat('#strTo', AV_TO_DATE);

    //Date.format = 'dd/mmm/yy';
    //$('.date-picker').dpSetStartDate('01/01/2000')
    //$('input.date-picker').datePicker();

    $('#dateFrom')
        .datePicker().val(startFrom).trigger('change')
        .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                longDateFormat('#strFrom', selectedDate);
                setDropDownDate('dateFrom','f', selectedDate.asString());
                $('#arrivalCal').dpSetSelected(selectedDate.asString());
                var diff = ($('#dateTo').dpGetSelected() - $('#dateFrom').dpGetSelected()) / one_day;
                if (diff < 2) {
                    $('#dateTo').dpSetSelected(selectedDate.addDays(2).asString());
                    setDropDownDate('dateTo','t', document.getElementById("dateTo").value);
                    $('#departureCal').dpSetSelected(selectedDate.asString());
                }
            }
        );



    $('#dateTo')
        .datePicker().val(startTo).trigger('change')
        .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                longDateFormat('#strTo', selectedDate);
                setDropDownDate('dateTo','t', selectedDate.asString());
                $('#departureCal').dpSetSelected(selectedDate.asString());
                var diff = ($('#dateTo').dpGetSelected() - $('#dateFrom').dpGetSelected()) / one_day;
                if (diff < 2) {
                    $('#dateFrom').dpSetSelected(selectedDate.addDays(-2).asString());
                    setDropDownDate('dateFrom','f', document.getElementById("dateFrom").value);
                    $('#arrivalCal').dpSetSelected(selectedDate.asString());
                }
            }
        );

	$('#arrivalCal')
        .datePicker({inline:true})
		.bind(
			'dpMonthChanged',
			function(event, displayedMonth, displayedYear)
			{
				//$('#departureCal').dpSetDisplayedMonth(displayedMonth+1, displayedYear);
			}
		)
		.bind(
			'dateSelected',
            function(e, selectedDate, $td)
            {
                $('#dateFrom').dpSetSelected(selectedDate.asString());
                longDateFormat('#strFrom', selectedDate);
                setDropDownDate('dateFrom','f', selectedDate.asString());
                var diff = ($('#dateTo').dpGetSelected() - $('#dateFrom').dpGetSelected()) / one_day;
                if (diff < 2) {
                    $('#dateTo').dpSetSelected(selectedDate.addDays(2).asString());
                    setDropDownDate('dateTo','t', document.getElementById("dateTo").value);
                    $('#departureCal').dpSetSelected(selectedDate.asString());
                }
            }
		);

	$('#departureCal')
        .datePicker({inline:true})
		.bind(
			'dpMonthChanged',
			function(event, displayedMonth, displayedYear)
			{
				//$('#arrivalCal').dpSetDisplayedMonth(displayedMonth-1, displayedYear);
			}
		)
		.bind(
			'dateSelected',
            function(e, selectedDate, $td)
            {
                $('#dateTo').dpSetSelected(selectedDate.asString());
                longDateFormat('#strTo', selectedDate);
                setDropDownDate('dateTo','t', selectedDate.asString());
                var diff = ($('#dateTo').dpGetSelected() - $('#dateFrom').dpGetSelected()) / one_day;
                if (diff < 2) {
                    $('#dateFrom').dpSetSelected(selectedDate.addDays(-2).asString());
                    setDropDownDate('dateFrom','f', document.getElementById("dateFrom").value);
                    $('#arrivalCal').dpSetSelected(selectedDate.asString());
                }
            }
		);

    //$('.dp-nav-next', $('#arrivalCal')).html('');
    //$('.dp-nav-prev', $('#departureCal')).html('');

    $('#arrivalCal').dpSetSelected(startFrom);
    $('#departureCal').dpSetSelected(startTo);

}

function compZero(Str, n) {
    for (var t=0; t < n - Str.length; ++t) {
        Str = "0" + Str;
    }
    return Str;
}

function longDateFormat(ID, selectedDate) {
    $(ID).val(selectedDate.myFormat('l, F jS, Y'));
}

function setDropDownDate(ID, prefix, strDate) {
    var o = document.getElementById(ID);
    if (o) {
        var arr = o.value.split("/");
        var dpdd = document.getElementById(prefix+"d");
        var dpmm = document.getElementById(prefix+"m");
        var dpyy = document.getElementById(prefix+"y");
        if (dpdd) dpdd.value = arr[0]*1;
        if (dpmm) dpmm.value = arr[1]*1;
        if (dpyy) dpyy.value = arr[2]*1;
    }
}

// Simulates PHP's date function
Date.prototype.myFormat = function(format) {
	var returnStr = '';
	var replace = Date.replaceChars;
	for (var i = 0; i < format.length; i++) {
		var curChar = format.charAt(i);
		if (replace[curChar])
			returnStr += replace[curChar].call(this);
		else
			returnStr += curChar;
	}
	return returnStr;
};
Date.replaceChars = {
	shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
	longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
	shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
	longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
	
	// Day
	d: function() { return (this.getDate() < 10 ? '0' : '') + this.getDate(); },
	D: function() { return Date.replaceChars.shortDays[this.getDay()]; },
	j: function() { return this.getDate(); },
	l: function() { return Date.replaceChars.longDays[this.getDay()]; },
	N: function() { return this.getDay() + 1; },
	S: function() { return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th'))); },
	w: function() { return this.getDay(); },
	z: function() { return "Not Yet Supported"; },
	// Week
	W: function() { return "Not Yet Supported"; },
	// Month
	F: function() { return Date.replaceChars.longMonths[this.getMonth()]; },
	m: function() { return (this.getMonth() < 11 ? '0' : '') + (this.getMonth() + 1); },
	M: function() { return Date.replaceChars.shortMonths[this.getMonth()]; },
	n: function() { return this.getMonth() + 1; },
	t: function() { return "Not Yet Supported"; },
	// Year
	L: function() { return "Not Yet Supported"; },
	o: function() { return "Not Supported"; },
	Y: function() { return this.getFullYear(); },
	y: function() { return ('' + this.getFullYear()).substr(2); },
	// Time
	a: function() { return this.getHours() < 12 ? 'am' : 'pm'; },
	A: function() { return this.getHours() < 12 ? 'AM' : 'PM'; },
	B: function() { return "Not Yet Supported"; },
	g: function() { return this.getHours() == 0 ? 12 : (this.getHours() > 12 ? this.getHours() - 12 : this.getHours()); },
	G: function() { return this.getHours(); },
	h: function() { return (this.getHours() < 10 || (12 < this.getHours() < 22) ? '0' : '') + (this.getHours() < 10 ? this.getHours() + 1 : this.getHours() - 12); },
	H: function() { return (this.getHours() < 10 ? '0' : '') + this.getHours(); },
	i: function() { return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes(); },
	s: function() { return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds(); },
	// Timezone
	e: function() { return "Not Yet Supported"; },
	I: function() { return "Not Supported"; },
	O: function() { return (this.getTimezoneOffset() < 0 ? '-' : '+') + (this.getTimezoneOffset() / 60 < 10 ? '0' : '') + (this.getTimezoneOffset() / 60) + '00'; },
	T: function() { return "Not Yet Supported"; },
	Z: function() { return this.getTimezoneOffset() * 60; },
	// Full Date/Time
	c: function() { return "Not Yet Supported"; },
	r: function() { return this.toString(); },
	U: function() { return this.getTime() / 1000; }
}

LoadDates(document.DateSelect);
startCalendars()