I am using hidden frames and outer html to display some items from a database and have done so sucessfully in the past. I am displaying a row of names down a sidebar but only have room for 7 so if I have more than that I am adding a "more names" link at the bottom like this:

·Michael
·Ralph
·john
·barbara
·Pat
·Archie
·Jughead

more names 1 [2] [3]

I have made [2] & [3] javascript links like this:
<div id="block_MoreNames" align="left">More Names: 1 <a href="javascript:sideChange('2')">[2]</a></div>

that calls this function:
function sideChange(newVar){
window.open('name_change.asp?Mode=ChangeSide&name=' + newVar , 'DoStealth');
}

in that page I (via ASP) build this javacript code (whole 'DoStealth' page pasted here:

<html>
<body bgcolor="#666666" text="#ffffff">
<script>
with (parent.frames[2].document.all){
bullet1.outerhtml = '<div id="bullet1">·</div>';
block_name1.outerhtml = '<div id="block_name1" onClick="nameChange(\'8\')">George</div>';
bullet2.outerhtml = '<div id="bullet2">·</div>';
block_name2.outerhtml = '<div id="block_name2" onClick="nameChange(\'9\')">Dave</div>';
bullet3.outerhtml = '<div id="bullet3">·</div>';
block_name3.outerhtml = '<div id="block_name3" onClick="nameChange(\'10\')">Adam</div>';
bullet4.outerhtml = '<div id="bullet4">·</div>';
block_name4.outerhtml = '<div id="block_name4" onClick="nameChange(\'11\')">Nikki</div>';
bullet5.outerhtml = '<div id="bullet5">·</div>';
block_name5.outerhtml = '<div id="block_name5" onClick="nameChange(\'12\')">Shanna</div>';
}
</script>
</body>
</html>

But... it dosen't change anything... I am bewildered, unbemused, and just plain stuck. I use outer html extensivly throught the app and cannot see why this isnt working. (probably something really simple )
Thanks in advance,
Michael