Pagination in Podcast App

Hi have managed to get the pagination almost working with the podcast listing page.

I have domain.com/sermons.php which lists all the sermons (podcasts). The links for the pagination show at the bottom but they only link to the same sermons.php page.

My template file is this :

        <div class="post">
            <div class="podcast">
            <perch:podcasts id="episodeDate" type="date" label="Date" format="d F y" time="true" />
                <div class="podtitle">
                    <a href="sermons/episode.php?s=<perch:podcasts id="showSlug" type="slug" />&amp;ep=<perch:podcasts id="episodeNumber" type="text" />"><perch:podcasts id="episodeTitle" type="text" label="Title" /></a>
                </div>
                <perch:podcasts id="summary" type="textarea" editor="markitup" textile="true" label="Description" size="m" import-from="itunes:summary" />

                <a href="sermons/episode.php?s=<perch:podcasts id="showSlug" type="slug" />&amp;ep=<perch:podcasts id="episodeNumber" type="text" />"><strong>Listen Now</strong></a>
            </div>
        </div>
<perch:after>
  <perch:if exists="paging">
    <div class="paging">
      Page <perch:content id="current_page" type="hidden" /> of <perch:content id="number_of_pages" type="hidden" />
      <perch:if exists="not_first_page">
        <a href="<perch:content id="prev_url" type="hidden" encode="false" />">Previous</a>
      </perch:if>
      <perch:content id="page_links" encode="false" />
      <perch:if exists="not_last_page">
        <a href="<perch:content id="next_url" type="hidden" encode="false" />">Next</a>
      </perch:if>
    </div>
  </perch:if>
</perch:after>