function getPos(el) {
	var r = { x: el.offsetLeft, y: el.offsetTop, w: el.offsetWidth, h: el.offsetHeight};
	
	if (el.offsetParent) {
		var tmp = getPos(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
}

function leftMenu(origElm) {
	var pElm = origElm.parentNode;

	if (pElm) {
		if (pElm.className.indexOf('active')>-1)
			pElm.className = pElm.className.replace(/[ ]*active/g,"");
		else
		if(pElm.className.indexOf('passive')<0)
			pElm.className += ' active';
	}
	else
		pElm.className = 'active';
}

function popup(elm,popup) {
	var popup  = document.getElementById(popup);
	if(popup.style.display == 'block') return;
	var elmPos = getPos(elm);
	
	// popup position
	popup.style.marginLeft = (200-(200-elmPos.w)) +"px";
	popup.style.top        = (elmPos.y - 100) +"px";
	popup.style.display    = 'block';
	if (typeof elm.onmouseout !== 'function'){
		elm.onmouseout = function(){
			popup.style.display = 'none';
		}
	}
}