title: How do I make a image viewer?
body: <p>I want to make an image viewer (for my website) like the one in Facebook (the old one). When the user click the next or back arrow it will change the picture and the URL of the page.</p>
  
  <p>This is an example of what I want (<a href="http://www.facebook.com/pages/Forest-Ville/307556775942281" rel="nofollow">http://www.facebook.com/pages/Forest-Ville/307556775942281</a>)</p>
  
  <p>Most importantly I want the page to reload with each click with new (URL, comment box, ads, etc.) I do not want to use any Cookies. Now I am using this, but its completely different from what I want.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;script language="JavaScript"&gt;
  
              var NumberOfImages = 10
              var img = new Array(NumberOfImages)
  
              img[0] = "http://damnthisfunny.site40.net/1.jpg"
              img[1] = "http://damnthisfunny.site40.net/2.jpg"
              img[2] = "http://damnthisfunny.site40.net/3.jpg"
              img[3] = "http://damnthisfunny.site40.net/4.jpg"
              img[4] = "http://damnthisfunny.site40.net/5.jpg"
              img[5] = "http://damnthisfunny.site40.net/6.jpg"
              img[6] = "http://damnthisfunny.site40.net/7.jpg"
              img[7] = "http://damnthisfunny.site40.net/8.jpg"
              img[8] = "http://damnthisfunny.site40.net/9.jpg"
              img[9] = "http://damnthisfunny.site40.net/10.jpg"
  
              var imgNumber = 0
              function NextImage()
              {
                  imgNumber++
                  if (imgNumber == NumberOfImages)
                      imgNumber = 0
                  document.images["VCRImage"].src = img[imgNumber]
              }
              function PreviousImage()
              {
                  imgNumber--
                  if (imgNumber &lt; 0)
                      imgNumber = NumberOfImages - 1
                  document.images["VCRImage"].src = img[imgNumber]
              }
  
  
  &lt;/script&gt;
  
  
  
  &lt;body&gt;
  &lt;center&gt;
  
  &lt;img name="VCRImage" src="http://damnthisfunny.site40.net/1.jpg" /&gt;&lt;/dr&gt;
  &lt;br /&gt;
  &lt;a href="javascript:PreviousImage()"&gt;
  &lt;img border="0" src="left1.jpg" /&gt;&lt;/a&gt;
  &lt;a href="javascript:NextImage()"&gt;
  &lt;img border="0" src="right1.jpg" /&gt;&lt;/a&gt;
  &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any ideas?</p>