Customizine radio button selection (with jquery/facebox?)

Made a post this week in the PHP section, but was then told it was more javascript related - so have come back here with a little more detail.

Basically, at the moment I have a page on my website where a user can select an item from a list of several items but clicking on a radio button, and that item will get submitted to the next page.

However, instead having to click on a radio button, I'd like it so that the user can click on an image to select the item.

An example is like here: http://freebiejeebies.co.uk/ Where you can select an item from the list of items, by clicking on the image, and not just a radio button.

I have the following code:

<table width="750" border="0" align="left" cellpadding="0" cellspacing="0">
          <tr> 
    <td background="itembg.png"><br> 
            <table width="750" height="230" border="0">
             
              <tr>
                <td align="center"> {assign var="itemdesc" value=$item->description|nl2br} 
                  {assign var="itemdesc" value=$itemdesc|escape:"javascript"} 
                 <img src="{$item->imgurl}">{$itemdesc}</div><br>
            <br>
            <br>
                  {/if} {if $first == "true"} 
                  <input type="radio" name="itemid" value="{$item->id}"  checked>
                  {assign var="first" value="false"} {else} {if $selected_item 
                  == $item->id} 
                  <input type="radio" name="itemid" value="{$item->id}"  checked>
                  {else} 
                  <input type="radio" name="itemid" value="{$item->id}">
                  {/if} {/if} </td>
                {assign var="counter" value=$counter+1} {if $counter == $item_per_row} 
              </tr>
              {assign var="counter" value=0} {/if} {/if} {foreachelse} 
              <tr> 
                <td colspan="{$items_per_row}"></td>
              </tr>
              {/foreach} 
            </table>
            {if ($msg_type == "changeitem" || $msg_type == "changepay")} <br> 
            <center>
              <input type="hidden" name="action2" value="change">
              <input name="submit2" type="submit" value="Change {if $msg_type == "changeitem"}item{else}Payment Option{/if}">
            </center>
            <br>
            {/if} </td>
        </tr>
      </table>

PHP:

I've removed a few bits and pieces from it to make it a little simpler. But as you can see - it will display the item image, and below the image, a radio button to select that item. But instead, I'd like the user to be able to click the actual image (like the example in the link above), to select the item.

Any help will be much appreciate!