テンプレート内のjavascriptでphp配列を使いたいのですがうまくできません。

javascriptでphp配列の要素をjavascriptの引数で指定することはできないのでしょうか？

php側----------------------

$this->arrHoge = array(1=>aaaのやつ,2=>bbbのやつ,3=>cccのやつ);




テンプレート側--------------

<script languge="javascript">

function change(num, spanid){
var obj=document.getElementById(spanid);
var $data;
$data=<!--{$arrHoge[num]}-->;
obj.innerHTML=$data;
}
</script>

<input type="radio" name="wt1" value="1" id="radio1_1" checked onclick="change(this.value,'id1')"><label for="radio1_1">Aのやつ</label>
<input type="radio" name="wt1" value="2" id="radio1_2" onclick="change(this.value,'id1')"><label for="radio1_2">Bのやつ</label>
<input type="radio" name="wt1" value="3" id="radio1_3" onclick="change(this.value,'id1')"><label for="radio1_3">Cのやつ</label>

<span id="id2">
ここが変わって欲しい。
</span>


よろしくお願いいたします。

[EC-CUBE]2.13.1
[データベース] MySQL
[WEBサーバ]　Apache
[OS]　Win7
[PHP] PHP 5.4.16