title: on click randomize from xml with javascript
body: <p>I am trying to create a xml based image display with a on click button.</p>
  
  <p>so let say in my external xml file, i have the following:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;gallery&gt;
      &lt;photo name="summer"&gt;
          &lt;file&gt;imageone.jpg&lt;/file&gt;
      &lt;/photo&gt;
      &lt;photo name="winter"&gt;
          &lt;file&gt;image2.jpg&lt;/file&gt;
      &lt;/photo&gt;
      &lt;photo name="sprint"&gt;
          &lt;file&gt;3.jpg&lt;/file&gt;
      &lt;/photo&gt;
      &lt;photo name="fall"&gt;
          &lt;file&gt;four.jpg&lt;/file&gt;
      &lt;/photo&gt;
  &lt;/gallery&gt;
  </code></pre>
  
  <p>On the webpage, I would like to have a button, when click it would shuffle from the above list and display one of the images randomly along with the corresponding photo name node.  </p>
  
  <p>I have looked into various jquery xml parsers but it i am having trouble randomizin it. is this possible to do? </p>
  
  <p>Thanks!</p>