$(document).ready(function() {
 	var icon = new GIcon();
 	icon.image = "/img/slices/marker.png";
 	icon.iconSize = new GSize(21, 25);
 	icon.iconAnchor = new GPoint(11, 25);

	GEvent.addListener(map, "movestart", function() {
		$('#mapMoveController').html('moving');
	});
	
	GEvent.addListener(map, "moveend", function() {
		$('#mapMoveController').html('');
	});


     var i = 1;
     var offset; 
     var marker = [];
     marker.push('');
     $('.MTEDGMapListEntry .latlon').each(function () {                
            var latlon = $(this).html();
            var pointArr = latlon.split('|');
     	    var point = new GPoint(pointArr[1],pointArr[0]);
     	    marker.push(new GMarker(point ,icon)); 
     	    marker[i].id = i;
     	    var thisMarker = marker[i];
     	    var thisMarkerId = marker[i].id;
 	        map.addOverlay(thisMarker);
 	        
 	        overlayContent = $('.overlayContent', $(this).parent()).html();
 	        
 	        $("body").append('<div id="markerOverlay_'+i+'" class="markerOverlay markerOverlayHidden"><div class="markerOverlayHeader">&nbsp;</div><div class="markerOverlayContent"><p>'+overlayContent+'</p></div><div class="markerOverlayFooter">&nbsp;</div></div>');
                $('#mtgt_'+thisMarkerId).mouseover(function () {
            	    $('.markerOverlay').addClass('markerOverlayHidden');
    			    var markerId = $(this).attr('id').replace( /mtgt_/ ,'' );
    			    var offset = $(this).offset();
    			    var markerHeight = $('#markerOverlay_'+markerId).height();
     	     	    $('#markerOverlay_'+markerId).css('left', offset.left-17);
        		    $('#markerOverlay_'+markerId).css('top', offset.top-markerHeight+13);
    			    $('#markerOverlay_'+markerId).toggleClass('markerOverlayHidden');
           	    });
           	    $('#mtgt_'+thisMarkerId).mouseout(function () {
            	    $('.markerOverlay').addClass('markerOverlayHidden');
           	    });
 		    i++;
     });
     
     $(document).mousedown(function () {
 		$('.markerOverlay').addClass('markerOverlayHidden');		
 	});

 	$("img").mousedown(function () {
 		$('.markerOverlay').addClass('markerOverlayHidden');
 	});
     
     $(".GMapShow").click(function () {
 		$('.markerOverlay').addClass('markerOverlayHidden');
 		var markerId = $(this).parent().attr('id').replace( /mapEntry_/ ,'' );
 		var pt = marker[markerId].getPoint();

 		if($('#mapMoveController').html() == '') {
 			map.panTo(new GLatLng(pt.lat(), pt.lng()));
 		}
 		else {
  	    	return false;
  	    }


 		$('#markerOverlay_'+markerId).everyTime(100, 'controlled', function() {
  	    	if($('#mapMoveController').html() == '') {
 				var offset = $('#mtgt_'+markerId).offset();
  	    		$('.markerOverlay').addClass('markerOverlayHidden');
  	    		var markerHeight = $('#markerOverlay_'+markerId).height();
			    
 	     	    $('#markerOverlay_'+markerId).css('left', offset.left-17);
    		    $('#markerOverlay_'+markerId).css('top', offset.top-markerHeight+13);
 				$('#markerOverlay_'+markerId).removeClass('markerOverlayHidden');
 				$('#mapMoveController').html('');
 				$('#markerOverlay_'+markerId).stopTime('controlled');
 			}

 		});
 	});
});