extends layout

block content

    div.container
        div.row
            for nr in [ 1,2,3,4,5 ]
                div.cell
                    div.kasten
                        h3 Freakduino + Netrad SBM-20
                        table
                            tr
                                td Location:
                                td Montreal
                            tr
                                td Elevation:
                                td 8m
                            tr
                                td Latitude:
                                td 51.6693413745977
                            tr
                                td Longitude:
                                td -1.28627210855484
                            tr
                                td Update:
                                td 23 Jun 2012 08:01:47

                        div.mapbox(id="map#{nr}")

                        img(src="https://api.cosm.com/v2/feeds/64590/datastreams/microsievertsperhour.png?width=200&height=100&colour=%23f15a24&duration=5minutes&show_axis_labels=true&detailed_grid=true&scale=auto&timezone=Berlin")



    script(type="text/javascript",src="http://maps.googleapis.com/maps/api/js?sensor=false&key=AIzaSyDZ5gUZumNEZOHyRLs4HWJEJ-mDeEkWInU")

    script(type="text/javascript")

        function loadMap(container, lat, long) {
            var latlong = new google.maps.LatLng(-34.397, 150.644);
            var map = new google.maps.Map(container, { center: latlong,
                                                       zoom: 8,
                                                       disableDefaultUI: true,
                                                       mapTypeId: google.maps.MapTypeId.ROADMAP });
            var marker = new google.maps.Marker({ position: latlong, map: map});
        }

        $(function() {
            loadMap(document.getElementById("map1"), -34.397, 150.644);
            loadMap(document.getElementById("map2"), -34.397, 150.644);
            loadMap(document.getElementById("map3"), -34.397, 150.644);
            loadMap(document.getElementById("map4"), -34.397, 150.644);
            loadMap(document.getElementById("map5"), -34.397, 150.644);
        });