// main menu

function showMenu(id,dir) {
  if(dir == 1) {
  	displayMenu(id);
  } else {
	hideMenu(id);
  }
}

function cancelHide(id) {
	displayMenu(id);
}

function displayMenu(id) {
	cont = document.getElementById(id + '-mainMenuContent');
	cont.style.display = 'block';
	cont.style.height = 'auto';
	cont.menuOpacity = 100;
	cont.MenuVisible = 1;
	cont.style.opacity = 1;
	cont.style.filter = 'alpha(opacity=100)';
	clearTimeout(cont.timer);
	clearInterval(cont.slowMenuTimer);
}

function hideMenu(id) {
	cont = document.getElementById(id + '-mainMenuContent');
	if(cont.MenuVisible) cont.slowMenuTimer = setInterval('slowMenuHide("' + id + '-mainMenuContent")',10);
	cont.MenuVisible = 0;
}

function slowMenuHide(id) {
	cont = document.getElementById(id);
	if (cont.menuOpacity) {
		cont.style.opacity = cont.menuOpacity/100;
		cont.style.filter = 'alpha(opacity=' + cont.menuOpacity + ')';
		cont.style.height = cont.offsetHeight - (cont.offsetHeight/(cont.menuOpacity/10))+'px';
		cont.menuOpacity = cont.menuOpacity - 10;
	} else {
		cont.style.display="none";
		clearInterval(cont.slowMenuTimer);
		cont.MenuVisible = 0;
	}
}

// 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+3)+'px';
	calendarDiv.style.left = -(calendarDiv.offsetWidth-113)+'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;
	}
}