//affiche le calendrier
//Params
//idInputCalendar: nom (id) de l'input rattachée au calendrier
//idOfSelect: nom (id) du select à mettre à jour.
//idDivDate: nom (id) du div contenant l'ensemble (select + calendar)
function displayCalendar(idInputCalendar, idOfSelect, idDivDate)
{
    displayCalendarWithImage(idInputCalendar, idOfSelect, idDivDate, "/img/default/calendar.png")
}

function displayCalendarWithImage(idInputCalendar, idOfSelect, idDivDate, imgCalendarPath)
{
    var today = new Date()
            $("#" + idInputCalendar).datepicker({
                firstDay: 1,
				showOn: "button",
                buttonText: "Calendrier",
                dateFormat :"dd/mm/yy",
                
                dayNames: ['Dimanche', 'Lundi', 'Mardi','Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
                
                monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
                
                dayNamesMin:['Di', 'Lu', 'Ma','Me', 'Je', 'Ve', 'Sa'],
                
                onSelect: function(dateText, inst) {$("#" + idOfSelect).val(dateText);},
                minDate: today,
                 
                    maxDate: "+31D"
                
            });

    $("#" + idOfSelect).change(function() {
            $("#" + idInputCalendar).datepicker("setDate",$(this).val()); 
    });

    //on remet le code généré par jquery dans la balise du contenant afin de pouvoir gérer des css différents suivant l'univers
    document.getElementById(idDivDate).appendChild(document.getElementById("ui-datepicker-div"));
}

function displayCalendarWithImageAndText(idInputCalendar, idOfSelect, idDivDate, imgCalendarPath, imgText)
{
    var today = new Date()
            $("#" + idInputCalendar).datepicker({
                showOn: "button",
                buttonImage: imgCalendarPath,
                buttonImageOnly: true,
                buttonText: imgText,
                dateFormat :"dd/mm/yy",
                
                dayNames: ['Dimanche', 'Lundi', 'Mardi','Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
                
                monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
                
                dayNamesMin:['Di', 'Lu', 'Ma','Me', 'Je', 'Ve', 'Sa'],
                
                onSelect: function(dateText, inst) {$("#" + idOfSelect).val(dateText);},
                minDate: today,
                
                    maxDate: "+31D"
                
            });

    $("#" + idOfSelect).change(function() {
            $("#" + idInputCalendar).datepicker("setDate",$(this).val()); 
    });

    //on remet le code généré par jquery dans la balise du contenant afin de pouvoir gérer des css différents suivant l'univers
    document.getElementById(idDivDate).appendChild(document.getElementById("ui-datepicker-div"));
}