Ajax Layer JavaScript DHTML

<script>
      /*
       * This is useful for Internet Explorer PNG compatibility
       * "js/" is the euDock javascript basePath
       */
   euEnv.imageBasePath="js/";
   
      //In variable (dock) now there is an euDock object
   var dock = new euDock();
   
      /*
       * To define (unnecessary) the background Dock Bar:
       *
       * (euDock object).setBar({
       *        left      :[-(object definition for left background bar icon)-],
       *        horizontal:[-(object definition for center horizontal background bar icon)-],
       *        right     :[-(object definition for right background bar icon)-]
       *      });                                                      
       *
       * euImage is the euImage Object inside the "euDock.Image.js" script
       * the common constructor is:
       *
       *    {euImage:{image:[-(image name)-]}}
       */
   dock.setBar({
        left      :{euImage:{image:"barImages/dockBg-l.png"}},
        horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},
        right     :{euImage:{image:"barImages/dockBg-r.png"}}
     });
      /*
       * (unnecessary)
       *
       * (euDock object).setIconsOffset(offset);
       *
       * offset:the distance between base align bar and the base align icons
       * default is 0
       */
   dock.setIconsOffset(2);
      /*
       * (unnecessary)(if you want to see nothing of course)
       *
       * (euDock object).addIcon(arrayOfObjects,iconParameters);
       *
       * arrayOfObjects : in this case there is an euImage array of 1 element
       * iconParameters : "link" is the url where you want to go
       */
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   
      /*
       * Repeat the last command if you want more icons
       */
</script>

<a href='http://eudock.jules.it'>
<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a>