function addOnClickEventDateChooser(element, id) {
	var	dateChooserDiv = listener.getElement("jsdatechooser-" + id),
		inputChooser = listener.getElement("selected-date-" + id);
	if(listener.referer.length && listener.referer[0] !== element) {
		listener.referer[0].datechooser.hide();
		listener.referer[0].showCalendar = false;
	}
	if(!element.showCalendar) {
		if(element.hasDateChooser)
			element.datechooser.redraw();
		else {
			today = new Date();
			element.datechooser = new JSDateChooser();
			element.datechooser.showToday = true;
			element.datechooser.selectableRange = {rangeStart: new Date(today.getFullYear(), today.getMonth(), today.getDate())} // date selectable >= today
			element.datechooser.addEventListener("change", listener);
			element.datechooser.draw("jsdatechooser-" + id);
			dateChooserDiv.style.position = "absolute";
			// a coter du input
			//dateChooserDiv.style.left = (inputChooser.clientX || inputChooser.offsetLeft) + "px";
			//dateChooserDiv.style.top = ((inputChooser.clientY || inputChooser.offsetTop) + 21) + "px";
			// en dessous du bouton
			dateChooserDiv.style.left = (dateChooserDiv.clientX || dateChooserDiv.offsetLeft) + "px";
			dateChooserDiv.style.top = ((dateChooserDiv.clientY || dateChooserDiv.offsetTop) + 21) + "px";
			element.hasDateChooser = true;
		};
		listener.referer = [element, "selected-date-" + id];
	}
	else
		element.datechooser.hide();
		
	element.showCalendar = !element.showCalendar;
};

var listener = new Object();
listener.referer = [];
listener.getElement = function(id) {
	return document.getElementById ? document.getElementById(id) : document.all[id];
};
listener.change = function(evt_obj) {
	var 	dt = evt_obj.target.selectedDate;
	this.referer[0].showCalendar = false;
	this.getElement(this.referer[1]).value = [
		dt.getDate() < 10 ? "0" + dt.getDate() : dt.getDate(),
		dt.getMonth() + 1 < 10 ? "0" + (dt.getMonth() + 1) : dt.getMonth() + 1,
		dt.getFullYear()
	].join("/");
	evt_obj.target.hide();
	listener.referer = [];
};