Google map - hover image style not working as expeced

[glenelkins]

Hi

 

Iv written some lengthy code to allow a postcode to be entered ( UK ) and useing geocoding to get the long and lat values. This then places a "home" icon on the map.

 

The home icon then is assigned a hover state using a different image for the hover

 

Next, the program looks through a database table of theatres and grabs the long and lat values to place the point on the map, using a different image depending on a) if there are pantomimes b) if there are productions c) if there are both. All of this works fine.

 

The issue im having comes when I create the hover state in the loop for each theatre. It works fine, except its always showing the hover image the same for each theatre, when it should be picking the relevant one to to non hover state. For example, say the non hover used icon image "pantomime_marker.png" the hover icon should be "pantomime_marker_hover.png"  . In the html output, its showing the correct filename being chosen, but its always seeming to display "both_marker_hover.png" on all of them, even though the object creation is looking correct!

 

I have attached the php file ( mixed JS ) and the html output, as you can see in the html output, each theatre marker is picking the correct hover filename, but its not displaying it !

 

 

 

[attachment deleted by admin]