var portfolioData = new Array();
      portfolioData[1] = "";
      portfolioData[2] = "<ul id='portfolio'><li><a href='portfolio-library.php' onMouseOver='document.portfolioimage.src=\"images/portfolio-comics.jpg\";return false;'>comics</a></li><li><a href='portfolio-gallery.php' onMouseOver='document.portfolioimage.src=\"images/portfolio-illustration.jpg\";return false;'>drawings and design</a></li><li><a href='portfolio-kinetiscope.php' onMouseOver='document.portfolioimage.src=\"images/portfolio-animation.jpg\";return false;'>moving pictures</a></li><li><a href='portfolio-wurlitzer.php' onMouseOver='document.portfolioimage.src=\"images/portfolio-etcetera.jpg\";return false;'>music</a></li><li>[<a href='javascript: swapList(3)'>expand</a>]</li></ul>";
      portfolioData[3] = "<ul id='portfolio-more'><li><a href='portfolio-library.php'>comics</a> :: <span style='font-family: Verdana, Sans-serif; letter-spacing:-1px; font-weight:normal;'><a href='tick.php'>tick</a> : <a href='oubliette.php'>oubliette</a></span></li><li><a href='portfolio-gallery.php'>drawing</a> :: <span style='font-family: Verdana, Sans-serif; letter-spacing:-1px; font-weight:normal;'><a href='illustration.php'>illustration</a> : <a href='webdesign.php'>web</a> : <a href='sketchbook.php'>sketchbook</span></li><li><a href='portfolio-kinetiscope.php'>movies</a> :: <span style='font-family: Verdana, Sans-serif; letter-spacing:-1px; font-weight:normal;'><a href='animation.php'>animation</a> : <a href='video.php'>video</a></span></li><li>music :: <span style='font-family: Verdana, Sans-serif; letter-spacing:-1px; font-weight:normal;'>coming soon</span></li><li><span style='font-weight:normal;'>[ <a href='javascript: swapList(2)'>beautify</a> ]</span></li></ul>";
   var portfolioId
   function swapList(portfolioId) {
          document.getElementById("portfolioInfo").innerHTML = portfolioData[portfolioId];
   }