javascript and vbulletin-ajax editor

[Dark Zero]

In my forum i have a javascript function for display the multiple images that used in user ranks. that save a bit repeating html in every page and works for my custom rank system.

function rank(number,color){
document.open();
for(i=0;i<number;i++){
document.write('<img src=\"$stylevar[imgdir_rating]/rank_'+color+'.gif" />');
}
document.close();
}

In every post the javascript code for activate the function (number of images, color of them)

<script type="text/javascript">rank(5,'1');</script>

That load the images in almost every actual browser and works fine.

The problem start when i apply the quickpost and editor in postbit. the new/edited message doesnt load the function.


I read in internet alot for the problem and i found the solution (or i was think i do).
The document.write doesnt work after the page is load and either work with xml, so, i try a DOM based solution like this:

function rank(number,color,id){
for(i=0;i<number;i++){
imgrank=document.createElement('img');
imgrank.setAttribute('src','$stylevar[imgdir_rating]/rank_'+color+'.gif');
document.getElementById('rank_'+id).appendChild(imgrank);
}
}

That work for displaying images similar to the doc.write solution (adding a div with an id). But also fails to load after use quickpost/editor.

Now the question is, what method i need to use for preserve the function after editing a post?
The doc.write and DOM solutions fails and i not much skilled in the JS area

Regards
Victor