var colors = {
	'default' : '#242424',
	'1' : "#669900",
	'2' : '#ffcc00',
	'3' : '#02b0db',
	'4' : "#669900",
	'5' : '#ffcc00',
	'6' : '#02b0db',
	'7' : "#669900",
	'8' : '#ffcc00',
	'9' : '#02b0db',
	'10' : "#669900",
	'11' : '#ffcc00',
	'12' : '#02b0db',
	'13' : "#669900",
	'14' : '#ffcc00',
	'15' : '#02b0db',
	'17' : "#669900",
	'18' : '#ffcc00',
	'19' : '#02b0db',
	'20' : "#669900",
	'21' : '#ffcc00',
	'22' : '#02b0db',
	'23' : "#669900",
	'24' : '#ffcc00',
	'25' : '#02b0db',
	'26' : "#669900",
	'27' : '#ffcc00',
	'28' : '#02b0db',
	'29' : "#669900",
	'30' : '#ffcc00',
	'31' : '#02b0db'
}

 function ChangeBg(id){
	work = document.getElementById(id);
	work.bgColor = colors[id];
}
function RestoreBg(id){
	work = document.getElementById(id);
	work.bgColor = colors['default'];
}

function ToggleDivVisiblity(id){
	dv = document.getElementById(id);
		if(dv.style.visibility == 'hidden'){
			dv.style.visibility = 'visible';
			dv.style.display = 'block'
		}else{
			dv.style.visibility = 'hidden'
			dv.style.display = 'none'
		}
}

function ShowSubMenu(id){
	sub_menu = document.getElementById(id);
	sub_menu.style.visibility = 'visible';
	sub_menu.style.display = 'block';
}

function HideSubMenu(id){
	sub_menu = document.getElementById(id);
	sub_menu.style.visibility = 'hidden';
	sub_menu.style.display = 'none';
}

<!--
ToolTip.offsetX=20; //смещения подсказки от курсора
ToolTip.offsetY=10; //
function ToolTip(obj, text) {
  if(!obj||obj.nodeType!=1) throw "Illigal argument exception"; //обьект к кому привязываем подсказку
  //-- Разметка подсказки ---
  var tip=document.createElement("DIV");
  tip.className="tool_tip";
  tip.innerHTML=text;
  document.body.appendChild(tip);
  //-- события --
  obj.onmouseout=function (ev) {
      tip.style.visibility="hidden";
      tip.style.display="none";
  };
  obj.onmousemove=function(ev) { //если не нужно что бы подскасзка бегала, то onmouseover
      tip.style.visibility="visible";
      tip.style.display="block";
      if(window.event) ev=window.event;
      tip.style.left=ev.clientX + document.body.scrollLeft + ToolTip.offsetX;
      tip.style.top=ev.clientY + document.body.scrollTop + ToolTip.offsetY;
  };
}
//переберем заданные элементы, дадим подказку тем у кого есть аттрибут tooltip
//В аргументах передаем имена рассматриваемых тегов, * все теги
function initToolTips() {
//   return;
    var tags, tooltext;
    for(var i=0; i<arguments.length; i++) {
       tags=document.body.getElementsByTagName(arguments[i]);
       for(var j=0; j<tags.length; j++)
            if((tooltext=tags[j].getAttribute("tooltip"))) ToolTip(tags[j], tooltext);
   }
}
//-->