function showSubMenu(id){
	var sub_menu = document.getElementById("sub_menu");
	
	switch(id){
		case 1:
			sub_menu.style.padding = "0px 0px";
			sub_menu.innerHTML = "<a href=\"chronology.php\">cronologia</a>::<a href=\"cv.php\">cv</a>::<a href=\"bibliography.php\">bibliografia</a>";
			break;
		case 2:
			sub_menu.style.padding = "0px 0px 0px 10px";
			sub_menu.innerHTML = "<a href=\"installations.php\">instalações</a>::<a href=\"videos.php\">vídeos</a>::<a href=\"other_projects.php\">outros projetos</a>";
			break;
		case 4:
			sub_menu.style.padding = "0px 0px 0px 270px";
			sub_menu.innerHTML = "<a href=\"flog.php\">flog</a>::<a href=\"vlog.php\">vlog</a>";
			break;
		default:
			sub_menu.innerHTML = "&nbsp;";
	}
}

function hideSubMenu(){
	document.getElementById("sub_menu").innerHTML = "&nbsp;";
}