Anchor to Spry row on another page?

Question

My current project is a sort of photo gallery,which displays one image at a time from an XML file.
I decided Spry was the way to go, and it has worked very well so far. I recently figured pagination out, and I have a fully functional page.
The problem is that I now want to add a permalink system by using anchors.
The idea is that when someone goes to www.myurl.com/#{number} it shows the page that contains the row that has that value in the "number" column
In my images.xml file I have
<images>
<image>
<number>6181278919</number>
<url>http://farm7.staticflickr.com/6153/6181278919_34e959ae96_b.jpg</url>
<title>Times Square</title>
</image>
</image>
In my header I have
<script src="xpath.js" type="text/javascript"></script>
<script src="SpryURLUtils.js" type="text/javascript"></script>
<script type="text/javascript">var anchno = Spry.Utils.getLocationParamsAsObject();</script>
<script src="SpryData.js" type="text/javascript"></script>
<script type="text/javascript">var imagesup = new Spry.Data.XMLDataSet("images.xml", "images/image");</script>
<script src="SpryPagedView.js" type="text/javascript"></script>
<script type="text/javascript">var imagespv = new Spry.Data.PagedView( imagesup ,{ pageSize: 1 });</script>
This creates a paged data set where one row of data shows at a time ("imagespv") from images.xml, and should hopefully create a variable ("anchno") which contains the data put after the "#" in the URL. Therefore if the user goes to www.myurl.com/#6181278919, anchno should equal 6181278919
In my region, I have
<div spry:region="imagespv" spry:repeatchildren="imagespv">
<img src="{url}">
<h2>{title} (<a href="http://www.flickr.com/photos/myname/{number}">View on Flickr>></a>)
<input type="button" value="First" onClick="imagespv.firstPage();" />
<input type="button" value="Prev" onClick="imagespv.previousPage();" />
<input type="button" value="Next" onClick="imagespv.nextPage();" />
<input type="button" value="Last" onClick="imagespv.lastPage();" />
</div>
Which shows the current content of imagespv, and has 4 buttons that change which row of images.xml is showing.
So now I need to set up a system where if anchno is given a value, imagespv is changed to show the row where the {number} column matches anchno
Anything that can be done?

Answer 1

Thanks for the help, but it still doesn't seem to work. I think I must not be following the instructions properly. I am not familiar with functions, but reading the code it seems to make sense, so I don't see why it's not working.
My header now reads:
  <script src="xpath.js" type="text/javascript"></script>
  <script src="SpryDOMUtils.js" type="text/javascript"></script>
  <script src="SpryURLUtils.js" type="text/javascript"></script>
  <script type="text/javascript">var params = Spry.Utils.getLocationParamsAsObject();</script>
  <script src="SpryData.js" type="text/javascript"></script>
  <script type="text/javascript">var imagesup = new Spry.Data.XMLDataSet("images.xml", "images/image");</script>
  <script src="SpryPagedView.js" type="text/javascript"></script>
  <script type="text/javascript">var imagespv = new Spry.Data.PagedView( imagesup ,{ pageSize: 1 });</script>
  <script>
    function InitPage() {
      imagespv.addObserver({ onPostLoad: function(ds, type) {
        imagespv.removeObserver(this);
          var row = imagespv.findRowsWithColumnValues({"number": params.anchno }, true);
          if (row)
            imagespv.setCurrentRow(row.ds_RowID);
    Spry.Utils.addLoadListener(InitPage);
  </script>
And I would have thought that to access the next page I should go to either
myurl.com/index.html?anchno=6181813282
or
myurl.com/index.html#6181813282
but neither of these work (6181813282 is the value in the "number" column of the next row)
Thanks for trying to help, I've seen a lot of helpful posts by you when I've been googling, but I really can't see why it won't work.