HTML+CSS+JavaScript

<STYLE TYPE="text/css">
A {color:#000000;font-family:arial;font-weight:bold;font-size:10pt;text-decoration:none;}
A:hover {color:red}
</STYLE>

<form name="rolloverbox">

<input type="radio" name="boxes" value="ON"><a href="menucheckbox.html?EN" onMouseover="rollovercheck(0)" onMouseout="rolloutcheck(0)">English</a><br>
<input type="radio" name="boxes" value="ON"><a href="menucheckbox.html?GR" onMouseover="rollovercheck(1)" onMouseout="rolloutcheck(1)">Greek</a><br>

</form>

<script>
var thebox=document.rolloverbox;
function rollovercheck(whichbox){
thebox.boxes[whichbox].checked=true
}
function rolloutcheck(whichbox){
thebox.boxes[whichbox].checked=false
}
</script>

1) Есть строчки в каждой строчке по radio кнопки. Как сделать чтобы при выборе радио кнопки менялся фон строки допустим на #333333.

2) Как сделать если ты скликаешь на строку то выделялась radio кнопка

Заранее спасибо.