Smarty template vars and Javascript functions

[Codestar]

Hi there.

I've got a smarty loop (template side):

{section name=index loop=$productData}
<tr>
<td>{$productData[index].short}</td>
<td>{$productData[index].Omschrijving}</td>
<td>{$productData[index].Verkoopprijs}</td>
<td>
{$productData[index].Hoofdgroep}
(<a href="#" onclick="editProduct('{$productData[index]}');">Wijzig</a>)
</td>
<td><input type="checkbox" name="proI_{$productData[index].id}" id="PRO_{$productData[index].id}"></td>
</tr>
{/section}

Now I whould like to send the array {$productData[index]} to my Javascript function. But when I check my Javascript function editProduct(); using Firebug... the received parameter array is empty!

What to do, what to do?

[Codestar]

I think I found the solution.

Doesn't look very pretty, but it works:

<td>
{$productData[index].Hoofdgroep}
(<a href="#" onclick="getData();">Wijzig</a>)
{literal}
<script type="text/javascript">
function getData() {
var productData = new Object();
productData.Id = '{/literal}{$productData[index].id}{literal}';
productData.Omschrijving = '{/literal}{$productData[index].Omschrijving}{literal}';
editProduct(productData);
}
</script>
{/literal}
</td>