var activeM = 0;

function hideM() {
	if (activeM==0) return;
	var e = document.getElementById("d1_"+activeM);
	e.style.visibility = 'hidden';
	e = document.getElementById("d2_"+activeM);
	e.style.visibility = 'hidden';
	activeM = 0;
}

function showM(n) {
	hideM();
	activeM = n;
	var e = document.getElementById("d1_"+n);
	e.style.visibility = 'visible';
	e = document.getElementById("d2_"+n);
	e.style.visibility = 'visible';
}


function hmx(e) { return e.offsetLeft+(e.offsetParent!=null&&e.tagName!='BODY'?hmx(e.offsetParent):0);}

var lastN = 0;

function hideTM(n) {
	var elem = document.getElementById("tm"+n);
	var aelem = document.getElementById("atm"+n);
	var tdelem = document.getElementById("tdtm"+n);
	elem.style.visibility = 'hidden';
	aelem.style.backgroundColor = '#636C75';
}

function showTM(n) {
	hideM();
	lastN = n;
	var elem = document.getElementById("tm"+n);
	var aelem = document.getElementById("atm"+n);
	var tdelem = document.getElementById("tdtm"+n);
	var l1 = hmx(tdelem)
	elem.style.left = l1;
	elem.style.visibility = 'visible';
	aelem.style.backgroundColor = 'black';
	if (n==5) {
		var l2 = elem.offsetWidth-aelem.offsetWidth;
		if (l2>0) 
		elem.style.left = l1-l2;
	}

//	if (elem.offsetWidth<tdelem.offsetWidth) elem.style.width = tdelem.offsetWidth;

	elem.onmouseover = function() {
		this.style.visibility = 'visible';
		var aelem = document.getElementById("atm"+lastN);
		aelem.style.backgroundColor = 'black';
	};

	elem.onmouseout = function() {
		hideTM(lastN);
	};

	aelem.onmouseout = function() {
		hideTM(lastN);
	};


}