function showMenu(n) {
	hideAllMenu();
	var el = document.getElementById("menu_" + n);
	if (el != null) {
		var m = document.getElementById("mainmenu");
		var offset = getClientLeft(m);
		switch (n) {
			case 1 : offset += 60; break;
			case 2 : offset += 144; break;
			case 3 : offset += 228; break;
			case 4 : offset += 312; break;
			case 5 : offset += 396; break;
			case 6 : offset += 480; break;
			case 7 : offset += 590; break;
			case 8 : offset += 674; break;
			case 9 : offset += 758; break;
		}
		el.style.left = offset;
		el.style.top = getClientTop(m) + 24 + document.documentElement.scrollTop;
		el.style.display = "";
	}
}

function hideAllMenu() {
	for (var i = 0; i < 10; i++) {
		var el = document.getElementById("menu_" + i);
		if (el != null) {
			el.style.display = "none";
		}
	}
}

function showBox (prefix, c, n) {

	for (var i = 0; i < c; i++) {
		document.getElementById(prefix + 'box_' + i).style.display = 'none';
	} 
	document.getElementById(prefix + 'box_' + n).style.display = '';
	for (var i = 0; i < c; i++) {
		document.getElementById(prefix + 'menu_' + i).className = '';
	} 
	document.getElementById(prefix + 'menu_' + n).className = 'act';
}

function showBoxChangeColor (prefix, c, n) {

	for (var i = 0; i < c; i++) {
		document.getElementById(prefix + 'box_' + i).style.display = 'none';
	} 
	document.getElementById(prefix + 'box_' + n).style.display = '';
	for (var i = 0; i < c; i++) {
		document.getElementById(prefix + 'menu_' + i).style.color = 'red';
	} 
	document.getElementById(prefix + 'menu_' + n).style.color = 'red';
}

var getClientLeft = function (el) {
	var r = el.getBoundingClientRect();
	return r.left - getBorderLeftWidth(getCanvasElement(el));
};
var getBorderLeftWidth = function (el) {
	return el.clientLeft;
};
var getClientTop = function (el) {
	var r = el.getBoundingClientRect();
	return r.top - getBorderLeftHeight(getCanvasElement(el));
};
var getBorderLeftHeight = function (el) {
	return el.clientTop;
};
var getCanvasElement = function (el) {
	var doc = el.ownerDocument || el.document;
	if (doc.compatMode == "CSS1Compat") {
		return doc.documentElement;
	} else {
		return doc.body;
	}
};