Working with Functions: Comparing Nodes

Question

example code:
DEMO Code | XML
Everything works fine for the FilterBySubs function. It compares values info/depts/dept/subs = info/vendors/vendor/sub and returns only the vendors with these values. "CellPhone, TV and Internet" , then "Teen" is an example...kinda. You have to use your imagaination for the images.
PROBLEM:
However, the FilterByDept function is not recognizing the paths. It should be trying to compare: info/depts/dept@name = info/vendors/vendor/dept
I think it has to do with the way the Nested Data(dsMainDept is not nested) is handled in the function but I'm not sure how to rewrite it. Any help on how to solve is appreciated.
-LH-
Function example:
function FilterByDept(depts)
var filterDept = function(ds, row, index)
        var da = row.ds_XMLNode.getElementsByTagName("dept");
        for (var i = 0; i < da.length; i++)
            var value = Spry.Data.XMLDataSet.getNodeText(da[ i ]);
            if (depts == value)
            return row;
dsVendor.filter(filterDept);

Answer 1

View link in firefox...IE is not rendering tooltip correctly. XML schema has changed so ignore top examples.
Same problem:
onClick: if info/depts/dept/name = info/vendors/vendor/dept, show all vendors with selected parent dept in dsVendors region and change nested data region to display sub depts. Displaying sub depts works fine but Function 'FilterByDept' still not responding or filtering. Should work similar to FilterBySub function.
Appreciate any help.