Thread:Lugia101101/@comment-2170536-20131102084514/@comment-2170536-20131103213009

Okay, I add a couple of things. Unfortunately your note about '_troop-img-definet' caused the counter to break, so I buried the two bounding references as data-tags (one in the header of the table itself and one in a hidden span element at the end of the table). I did this for two reasons:
 * 1) Having those tags as displayed text is just begging for someone to move/delete them to make the page look prettier.
 * 2) I actually split on 'data-tag="_troop-img-definet"' instead of simply '_troop-img-definet' now, so the note text is ignored and won't cause any issues.

I also made the initial image selection use the same code as the onClick event (in fact all I do now is explicitly call the onClick event at the end of the troopData function). So now we only have one image selector to maintain going forward.

I was pondering making the table row highlights and images change on hover, but after I thought about it I think I am fine with the current behavior. I changed the CSS of the hover to show it slightly lighter in color so there would be a difference between the clicked element and the hovered element. Do you think we need to add any additional behavior?