Ok alla fine ci sono riuscito ed ecco il risultato:
http://liolucas.altervista.org/index.php

però come vedi tra il menù e la finestra delle immagini c'è troppo spazio, vorrei avvicinare il menù alla finestra e centra il tutto nella pagina ma non ci riesco.Ti riporto il body della pagina index.php:

codice:
<body> <table width="100%" border="0">   <tr>     <td width="10%">    <div id="imageMenu">   <ul>     <li class="landscapes">Landscapes     <li class="people">People     <li class="nature">Nature     <li class="urban">Urban     <li class="abstract">Abstract[/list]</div> <script type="text/javascript"> 			 			window.addEvent('domready', function(){ 				var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}}); 			}); 		</script>    </td>     <td width="90%">       <div class="e2_photo_gallery">   <div class="hd"><div class="c"></div></div>  <div class="bd">   <div class="c">    <div class="s">        		  <div id="gallery" align="center"> 		   		  <div id="main_image_wrapper"> 			 			<div id="iptc_btn"></a></div> 			  <?php getfirstimage($gallerypath, "tempgallery"); ?> 			 <div id="pn_overlay"> 				 							 </div> 		  </div> 		  <div align="center" class="spacing"> </div> 		   		  <div id="thumbdisplay"> 			  <div align="center" id="photocount"> <script type="text/javascript">document.write("1 of "+tempgallery.length+" Photos");</script> </div> 			  <div id="thumbtoggler">[img]rsrc/none.gif[/img] [img]rsrc/lightgray.gif[/img] [img]rsrc/gray.gif[/img] [img]rsrc/black.gif[/img] [img]rsrc/e2.gif[/img] [img]rsrc/info_btn.gif[/img] [img]rsrc/thumbgallery.gif[/img]</div> 			  <div class="clear"></div> 		  </div> 		  <div align="center" class="spacing"> </div> 		  <div id="thumbhide"> 		   <div id="thumbbox"> 			<div id="thumb_container"> 			  <div id="thumbgall"> 				<div id="thumbs"> 				  <div id="widthbox"><?php getthumbnailimages($gallerypath, 'tempgallery', $thumbpath); ?></div> 				</div> 			  </div> 			</div> 			<div id="back"> 			  <script type="text/javascript">if(thumbnailnum>maxthumbvisible){document.write("<div id='leftmore'><ul>[*]<a href=\"javascript:checkbutton(addposition('minus'));movethumbs('plus');\">[img]rsrc/buttonblank.gif[/img]</a>[/list]</div>");}</script> 			</div> 			<div id="more"> 			  <script type="text/javascript">if(thumbnailnum>maxthumbvisible){document.write("<div id='rightmore'><ul>[*]<a href=\"javascript:checkbutton(addposition('plus'));movethumbs('minus');\">[img]rsrc/buttonblank.gif[/img]</a>[/list]</div>");}</script> 			</div> 			</div> 		  </div> 			<div align="center" class="spacing"> </div> 			<div id="imgtitle"></div>	 		</div>          </div>   </div>  </div>  <div class="ft"><div class="c"></div></div> </div> </div> </td>   </tr> </table>  </body>