mouse events help

[turbosrt420]

i am going crazy this is taling way to long can someone help me out i feel i have tried everything

example...

<span onmouseover=over('1'); onmouseout=out('1'); onclick=click('1'); id=1 name=1>yoyoyoyo</span>

<span onmouseover=over('2); onmouseout=out('2'); onclick=click('2'); id=1 name=1>yoyoyoyo</span>

<span onmouseover=over('3'); onmouseout=out('3'); onclick=click('3'); id=1 name=1>yoyoyoyo</span>

var hold;

function over(a){
document.getElementById(a).style.color='green';
}
function out(a){
document.getElementById(a).style.color='black';
}
function click(a){
hold = a;
document.getElementById(a).style.color='green';
}
i need so when u define hold with click to and then mouseout keep that span green it keeps going back to black even when idefine hold.

so (if hold != ""){
i need span ' ' to stay green i hope this makes sense thanks

[Padonak]

<span onmouseover="over(this)" onmouseout="out(this)" onclick="clk(this)" id="sp_1">yoyoyoyo</span>

<span onmouseover="over(this)" onmouseout="out(this)" onclick="clk(this)" id="sp_2">yoyoyoyo</span>

<span onmouseover="over(this)" onmouseout="out(this)" onclick="clk(this)" id="sp_3">yoyoyoyo</span>

<script language="javascript" type="text/javascript">
function over(obj){obj.style.color='green';}

function out(obj){obj.style.color='black';}

function clk(obj){obj.style.color='green';}
</script>