// JavaScript Document



    YAHOO.util.Event.onDOMReady(function () {
        function onButtonClick() {

            /*
                 Create an empty body element for the Overlay instance in order
                 to reserve space to render the Calendar instance into.
            */

            oCalendarMenu.setBody(" ");
            oCalendarMenu.body.id = "calendarcontainer";

            // Render the Overlay instance into the Button's parent element

            oCalendarMenu.render(this.get("container"));

            // Align the Overlay to the Button instance

            oCalendarMenu.align();

            /*
                 Create a Calendar instance and render it into the body
                 element of the Overlay.
            */

            var oCalendar = new YAHOO.widget.Calendar("buttoncalendar", oCalendarMenu.body.id);
            oCalendar.render();

            /*
                Subscribe to the Calendar instance's "changePage" event to
                keep the Overlay visible when either the previous or next page
                controls are clicked.
            */

            oCalendar.changePageEvent.subscribe(function () {
                window.setTimeout(function () {
                    oCalendarMenu.show();

                }, 0);
            });   

            /*
                Subscribe to the Calendar instance's "select" event to
                update the month, day, year form fields when the user
                selects a date.
            */

            oCalendar.selectEvent.subscribe(function (p_sType, p_aArgs) {
                var aDate;
                if (p_aArgs) {
                    aDate = p_aArgs[0][0];
                    
                    //YAHOO.util.Dom.get("month-field").value = aDate[1];
                    //YAHOO.util.Dom.get("day-field").value = aDate[2];
                    //YAHOO.util.Dom.get("year-field").value = aDate[0];
                    YAHOO.util.Dom.get("date-field").value = aDate[1]+"/"+aDate[2]+"/"+aDate[0];
                }
                oCalendarMenu.hide();
            });

            /*
                 Unsubscribe from the "click" event so that this code is
                 only executed once
            */

            this.unsubscribe("click", onButtonClick);
        }

        // Create an Overlay instance to house the Calendar instance

        var oCalendarMenu = new YAHOO.widget.Overlay("calendarmenu");

        // Create a Button instance of type "menu"

        var oButton = new YAHOO.widget.Button({
                                            type: "menu",
                                            id: "calendarpicker",
                                            label: "Choose A Date",
                                            menu: oCalendarMenu,
                                            container: "datefields" });
        /*
            Add a "click" event listener that will render the Overlay, and
            instantiate the Calendar the first time the Button instance is
            clicked.
        */

        oButton.on("click", onButtonClick);
    });