Javascript Массивы и функции переменного клика

Поэтому я создал два массива javascript, чтобы извлекать информацию из некоторого php. Один массив получает имя категории, на которую нужно нажать, а другой массив хранит тег класса и идентификатора для категории. Теги class и id те же, что и тип css, но массив должен выводить их в элементы документа, а затем, при нажатии, влияет на соответствующие области документа. Мне также нужно удалить дубликаты из массивов, которые, похоже, не работают под моим текущим кодом:

<script type="text/javascript">
var BookSeries = [];
var BookClass = [];
var i=0;
</script>

то переменные для массива выводятся из php и выводятся следующим образом:

<script type="text/javascript">
var uniqueSeries = BookSeries.filter(function(elem, pos) {
return BookSeries.indexOf(elem) == pos;
});

var uniqueClass = BookClass.filter(function(elem, pos) {
return BookClass.indexOf(elem) == pos;
});

while (uniqueSeries[i]) {
document.write( "<span id='"+uniqueClass[i]+"'>"+uniqueSeries[i]+"</span>" );
i++;
}

for(var i = 0; i < uniqueClass.length; i++) {
$np("#"+uniqueClass[i]).click(function(){
$np(".postitem").fadeOut(200);
$np("."+uniqueClass[i]).fadeIn(200);
});
}
</script>