Mootools 1.1 - Help please for get element

[lumoo]

Hi all, total JS newbie here,
I'm trying to adapt an exsisting script.
It's a "live search" module for Joomla 1.5 and I'm trying to modify to
use with Virtuemart (shopping cart component)

I've got most of it to work but just can't figure how to extract the
element I need.
The script makes a url call to a search script which returns the
formatted results. (works fine)
The results are "set" in a hidden div. (works fine)
They are in this format...

 <div id="search_tmpdiv">
 <div id="vmMainPage">
 <h3>Search: foo</h3>
     <div id="productlist" style="width:100%; float:none;">
        <div style="margin-right: 5px; width:98%; float:left;"
id="row_499a94c33a84d">
             <div class="browseProductContainer">
                  <h3 class="browseProductTitle">
                 <a title="food" href="/index2.php?
page=shop.product_details&amp;product_id=3">food</a>
                 </h3>
            </div>
       </div>
     <br class="clr" />
        <div style="margin-right: 5px; width:98%; float:left;"
id="row_499a94c33aa68">
             <div class="browseProductContainer">
                <h3 class="browseProductTitle"><a title="foot" href="/
index2.php?page=shop.product_details&amp;product_id=4">foot</a>
               </h3>
           </div>
         </div>
    <br class="clr" />
         <div style="margin-right: 5px; width:98%; float:left;"
id="row_499a94c33acaa">
            <div class="browseProductContainer">
                 <h3 class="browseProductTitle"><a title="fooz" href="/
index2.php?page=shop.product_details&amp;product_id=5">fooz</a>
                 </h3>
            </div>
        </div>
     </div>
 </div>
 </div>

the resulting hidden div (#search_tmpdiv) is then parsed by the
following code and the results "should" display..
but what ever I try I get the result_div but without the elements
parsed, e.g.


<div>Results</div>
  <div class="ps_row_1">
        <h3>
       <a href=""></a>
         <h3/>
  </div>
<div class="ps_row_2">
       etc
</div>
<div class="ps_row_1">
       etc
</div>
</div>


The correct number of rows are returned for the appropriate results so
the logic is working but no matter what I try it doesn't pick up the
wanted elements.
The script is as follows


result_div.addClass('ps_results');

        search_res = $$('#search_tmpdiv .browseProductContainer');
        if(search_res.length > 0) search_res.each(function(res) {
            x +=1;
            var res_data='';
            res_data=res.getChildren();
            if(res_data.length > 0){
                res_data.each(function(r) {
                    if(r.getTag() == "div"){
                        if(r.getChildren().length > 2){
                            var suri=r.getFirst().getNext().getProperty
('href');
                            if(row == "ps_row_2") row = "ps_row_1";
                            else row = "ps_row_2";
                            var el = new Element('div', {'class':
row });
                            var link = new Element('a').setProperty
('href',suri).injectInside(el);
                            var name = new Element('h3').setHTML
(r.getFirst().getNext().getText()).injectInside(link);
            el.inject(result_div);
                        }
                    }
                });

I assume my mistake s in the line "var suri=r.getFirst().getNext
().getProperty('href');" ?

Any help gratefully accepted
Cheers,
Lumo