'use strict';

angular.module('newApp')
  .controller('contactCtrl', ['$scope', function ($scope) {

      $scope.$on('$viewContentLoaded', function () {
          var contact_map;
           
          var ny = new google.maps.LatLng(40.7142700, -74.0059700);

          var neighborhoods = [
            new google.maps.LatLng(40.7232700, -73.8059700),
            new google.maps.LatLng(40.7423500, -74.0656600),
            new google.maps.LatLng(40.7314600, -74.0458500),
            new google.maps.LatLng(40.7151800, -74.1557400)
          ];

          var markers = [];
          var iterator = 0;

          var map;

          function initialize() {
              var mapOptions = {
                  zoom: 12,
                  center: ny,
                  panControl: false,
                  streetViewControl: false,
                  mapTypeControl: false,
                  overviewMapControl: false,
                  styles: [
                      {
                          "featureType": "water",
                          "stylers": [
                              {
                                  "saturation": 43
                              },
                              {
                                  "lightness": -11
                              },
                              {
                                  "hue": "#0088ff"
                              }
                          ]
                      },
                      {
                          "featureType": "road",
                          "elementType": "geometry.fill",
                          "stylers": [
                              {
                                  "hue": "#ff0000"
                              },
                              {
                                  "saturation": -100
                              },
                              {
                                  "lightness": 99
                              }
                          ]
                      },
                      {
                          "featureType": "road",
                          "elementType": "geometry.stroke",
                          "stylers": [
                              {
                                  "color": "#808080"
                              },
                              {
                                  "lightness": 54
                              }
                          ]
                      },
                      {
                          "featureType": "landscape.man_made",
                          "elementType": "geometry.fill",
                          "stylers": [
                              {
                                  "color": "#ece2d9"
                              }
                          ]
                      },
                      {
                          "featureType": "poi.park",
                          "elementType": "geometry.fill",
                          "stylers": [
                              {
                                  "color": "#ccdca1"
                              }
                          ]
                      },
                      {
                          "featureType": "road",
                          "elementType": "labels.text.fill",
                          "stylers": [
                              {
                                  "color": "#767676"
                              }
                          ]
                      },
                      {
                          "featureType": "road",
                          "elementType": "labels.text.stroke",
                          "stylers": [
                              {
                                  "color": "#ffffff"
                              }
                          ]
                      },
                      {
                          "featureType": "poi",
                          "stylers": [
                              {
                                  "visibility": "off"
                              }
                          ]
                      },
                      {
                          "featureType": "landscape.natural",
                          "elementType": "geometry.fill",
                          "stylers": [
                              {
                                  "visibility": "on"
                              },
                              {
                                  "color": "#b8cb93"
                              }
                          ]
                      },
                      {
                          "featureType": "poi.park",
                          "stylers": [
                              {
                                  "visibility": "on"
                              }
                          ]
                      },
                      {
                          "featureType": "poi.sports_complex",
                          "stylers": [
                              {
                                  "visibility": "on"
                              }
                          ]
                      },
                      {
                          "featureType": "poi.medical",
                          "stylers": [
                              {
                                  "visibility": "on"
                              }
                          ]
                      },
                      {
                          "featureType": "poi.business",
                          "stylers": [
                              {
                                  "visibility": "simplified"
                              }
                          ]
                      }
                  ]
              };
              map = new google.maps.Map(document.getElementById('contact-map'), mapOptions);
          }

          function drop() {
              setTimeout(function () {
                  for (var i = 0; i < neighborhoods.length; i++) {
                      setTimeout(function () {
                          addMarker();
                      }, i * 350);
                  }
              }, 1500);
          }

          function addMarker() {
              markers.push(new google.maps.Marker({
                  position: neighborhoods[iterator],
                  map: map,
                  draggable: false,
                  animation: google.maps.Animation.DROP
              }));
              iterator++;
          }

          initialize();

          drop();

      });
  }]);