sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function table_mouseover(id)
{
  switch ($(id).className)
  {
		case 'color0l':
      	$(id).className = 'color6';
    break;
    case 'color1l':
      	$(id).className = 'color3';
    break;
    case 'color2l':
      	$(id).className = 'color4';
    break;
  }
}
function table_mouseout(id)
{
	switch ($(id).className)
  {
    case 'color3':
      	$(id).className = 'color1l';
    break;
    case 'color4':
      	$(id).className = 'color2l';
    break;
    case 'color6':
      	$(id).className = 'color0l';
    break;
  }
}