xgOd

Como faço para esconder e/ou mostrar parte de um texto numa página?

HTML

<td colspan="2" rowspan="2" background="images/menu_07.gif" width="148" height="70"><font face="Georgia"><div align="right">
     <a href="./info" id="info" class="menu" onMouseOver="javascript:linkOver(info)" onMouseOut="javascript:linkOver(info)">info</a><br>
              <a href="./portfolio" class="menu" id="portfolio" onMouseOver="javascript:linkOver(portfolio)" onMouseOut="javascript:linkOut(portfolio)">portfolio</a><br>
              <a href="./tutorials" class="menu" id="tutorials" onMouseOver="javascript:linkOver(tutorials)" onMouseOut="javascript:linkOut(tutorials)">tutorials</a><br>
              <a href="./links" class="menu" id="links" onMouseOver="javascript:linkOver(links)" onMouseOut="javascript:linkOut(links)">links</a></div></font></td>

Javascript

function linkOver(isto)
{
	isto.innerHTML = isto.id + " <font color='#0099FF'>+</font>"
}

function linkOut(isto)
{
	isto.innerHTML = isto.id
}

o javascript funciona bem no portfolio e no tutorials, mas no info o linkOut não funciona e no links não funciona nada.
Qual o erro?[code=auto:0]

A questão é a seguinte, queria mudar um texto e a cor de parte do texto de um link.
O texto está assim: info
E queria que ficasse assim: info +

<a href="#" id="info" onMouseOver="javascript:myHref()">info</a>

<script type="text/javascript">
function myHref()
{
var plus = "<font color="#0099FF">+</font>"
var infoOver = "info " + plus
document.getElementById('info').innerHTML= infoOver
}
</script>

O que é que está mal neste código?