var tc = null;
var th = null;

function findPos(element)
{
	var left = element.offsetLeft;
	var top = element.offsetTop;
	for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
	{
		left += parent.offsetLeft - parent.scrollLeft;
		top += parent.offsetTop - parent.scrollTop;
	}
	return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}

function showmenu(id, show, parent, level, num) {

    var level = level || 1;
    var num = num || 1;
    var p = document.getElementById(id);
    var parent = document.getElementById(parent);

    if (level == 1) {
        if (show) {
            p.className = "visibled";

            var parentPosition = findPos(parent);

                p.style.left = parentPosition.left - 1 + 'px';
                p.style.top  = parentPosition.top + 29 + 'px';

            parent.className = 'mbtn_hover';

        } else {
            p.className = "hidded";
            parent.className = 'mbtn';
        }
    } else {
        if (show) {
            p.className = "visibled";

            var parentPosition = findPos(parent);


                p.style.left = parentPosition.width + 'px';
                p.style.top  = (num - 2) * parentPosition.height + 'px';


        } else {
            p.className = "hidded";
            //parent.className = 'mbtn';
        }
    }
}