getElementById innerHTML not working

Hello,
I have 14 products with different model numbers and descriptions in a table. (I’ve only illustrated two here)
The way it is supposed to work is that when you click on each swatch graphic it changes the pic (and all the info) to that specific handbag but for some reason I can’t get the product code inner html to work on this second table.

Can someone take a look at this and tell me what I am missing please?

[CODE]<div id=”valenciacontent”><!– InstanceBeginEditable name=”Valencia Content Area” –>
<table width=”780″ height=”600″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″ bgcolor=”#FFFFFF”>
<tr>
<td valign=”top”>

<table width=”425″ border=”0″ cellspacing=”15″ cellpadding=”0″>
<tr>
<td height=”350″><img name=”Valenciaimage” border=”1″ IMG SRC=”http://www.lexingtongardens.com/shopsite_sc/media/ladies/handbags/baggallini/grv409_1.gif” ></td>
</tr>

<tr>
<td><table width=”425″ border=”0″ cellpadding=”0″ cellspacing=”11″><td width=”25″><img src=”http://www.lexingtongardens.com/shopsite_sc/media/ladies/handbags/baggallini/25px_spacer.gif” width=”25″ height=”5″></td>

<td HREF=”javascript:void(0)” onclick=”Valenciaimage.src=’media/ladies/handbags/baggallini/valencia/bvg409tmsm.jpg’;shop5.href=’http://lexingtongardens.com/shopsite_sc/valencia.html#g409tm’; link.src=’http://www.lexingtongardens.com/shopsite_sc/media/ladies/handbags/baggallini/purchase_online.jpg’; document.getElementById(‘color5′).innerHTML=’Crinkle:Tomato/Mango (Gold Hardware)’;
document.getElementById(‘price5′).innerHTML=’$ 114.95’;
document.getElementById(‘pc5′).innerHTML=’VALG409′; ” width=”25″>
<img src=”media/ladies/handbags/baggallini/valencia/tomato_mango_g.gif” width=”25″ height=”25″>

<td HREF=”javascript:void(0)” onclick=”Valenciaimage.src=’media/ladies/handbags/baggallini/valencia/bvs410tmsm.jpg’;shop5.href=’http://lexingtongardens.com/shopsite_sc/valencia.html#s410tm’; link.src=’http://www.lexingtongardens.com/shopsite_sc/media/ladies/handbags/baggallini/purchase_online.jpg’; document.getElementById(‘color5′).innerHTML=’Crinkle:Tomato/Mango (Silver Hardware)’;
document.getElementById(‘price5′).innerHTML=’$ 114.95’;
document.getElementById(‘pc5′).innerHTML=’VALS410’; ” width=”25″>
<img src=”media/ladies/handbags/baggallini/valencia/tomato_mango_s.gif” width=”25″ height=”25″><td width=”25″>

<img src=”http://www.lexingtongardens.com/shopsite_sc/media/ladies/handbags/baggallini/25px_spacer.gif” width=”25″ height=”5″></td></table>
</td>
</tr>

<tr><td class=”bodycopy”><b>Click on swatch to view item in that color</b></td></tr>

<tr><td><table align=”left” width=”425″ border=”0″ cellspacing=”0″ cellpadding=”0″>

<tr><td width=”400″ align=”left”><span class=”baggallininame”>FABRIC & COLOR:</span>
<span id=”color5″ class=”bodycopy” >Crinkle has 14 single colors or color combos to choose from.</span></td></tr>

<tr><td align=”left”><span class=”baggallininame”>DIMENSIONS:</span>
<span class=”bodycopy”>11″ x 16.5″ x 6″</span></td></tr>

<tr><td align=”left”><span class=”baggallininame”>PRICE:</span>
<span class=”bodycopy”>$114.95</span></td></tr>

<tr><td align=”left”><span class=”baggallininame”>WEIGHT:</span>
<span class=”bodycopy”>1.6 lbs.</span></td></tr>

<tr><td align=”left”><span class=”baggallininame”>PRODUCT CODE:</span>
<span id=”pc5″ class=”bodycopy” >VALG409, VALS410</span>
</td></tr>
</table>
</td>
</tr>
</table>[/CODE]

Not a JS coder so once again I’m confused.
Thanks so much

Also in #JavaScript _↴