[wcb-falcon]

изложу суть дела
есть таблица
фоном которой являеться картинка (FON.GIF)
в нутри таблицы вставлена еще таблица фоновая картинка (METKA.GIF) которой должна менять свое положение в зввисимости от нажатой ссылки
мало того при нажатии одной из сылок фоновая картинку 1-й таблицы таже должна поменяться
из этого имеем:
2-е картинки фона 1-й таблицы (возможно 2 и более) - FON_1.GIF, FON_2.GIF
и 1-у картинку метку позицианирующую во 2-й таблице поверх 1-й - METKA.GIF

вот пример исходного кода таблицы со ссылками:

<style type="text/css">
<!--
.zn_fon_1{background-image: url(FON_1.GIF);background-repeat: no-repeat;}
.zn_fon_2{background-image: url(FON_2.GIF);background-repeat: no-repeat;}

.zn_metka_1{background-image: url(metka.png);background-repeat: no-repeat;background-position: 50px 50px;}
.zn_metka_2{background-image: url(metka.png);background-repeat: no-repeat;background-position: 50px 100px;}
.zn_metka_3{background-image: url(metka.png);background-repeat: no-repeat;background-position: 100px 50px;}
.zn_metka_4{background-image: url(metka.png);background-repeat: no-repeat;background-position: 70px 150px;}
-->
</style>


<table width="700" height="374" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td width="200">
    <ul>
      <li><a href="">фон_1_50_50</a></li>
      <li><a href="">фон_1_50_100</a></li>
      <li><a href="">фон_2_100_50</a></li>
      <li><a href="">фон_2_70_150</a></li>
      </ul>
    </td>
    <td width="500" align="left" valign="top" id="zn_fon">
    <table width="500" height="374" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td id="zn_metka">&nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

Прошу помочь в решении данного вопроса по внедрению Java скрипта позволяющего обеспечить указанный выше функционал

для тех кто не совсем понял смысл вот предоставляю 2 ссылки работы данного функционала но на ПХП (мне же нужно на Ява)
вариант 1 (фон 1 метка 1)
вариант 2 (фон 1 местка 2)
вариант 3 (фон 2 метка 3)