Untitled

for (i in cityPoints) {
    var magnitudeOptions = {
        map: map,
        center: cityPoints[i].center,
        radius: cityPoints[i].magnitude,
        id:cityPoints[i].id,
        addr:cityPoints[i].addr,
        infoWindowIndex: i
     };
     cityCircle = new google.maps.Circle(magnitudeOptions);
     circlesArray.push(cityCircle);
     infoWindow = new google.maps.InfoWindow({ content: cityPoints[i].id + " " + cityPoints[i].addr });
     infoWindowsArray.push(infoWindow);
     google.maps.event.addListener(circlesArray[i], 'click', function (ev) {
         infoWindowsArray[i].setPosition(cityPoints[i].center);
         infoWindowsArray[i].open(map);
     });

}

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Circles</title>
    <style>
    #map-canvas {
    height: 500px;
    width: 500px;
    </style>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script>

// Create an object containing LatLng, population.
var cityPoints = {};
cityPoints[0] = {
  center: new google.maps.LatLng(41.878113, -87.629798),
  id: 0,
  addr: 'avenue0',
  magnitude: 100000
};
cityPoints[1] = {
  center: new google.maps.LatLng(40.714352, -74.005973),
  id: 1,
  addr: 'avenue1',
  magnitude: 100000
};
cityPoints[2] = {
  center: new google.maps.LatLng(34.052234, -118.243684),
  id: 2,
  addr: 'avenue2',
  magnitude: 100000
}
var cityCircle;
var infoWindow = new google.maps.InfoWindow();

function initialize() {
  var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(37.09024, -95.712891),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);

for (i in cityPoints) {
           var magnitudeOptions = {
                map: map,
                center: cityPoints[i].center,
                radius: cityPoints[i].magnitude,
                id:cityPoints[i].id,
                addr:cityPoints[i].addr,
                infoWindowIndex: i
            };
   cityCircle = new google.maps.Circle(magnitudeOptions);

    google.maps.event.addListener(cityCircle, 'click', (function(cityCircle, i) {
        return function() {
            infoWindow.setContent(cityPoints[i].id + " " + cityPoints[i].addr);
            infoWindow.setPosition(cityCircle.getCenter());
            infoWindow.open(map);
        }
      })(cityCircle, i));
}
}
google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>

for (var i in citymap) {
  var tOpt = {
       strokeColor: '#FF0000',
       strokeOpacity: 0.8,
       strokeWeight: 2,
       fillColor: '#FF0000',
       fillOpacity: 0.35,
       map: map,
       center: citymap[i].center,
       num: citymap[i].num,
       link: "<br/><a href='index.php'>View Theaters</a>"
  }
  cityCircle = new google.maps.Circle(tOpt);

  google.maps.event.addListener(cityCircle, 'click', (function(cityCircle, i) {
    return function() {
        if (i==0) infoWindow.setContent("Number of Theaters: "+
           citymap[i].num + citymap[i].link);
        infoWindow.setPosition(citymap.getCenter());
        infoWindow.open(map);
        }
  })(cityCircle, i));
}

for (var i in citymap) {
  var tOpt = {
       strokeColor: '#FF0000',
       strokeOpacity: 0.8,
       strokeWeight: 2,
       fillColor: '#FF0000',
       fillOpacity: 0.35,
       map: map,
       center: citymap[i].center,
       num: citymap[i].num
  }
  cityCircle = new google.maps.Circle(tOpt);

  google.maps.event.addListener(cityCircle, 'click', (function(cityCircle, i) {
    return function() {
        var link = "<br/><a href='index.php'>View Theaters</a>";

        if (i==0) infoWindow.setContent("Number of Theaters: "+
           citymap[i].num + link);
        infoWindow.setPosition(citymap.getCenter());
        infoWindow.open(map);
        }
  })(cityCircle, i));
}