// date picker

var timer, slowTimer, isVisible;
var opacity = 100;
						
function showCalendar(action) {
	calendarDiv = document.getElementById('calendar');
	if(action) {
		timer = clearTimeout(timer);
		clearInterval(slowTimer);
		displayCal();
	} else if(isVisible) {
		hideCal();
	}
}
						
function displayCal() {
	calendarDiv.style.display = 'block';
	calendarDiv.style.top = -(calendarDiv.offsetHeight+20)+'px';
	calendarDiv.style.left = -(calendarDiv.offsetWidth-190)+'px';
	calendarDiv.style.opacity = 1;
  	calendarDiv.style.filter = 'alpha(opacity=100)';
	opacity = 100;
	isVisible=1;
}
						
function hideCal() {
	timer = setTimeout("if(!isVisible) slowTimer = setInterval('slowHide()',30)", 1500);
	isVisible=0;
}
						
function slowHide(hei) {
	if (opacity) {
		calendarDiv.style.opacity = opacity/100;
  		calendarDiv.style.filter = 'alpha(opacity=' + opacity + ')';
		opacity = opacity - 10;
	} else {
		calendarDiv.style.display="none";
		clearInterval(slowTimer);
		isVisible=0;
	}
}
