var selected_menu;

function align()
{
  if (!selected_menu) {
    return; 
  }
  
  var obj = document.getElementById('submenu_' + selected_menu);
  
  var pos1 = findPos(document.getElementById('menu_' + selected_menu));
  var pos2 = findPos(document.getElementById('menu_left'));
  
  //document.getElementById('menu_' + selected_menu).style.color = '#fff';
  document.getElementById('menu_' + selected_menu).className = 'selected';
  
  obj.style.top = pos1[1] + "px";
  obj.style.left = (pos2[0] + 200) + "px";
  
  obj.style.display = "block";
}

function submenu(id)
{
  selected_menu = id;
  var i = 1;
  while (document.getElementById('submenu_' + i)) {
    document.getElementById('submenu_' + i).style.display = "none";
    document.getElementById('menu_' + i).className = "";
    i++;
  }
  
  align();
 
}

function findPos(obj) {
	var curleft = 0;
	var curtop = 0;
	
	if (!obj) {
	   return; 
	}
	
  if (obj.offsetParent) {
    do {
  			curleft += obj.offsetLeft;
  			curtop += obj.offsetTop;
    } while (obj = obj.offsetParent);
  }
  return [curleft,curtop];
}