That seems to work i just have to play with the anchor point now, the new problem that i'm having now is that i had to sets of icons for this one when the icon is inactive (when no infowindow is active/open) and another one when the user clicks on it to open the info window. The problem i' having now is that after i adjusted the anchor point on the main icon the other icons are rested to the old anchor points after the user clicks on a marker.
So i did the same thing as above and created a new icon with the same options and made the code below:
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
marker.setIcon(activeImage);
});
google.maps.event.addListener(infoWindow, 'content_changed', function(){
marker.setIcon(image);
});
google.maps.event.addListener(infoWindow, 'closeclick', function(){
marker.setIcon(image);
});
}
The problem with this is that the windows don't open now. Any one have any ideas?