/*
	Descrição: Google Maps customizado
    Autor: Adriano Angélico
	Data: 20/03/2015
	Versão: 1.0
*/

var map;
var brazil = new google.maps.LatLng(-14, -53);
var parana = new google.maps.LatLng(-24.6169813, -51.3214141);

function initialize() {
    var mapDiv = document.getElementById("map-canvas");
    var mapOptions = {
        zoom: 4,
        center: brazil,
        panControl: true,
        zoomControl: true,
        streetViewControl: false,
        mapTypeControl: false
    }

    map = new google.maps.Map(mapDiv, mapOptions);

    var contentString1 = "<div class='infowindow-demanda'>" + 
        "<h1 class='sidebar-box-content-title'>Interior Sul</h1>" +
        "<ul class='infowindow-table'>" +
        "<li><div class='box-qtd'>QTD</div><div class='box-tipo-demanda'><strong>Tipo de Demanda</strong></div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de Entulho</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de animal morto</div></li>" +
        "<li><div class='box-qtd'>2</div><div class='box-tipo-demanda'>Remoção, Remoção de galhada</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de Entulho</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de animal morto</div></li>" +
        "<li><div class='box-qtd'>2</div><div class='box-tipo-demanda'>Remoção, Remoção de galhada</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de Entulho</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de animal morto</div></li>" +
        "<li><div class='box-qtd'>2</div><div class='box-tipo-demanda'>Remoção, Remoção de galhada</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de Entulho</div></li>" +
        "<li><div class='box-qtd'>5</div><div class='box-tipo-demanda'>Remoção, Remoção de animal morto</div></li>" +
        "<li><div class='box-qtd'>2</div><div class='box-tipo-demanda'>Remoção, Remoção de galhada</div></li>" +
        "</ul>" +
        "<ul class='box-tag-infowindow'>" +
        "<li class='red-tag'>2</li>" +
        "<li class='orange-tag'>6</li>" +
        "<li class='yellow-tag'>4</li>" +
        "<li><a href='#'>Detalhes</a></li>" +
        "</ul>" +
        "</div>";

    var infowindow1 = new google.maps.InfoWindow({
        content: contentString1
    });

    var marker1 = new google.maps.Marker({
        position: brazil,
        map: map,
        title: "Brasil"
    });

    google.maps.event.addListener(marker1, "click", function () {
        infowindow1.open(map, marker1);
    });

    var contentString2 = "<div class='infowindow-veiculos'>" +
        "<h1 class='sidebar-box-content-title'>Veículo</h1>" +
        "<ul class='infowindow-table'>" +
        "<li><strong>Identificação:</strong> GD340</li>" +
        "<li><strong>Descrição:</strong> Volvo BM12 Vermelho</li>" +
        "<li><strong>Placa:</strong> AOI-4165</li>" +
        "<li><strong>Data / Hora:</strong> 27/04/2015 / 14:26</li>" +
        "<li><strong>Velocidade:</strong> 56km/h</li>" +
        "<li><strong>Logradouro:</strong> Av. República Argentina, 1234; esquina com Silva Jardim</li>" +
        "</ul>" +
        "<ul class='box-list-infowindow'>" +
        "<li><strong>Operação:</strong> Remoção, Remoção de Resíduos</li>" +
        "<li><strong>Motorista:</strong> Adriano Braga</li>" +
        "</ul>" +
        "</div>";

    var infowindow2 = new google.maps.InfoWindow({
        content: contentString2
    });

    var marker2 = new google.maps.Marker({
        position: parana,
        map: map,
        title: "Brasil"
    });

    google.maps.event.addListener(marker2, "click", function () {
        infowindow2.open(map, marker2);
    });
}

google.maps.event.addDomListener(window, "load", initialize);