//Smooth Resize
var menuTimeoutLength = 20;
var menuPixelPerTick = 8;
var menuOriginalHeight = 130;
var currentMenuId = 0
var closeFnc = '';
var openFnc = '';
var trigger = '';

function menu(id) {
	var obj = document.getElementById('menu');
	if (obj.style.display != 'none' && currentMenuId==id) {
		if(id!=currentMenuId) {
			if (obj.innerHTML.length>0) closeMenu();
		}
	} else {
		var subMenus = document.getElementById('menu').getElementsByTagName('DIV')
		for(var i=0;i<subMenus.length;i++){
			if(subMenus[i].className!='bg') subMenus[i].style.display = 'none'
		}
		currentMenuId = id
		obj.style.display = 'block'
		if(document.getElementById('menu_container_'+id)) {
			document.getElementById('menu_container_'+id).style.display = 'block'
		} else {
			if (obj.innerHTML.length>0) closeMenu();
		}
		//Openklappen
		if (obj.innerHTML.length>0) openMenu(menuOriginalHeight);
	}
	//window.status = document.getElementById('menu').offsetHeight;
}

//Dichtklappen
function closeMenu() {
	var obj = document.getElementById('menu')
	if ( (parseInt(obj.offsetHeight)-menuPixelPerTick) <= 0 ) {
		obj.style.height = '0px';	
	}	else {
		obj.style.height = parseInt(obj.offsetHeight-menuPixelPerTick) + 'px' ;
		if(openFnc) clearTimeout(openFnc);
		closeFnc = setTimeout("closeMenu()",menuTimeoutLength);
	}
}

//Openklappen
function openMenu(max) { 
	var obj = document.getElementById('menu')
	if ( (obj.offsetHeight+menuPixelPerTick) >= max ) {
		obj.style.height = max+'px';
	} else {
	  obj.style.height = obj.offsetHeight+menuPixelPerTick+'px';
		if(closeFnc) clearTimeout(closeFnc);
		openFnc = setTimeout("openMenu("+max+")",menuTimeoutLength);
	}
}

function triggerToClose() { if(!trigger) trigger = setTimeout("closeMenu()",300) }
function clearTrigger() 	{ if(trigger) clearTimeout(trigger); trigger = null }

//End smooth Resize