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

        function onButtonClick2() {
            
            /*
                 Create a Calendar instance and render it into the body 
                 element of the Overlay.
            */

            var oCalendar = new YAHOO.widget.Calendar("buttoncalendar2", oCalendarMenu.body.id,{navigator:true});

	
			
            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];
					if(aDate[2]<10) aDate[2]="0"+aDate[2];
					if(aDate[1]<10) aDate[1]="0"+aDate[1];
					
                    YAHOO.util.Dom.get("datefin").value = aDate[2]+"/"+aDate[1]+"/"+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("calendarmenu2", { visible: false });


        // Create a Button instance of type "menu"

        var oButton = new YAHOO.widget.Button({ 
                                            type: "menu", 
                                            id: "calendarpicker2", 
                                            label: "Choisir une date", 
                                            menu: oCalendarMenu, 
                                            container: "datefields2" });

		oButton.on("appendTo", function () {

			/*
				 Create an empty body element for the Overlay instance in order 
				 to reserve space to render the Calendar instance into.
			*/
	
			oCalendarMenu.setBody("&#32;");
	
			oCalendarMenu.body.id = "calendarcontainer2";
	
			// Render the Overlay instance into the Button's parent element
	
			oCalendarMenu.render(this.get("container"));
		
        });
        

        /*
            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", onButtonClick2);
    
    });