ImageReady - alle menuknapper i én jpg fil - hvordan?

Jeg skal have lavet en menu med onMouseOut og onMouseOver og når man klikker på et emne skal den åbne en undermenu???
Hvordan laver jeg den jpg fil?


Her er appletten jeg vil bruge.


<applet code="XeoList.class" width="122" height="350">
<param name="copyright" value="v1.8 (c) 1996 Patrick Chan. All rights reserved. www.xeo.com">
<param name="images" value="menu_complete.jpg">
<param name="font" value="helvetica">
<param name="item-height" value="13">
<param name="text-color" value="fee1ab">
<param name="hitext-color" value="7AB2F8">
<param name="hibg-color" value="000000">
<param name="bg-color" value="000000">
<param name="delay" value="30">
<param name="shift" value="4">
<param name="autoclose" value="t">
<param name="indent" value="10">
<param name="sep" value="|">
<param name="header-spacing" value="0">
<param name="headers" value="0 0 120 18">
<param name="icons" value="0 0 0 0">
<!-- level|folder?|0=no image, gt0=header, lt0=icon|label|url| -->
<param name="list" value="
0|*|1|Category 1| |
1|*|-1|Sub Heading 1| |
  2|.|-2|Item 1|item/URL1.html|
  2|.|-2|Item 2|item/URL2.html|
  2|.|-2|Item 3|item/URL3.html|
1|*|-1Sub Heading 2| |
  2|*|-2|Child Sub Heading 1| |
    3|.|-3|Item 1|item/URL1.html|
    3|.|-3|Item 2|item/URL2.html|
    3|.|-3|Item 3|item/URL3.html|
  2|*|-2|Child Sub Heading 2| |
    3|.|-3|Item 1|item/URL1.html|
    3|.|-3|Item 2|item/URL2.html|
    3|.|-3|Item 3|item/URL3.html|

0|*|1|Category 2| |
1|*|-1|Sub Heading 1| |
  2|.|-2|Item 1|item/URL1.html|
  2|.|-2|Item 2|item/URL2.html|
  2|.|-2|Item 3|item/URL3.html|
1|*|-1Sub Heading 2| |
  2|*|-2|Child Sub Heading 1| |
    3|.|-3|Item 1|item/URL1.html|
    3|.|-3|Item 2|item/URL2.html|
    3|.|-3|Item 3|item/URL3.html|
  2|*|-2|Child Sub Heading 2| |
    3|.|-3|Item 1|item/URL1.html|
    3|.|-3|Item 2|item/URL2.html|
    3|.|-3|Item 3|item/URL3.html|
">
<param name="state" value="15 30">
<param name="target" value="main">
</applet>