glow issue on root and hotzone item when dragging arm within same row

What steps will reproduce the problem?
1. select any letter not on the edges (i.e., from center) on a horizontal row 
and drag
2. release mouse button
3. select a letter to the left or right of the one selected in (1), on the same 
row
4. drag from new root

What is the expected output? What do you see instead?

a full glow should appear from root including hotzone, but instead neither the 
root nor the respective hotzone are glowing

What version of the product are you using? On what operating system?

1.1 on OSX

Please provide any additional information below.

I have gone through the code and found and fixed this issue:

1) line 312 reads: for (var x=1;x<this.arms.length;x++)
this should be: for (var x=0;x<this.arms.length;x++) // also glow the hotzone 
letter through the arm

2) the glow on the selected item should never be cleared when dragging the arm; 
to correct this I have created two new functions, glowRoot and restoreRoot, 
along with a new CSS property "rf-glowing-root" to color the root letter in 
pink and fix the issues noted above

3) lastly I have verified and fixed existing issue 4 that was present in 1.1: 
https://code.google.com/p/jquery-wordsearch-game/issues/detail?id=4

The updated code is attached.

Best,

David

Original issue reported on code.google.com by dave...@gmail.com on 6 Jun 2013 at 12:21

smaqsood2008 / jquery-wordsearch-game

glow issue on root and hotzone item when dragging arm within same row #6