Spry Active Tables in Spry tabbed panels

Question

Hi everyone and thanks for advance for dealing with my inexperience.
I'm using dreamweaver cs4 on a mac and I'm trying to create 2 tabbed panels, each with a Spry active table within it that uses a nondestructive filter wired to a spry select menu to navigate through galleries.  When I make 1 of these, it works perfectly.  The problem is that when I try to create the second one, it screws everything up.  Sometimes it can't find the datasets for the select lists anymore, sometimes nothing shows up in one of the tables.  I've run a lot of trial and error, and I just can't detect a pattern. I have very little experience coding and I'm working form a tutorial book.  I didn't think adding the second table in would cause a problem, but apparently it does.  Can anybody help make this work?  I'll post the code below.
Thanks!
-CB  
This works just fine for one of the tabs:
var rs_SpryCasteAbilities = new Spry.Data.HTMLDataSet(null, "CasteAbilities");
var rs_SpryProfAbilities = new Spry.Data.HTMLDataSet(null, "ProfessionAbilities");
rs_SpryProfAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row['Prof_ID'] == rs_SpryProfAbilities.gallery) {
return row;
return null;
rs_SpryProfAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryProfAbilities.gallery = set;
rs_SpryProfAbilities.filter(chooseSet);
rs_SpryProfAbilities.setCurrentRowNumber(0);
var rows = rs_SpryProfAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Prof_ID'] == set) {
rs_SpryProfAbilities.setCurrentRowNumber(i);
break;
var rs_Professions = new Spry.Data.HTMLDataSet(null, "Professions");
var rs_Castes = new Spry.Data.HTMLDataSet(null, "Castes");
//with this being the code for the selectors further down the page//
<div spry:region="rs_Castes">
                    <select name="select2" spry:repeatchildren="rs_Castes">
                      <option value="{Caste_ID}">{Caste_Name}</option>
                    </select>
                  </div>
//and//
<div spry:region="rs_Professions">
      <select name="select" spry:repeatchildren="rs_Professions" onchange="changeSet(this.value)">
        <option value="{Profession_ID}">{Profession_Name}</option>
      </select>
    </div>
This does not work for both:
var rs_SpryCasteAbilities = new Spry.Data.HTMLDataSet(null, "CasteAbilities");
rs_SpryCasteAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row[Caste_ID'] == rs_SpryCasteAbilities.gallery) {
return row;
return null;
rs_SpryCasteAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryCasteAbilities.gallery = set;
rs_SpryCasteAbilities.filter(chooseSet);
rs_SpryCasteAbilities.setCurrentRowNumber(0);
var rows = rs_SpryCasteAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Caste_ID'] == set) {
rs_SpryCasteAbilities.setCurrentRowNumber(i);
break;
var rs_SpryProfAbilities = new Spry.Data.HTMLDataSet(null, "ProfessionAbilities");
rs_SpryProfAbilities.gallery = '1';
function chooseSet(dataSet, row, rowNumber)
if (row['Prof_ID'] == rs_SpryProfAbilities.gallery) {
return row;
return null;
rs_SpryProfAbilities.filter(chooseSet);
function changeSet(set)
rs_SpryProfAbilities.gallery = set;
rs_SpryProfAbilities.filter(chooseSet);
rs_SpryProfAbilities.setCurrentRowNumber(0);
var rows = rs_SpryProfAbilities.getData();
for (var i = 0; i < rows.length; i++) {
if (rows[i]['Prof_ID'] == set) {
rs_SpryProfAbilities.setCurrentRowNumber(i);
break;
var rs_SpryProfessions = new Spry.Data.HTMLDataSet(null, "Professions");
var rs_Castes = new Spry.Data.HTMLDataSet(null, "Castes");
//With this being the code for the selectors further down the page//
<div spry:region="rs_Castes">
                    <select name="select" spry:repeatchildren="rs_Castes" onchange="changeSet(this.value)">
                      <option value="{Caste_ID}">{Caste_Name}</option>
                    </select>
                  </div>
//and//
<div spry:region="rs_SpryProfessions">
    <select name="select2" spry:repeatchildren="rs_Professions" onchange="changeSet(this.value)">
      <option value="{Profession_ID}">{Profession_Name}</option>
    </select>
  </div>

Answer 1

Thanks for the reply Ben!
Here's the url:
http://www.iotheatre.com/GoldenAgeAbilities.php
As you can see, the filter in the 2nd tab works as intended, but there is nothing showing up at all in the first tab!  Any help would be greatly appreciated.
-CB