[новичок] Переменная в value и <area>

Я думаю вопрос легкий, но я с ним уже целый вечер сижу, помогите пожалуйста!

Дело в следующем, есть карта разбитая на зоны, при клике на зону, value должно приобретать имя данной зоны...

<form ...>
<input type="hidden" id="Map" name="State" value="ONE or TWO or TREE" />
 <map name="Map" id="Map">
    <area shape="poly" coords="163,35,154" href="document.theForm.submit(ONE)"  />
    <area shape="poly" coords="34,05,104" href="document.theForm.submit(TWO)"  />
    <area shape="poly" coords="33,25,12" href="document.theForm.submit(FREE)"  />
</form>

Я вас очень прошу, как это сделать?

[B~Vladi]

document.theForm.State.value='ONE'; document.theForm.submit()

И тег map закройте

Сделала, как тут написано, но результата нет..
Может не так вас поняла?

<form ...>
<input type="hidden" id="Map" name="State" value="" />
 <map name="Map" id="Map">
    <area shape="poly" coords="163,35,154" href="javascript:document.theForm.State.value='ONE'; document.theForm.submit()"  />
    <area shape="poly" coords="34,05,104" href="javascript:document.theForm.State.value='TWO'; document.theForm.submit()"  />
    <area shape="poly" coords="33,25,12" href="javascript:document.theForm.State.value='TREE'; document.theForm.submit()"  />
</map>
</form>

Please, help!

[B~Vladi]

<area shape="poly" coords="33,25,12" href="#" onclick="document.theForm.State.value='ONE'; document.theForm.submit(); return false"  />