var map;
var geocoder;
var baseIcon;
var circle2;
var circle5;
var circle10;
var typeMarkerArr = new Array();
var kindMarkerArr = new Array();

var businessDisplay = 0;
var schoolDisplay = 0;
var researchDisplay = 0;
var animalDisplay = 0;
var equipmentDisplay = 0;
var serivceDisplay = 0;
var pharmaDisplay = 0;
var chemicalsDisplay = 0;

// Save the help text in case we need to show it later
var helpText = document.getElementById('report').innerHTML;

// Preload the images
var shadowPreload = new Image();
var businessPreload = new Image();
var schoolPreload = new Image();
shadowPreload.src = "images/shadow.png";
businessPreload.src = "images/business.png";
schoolPreload.src = "images/school.png";

// Draw the base map
map = new GMap2( document.getElementById( 'locator' ) );
map.addControl( new GLargeMapControl() );
map.setCenter( new GLatLng( 38.946226, -92.325325 ), 7 );
geocoder = new GClientGeocoder();

// Create the base icon & shadow
baseIcon = new GIcon();
baseIcon.shadow = 'images/shadow.png';
baseIcon.iconSize = new GSize( 20, 20 );
baseIcon.shadowSize = new GSize( 23, 22 );
baseIcon.iconAnchor = new GPoint( 10, 10 );
baseIcon.infoWindowAnchor = new GPoint( 20, 0 );
baseIcon.infoShadowAnchor = new GPoint( 20, 20 );

// Create the kind icon & shadow
kindIcon = new GIcon();
kindIcon.shadow = 'images/dots/shadow2.png';
kindIcon.iconSize = new GSize( 15, 15 );
kindIcon.shadowSize = new GSize( 15, 15 );
kindIcon.iconAnchor = new GPoint( 10, 10 );
kindIcon.infoWindowAnchor = new GPoint( 20, 0 );
kindIcon.infoShadowAnchor = new GPoint( 20, 20 );

// Show the markers
// showMarkers( "", "" );
// showMarkers( "school", "" );
// showMarkers( "business", "" );
// showMarkers( "hospital", "" );
// showAddress("104 clinkscales rd, columbia, mo 65203");

// Add listener for map clicks to show "bullseye" & refresh table
GEvent.addListener( map, 'click', showCircles );