// initCalendar function
function initCalendars() {     

    var aCalendars = $(document).getElements('.calendarModule');
                  
    if (aCalendars != null) {
        var i = aCalendars.length;
        while (i--) {
            var oMonthSpan = aCalendars[i].getElements('.month');
            
            oMonthSpan[0].onmouseover = function () { 
                chooseMonthCalendar(this);
            }

            oMonthSpan[0].onmouseout = function () {
                if (window.oTimeoutCalenderChooseMonthPopup !== undefined) {
                    clearTimeout(oTimeoutCalenderChooseMonthPopup);
                }

                oTimeoutCalenderChooseMonthPopup = setTimeout (function () { closeChooseMonthPopup(); }, 500);
            }

            oMonthSpan[0].onclick = function () {
                return false;
            }

            buildCalendar(aCalendars[i]);
        }
    }
}



// buildCalendar function
function buildCalendar(oCalendar) {
    var aDls = oCalendar.getElementsByTagName('dl');

    var i = aDls.length;
    while (i--) {
        var aChildNodes = aDls[i].childNodes;

        var oDt = null;
        var oDd = null;
        for (var y = 0; y < aChildNodes.length; y++) {
            if (aChildNodes[y].tagName == 'DT') {
                oDt = aChildNodes[y];
            } else if (aChildNodes[y].className == 'calendarInfobox') {
                oDd = aChildNodes[y];
            }


            if (oDt != null && oDd != null) {           
                oDt.contents = oDd.innerHTML;
                oDt.onmouseover = function () {       
                    if (window.oTimeoutCalenderPopup !== undefined) {
                        clearTimeout(oTimeoutCalenderPopup);          
                    }
                    closeCalendarPopup();

                    var oBody = document.getElementsByTagName("body").item(0);

                    var oCalendarInfobox = document.createElement("div");
                    oCalendarInfobox.setAttribute('id','calendarInfobox');
                    oCalendarInfobox.innerHTML = this.contents;
                    oBody.appendChild(oCalendarInfobox);

                    var oCalendarInfoboxArrow = document.createElement("div");
                    oCalendarInfoboxArrow.setAttribute('id','calendarInfoboxArrow');
                    oBody.appendChild(oCalendarInfoboxArrow);

                    var aPos = findPos(this);

                    oCalendarInfobox.style.left = aPos[0] - oCalendarInfobox.clientWidth - 18 - 5 + "px";
                    oCalendarInfobox.style.top = aPos[1] - (oCalendarInfobox.clientHeight / 2) + "px";

                    oCalendarInfoboxArrow.style.left = aPos[0] - 5 - 9 + "px";
                    oCalendarInfoboxArrow.style.top = aPos[1] + 4  + "px";

                    oCalendarInfobox.onmouseover = function () {
                        if (window.oTimeoutCalenderPopup !== undefined) {
                            clearTimeout(oTimeoutCalenderPopup);
                        }
                    }

                    oCalendarInfobox.onmouseout = function () {
                        oTimeoutCalenderPopup = setTimeout (function () { closeCalendarPopup(); }, 500);
                    }
                }

                oDt.onmouseout = function () {
                    if (window.oTimeoutCalenderPopup !== undefined) {
                        clearTimeout(oTimeoutCalenderPopup);
                    }

                    oTimeoutCalenderPopup = setTimeout (function () { closeCalendarPopup(); }, 500);
                }

                oDt.onclick = function () {
                    return false;
                }

                // Reset
                oDt = null;
                oDd = null;
            }
        }
    }
}

// closeCalendarPopup function
function closeCalendarPopup () {
    var oBody = document.getElementsByTagName("body").item(0);

    var oCalendarInfobox = document.getElementById('calendarInfobox');

    if (!oCalendarInfobox) {
        return false;
    }

    var oCalendarInfoboxArrow = document.getElementById('calendarInfoboxArrow');

    oBody.removeChild(oCalendarInfobox);
    oBody.removeChild(oCalendarInfoboxArrow);
}

// chooseMonthCalendar function
function chooseMonthCalendar (oMonthSpan) {
    if (window.oTimeoutCalenderChooseMonthPopup !== undefined) {      
        clearTimeout(oTimeoutCalenderChooseMonthPopup);
    }
    closeChooseMonthPopup();

    var oBody = document.getElementsByTagName("body").item(0);

    
    
    var oCalendarMonthBox = document.createElement("div");
    oCalendarMonthBox.setAttribute('id','calendarMonthBox');
    oCalendarMonthBox.innerHTML = oMonthSpan.lastChild.innerHTML;
    oCalendarMonthBox.style.display = "block";

    oBody.appendChild(oCalendarMonthBox);

    var aPos = findPos(oMonthSpan);
            
    //oCalendarMonthBox.style.position = 'relative'; 
    oCalendarMonthBox.style.left = aPos[0] - 10 + "px"; 
    oCalendarMonthBox.style.top = aPos[1] + 20  + "px";
    oCalendarMonthBox.style.zIndex = 1000;
    
    document.getElementById('monthSelector').style.display = 'block';
    
    
    
    // hier nog ff de pop up box stylen en de data wordt er nog niet in gezet..
    //oCalendarMonthBox.style.width = '100px';
    //oCalendarMonthBox.style.height = '100px';
    //oCalendarMonthBox.style.background = '#FF0000';


    oCalendarMonthBox.onmouseover = function () {
        if (window.oTimeoutCalenderChooseMonthPopup !== undefined) {
            clearTimeout(oTimeoutCalenderChooseMonthPopup);
        }
    }

    oCalendarMonthBox.onmouseout = function () {
        oTimeoutCalenderChooseMonthPopup = setTimeout (function () { closeChooseMonthPopup(); }, 500);
    }

    oMonthSpan.onclick = null;
}

// closeChooseMonthPopup function
function closeChooseMonthPopup () {
    var oBody = document.getElementsByTagName("body").item(0);

    var oCalendarMonthBox = document.getElementById('calendarMonthBox');

    if (!oCalendarMonthBox) {
        return false;
    }

    oBody.removeChild(oCalendarMonthBox);
}

// findPos function
function findPos(obj) {                
    var curleft = curtop = 0;

    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }

    return [curleft,curtop];
}