hello im am getting JS error :

 Uncaught SyntaxError: Unexpected identifier

here

<script type=text/javascript>

var cur_level = 1;

var ids_arr = new Array(<?php echo $max_level?>);

var im_here = new Array(<?php echo $max_level?>);

ids_arr[0] = 1;

im_here[0] = |;

function displayData(id, level, used, title)

{

if(used){

    choice = document.getElementById('divv'+id).innerHTML;

    document.getElementById('test_div').innerHTML = choice;



} else {

    document.getElementById('test_div').innerHTML = ' No lerning paths to show.';

    updateLinksDiv(id, level, title);



  }

}



function updateLinksDiv(id, level, title)

{

var links_div_info = document.getElementById('links_parent_'+id);

var tmpHTML = '';

var here = '';



for(i=0;i<level;i++){

    here+= '->'+im_here[i];

    links_div_info = document.getElementById('links_parent_'+ids_arr[i]);

    tmpHTML += '<div id=divl_'+links_div_info.id+'>'+links_div_info.innerHTML+'</div>';

}

links_div_info = document.getElementById('links_parent_'+id);

tmpHTML += '<div id=divl_'+links_div_info.id+'>'+links_div_info.innerHTML+'</div>';



document.getElementById('links').innerHTML = tmpHTML;

ids_arr[i] = id;

im_here[i] = title;

}



</script>





<script type=text/javascript>

    window.onload=updateLinksDiv(1 , 0 , | ) ;

</script>

the functions are suppose to create an expanding that opens up with levels and everything was working fine untill i added the title and i started getting the error.
the error points me to the last and i just cant find the error...
i try to call displayData like this

onclick=displayData('.$cat->id.','.$cat->level.',0,'.$cat->title.')

any suggestions for what i'm not seeing.?

thank you