var current_submenu = 0;

function show_current_submenu()
{
	$('submenu_container').style.display = "";
}

function show_submenu(id, color, sub_width)
{
	childs = $('submenu_'+id).childElements().length;
	if(childs > 0)
	{
		color_rgb = Base64.decode(color).split(';');
		
		$('submenu_container').style.marginLeft = (getLeftI('menu_'+id, $('menu'))) + "px";
		if(sub_width != 0)
		{
			$('submenu_inner').style.width = sub_width + "px";
		}
		
		if(color_rgb[0] == '0')
		{
			$('submenu_inner').style.backgroundColor = 'rgb(138,138,138)';
		}
		else
		{
			$('submenu_inner').style.backgroundColor = 'rgb('+color_rgb[0]+', '+color_rgb[1]+', '+color_rgb[2]+')';
		}
		$('submenu_connector').style.backgroundColor = 'rgb('+color_rgb[0]+', '+color_rgb[1]+', '+color_rgb[2]+')'; 
		$('submenu_list').innerHTML = $('submenu_'+id).innerHTML;
		
		//Effect.Appear($('submenu_container'));
		$('submenu_container').style.display = "";
		current_submenu = id;
		
				
	}
	
}

function hide_submenu()
{
	$('submenu_container').style.display = "none";
}

function getLeftI(el, final_parent){
	
	element = document.getElementById(el);
	
  left=0;
  
  while (element && element.id != final_parent.id) {
	  
	 left += element.offsetLeft;
	 element = element.offsetParent;
  }
  return left;
}