function calendarUpdateFields(cal)
{
    var date = cal.selection.get();
    if (date)
	{
        date = Calendar.intToDate(date);
        document.getElementById("popup-select-date").value = Calendar.printDate(date, "%d");
        document.getElementById("popup-select-month").value = Calendar.printDate(date, "%Y-%m");
    }
}

function calendarBindCalendar()
{
    var min = new Date();
    var max = new Date();

	min.setDate(min.getDate());
    max.setMonth(min.getMonth() + 11);

	var cal = Calendar.setup({
        'onSelect' : function(cal) { calendarUpdateFields( cal ); cal.hide() },
        'inputField' : "popup-select-date-hidden",
        'min' : min,
        'max' : max,
        'bottomBar' : false,
        'align': 'left'
    });

    cal.selection.set(min);
    document.getElementById("popup-select-date").value = Calendar.printDate(min, "%d");

	var monthSelect = document.getElementById("popup-select-month");
    var curDate = new Date();
	curDate.setDate(1);

    for ( var i=1; i<=12; i++ ) {
        var option = document.createElement('option');
        option.value = Calendar.printDate(curDate, "%Y-%m");
        var label = document.createTextNode( Calendar.printDate(curDate, "%B '%y") );
        option.appendChild(label);
        monthSelect.appendChild(option);
        curDate.setMonth( curDate.getMonth() + 1 );
    }

    document.getElementById("popup-calendar-btn").onclick = function ()
	{
		cal.popup("popup-calendar-anchor", "right");
	}

}