class window.MapviewController

  # always put everything inside PhoneGap deviceready
  document.addEventListener "deviceready", ->

    # Make Navigation Bar to appear with a custom title text
    steroids.navigationBar.show { title: "Map View" }

  @testMapViewAsModal: () ->
    # create a new mapView with simple parameters
    mapView = new steroids.views.MapView "Satellite"

    steroids.modal.show
      view: mapView

  @testOverlayPage: () ->
    webView = new steroids.views.WebView "/views/mapview/mapoverlay.html"
    steroids.layers.push
      view: webView

  @testMapViewCenterUserLocation: () ->
    # create a new mapView
    mapView = new steroids.views.MapView

      location: "/views/mapview/mapoverlay.html"

      # mapType can be: Standard, Satellite or Hybrid
      mapType: "Standard"

      # Doing so causes the map view to use Core Location to find the user’s location and add an annotation of type MKUserLocation to the map.
      showsUserLocation: true

      # region to be displayed displayed in the mapView
      region:
        center:
          # The latitude in degrees. Positive values indicate latitudes north of the equator. Negative values indicate latitudes south of the equator.
          latitude: 60.1708
          # The longitude in degrees. Measurements are relative to the zero meridian, with positive values extending east of the meridian and negative values extending west of the meridian.
          longitude: 24.9375

        span:
          # The amount of north-to-south distance (measured in meters) to use for the span.
          latitudinalMeters: 1000
          # The amount of east-to-west distance (measured in meters) to use for the span.
          longitudinalMeters: 2000

    steroids.layers.push
      view: mapView
    ,
      onSuccess: ->
        console.log "map displayed onSuccess"

  @testMapViewFullParams: () ->

    # create a new mapView
    mapView = new steroids.views.MapView

      # overlay location
      location: "/views/mapview/mapoverlay.html"

      # mapType can be: Standard, Satellite or Hybrid
      mapType: "Standard"

      # Doing so causes the map view to use Core Location to find the user’s location and add an annotation of type MKUserLocation to the map.
      showsUserLocation: true

      # region to be displayed displayed in the mapView
      region:
        center:
          # The latitude in degrees. Positive values indicate latitudes north of the equator. Negative values indicate latitudes south of the equator.
          latitude: 60.1708
          # The longitude in degrees. Measurements are relative to the zero meridian, with positive values extending east of the meridian and negative values extending west of the meridian.
          longitude: 24.9375

        span:
          # The amount of north-to-south distance (measured in meters) to use for the span.
          latitudinalMeters: 1000
          # The amount of east-to-west distance (measured in meters) to use for the span.
          longitudinalMeters: 2000

    steroids.layers.push
      view: mapView
    ,
      onSuccess: ->
        # add some markers to the map
        mapView.addMarkers [
              latitude: 60.1708
              longitude: 24.9375
              title: "marker 1"
              subtitle: "subtitle marker 1"
            ,

              latitude: 41.2889
              longitude: 174.7772
              title: "marker 2"
              subtitle: "subtitle marker 2"
          ]
        ,
          onSuccess: -> alert "markers added to map!"


  @testMapViewHybvridWithOverlay: () ->
    mapView = new steroids.views.MapView
      mapType: "Hybrid"
      location: "/views/mapview/mapoverlay.html"

    steroids.layers.push
      view: mapView