var s = require("Storage");
var map = s.readJSON("openstmap.json");

map.center = Bangle.project({lat:map.lat,lon:map.lon});
var lat = map.lat, lon = map.lon;
var fix = {};


function redraw() {
  var cx = g.getWidth()/2;
  var cy = g.getHeight()/2;
  var p = Bangle.project({lat:lat,lon:lon});
  var ix = (p.x-map.center.x)*4096/map.scale + (map.imgx/2) - cx;
  var iy = (map.center.y-p.y)*4096/map.scale + (map.imgy/2) - cy;
  //console.log(ix,iy);
  var tx = 0|(ix/map.tilesize);
  var ty = 0|(iy/map.tilesize);
  var ox = (tx*map.tilesize)-ix;
  var oy = (ty*map.tilesize)-iy;
  for (var x=ox,ttx=tx;x<g.getWidth();x+=map.tilesize,ttx++) {
    for (var y=oy,tty=ty;y<g.getHeight();y+=map.tilesize,tty++) {
      var img = s.read("openstmap-"+ttx+"-"+tty+".img");
      if (img) g.drawImage(img,x,y);
      else {
        g.clearRect(x,y,x+map.tilesize-1,y+map.tilesize-1);
        g.drawLine(x,y,x+map.tilesize-1,y+map.tilesize-1);
        g.drawLine(x,y+map.tilesize-1,x+map.tilesize-1,y);
      }
    }
  }
  drawMarker();
}

function drawMarker() {
  if (!fix.fix) return;
  var p = Bangle.project({lat:lat,lon:lon});
  var q = Bangle.project(fix);
  var cx = g.getWidth()/2;
  var cy = g.getHeight()/2;
  var ix = (q.x-p.x)*4096/map.scale + cx;
  var iy = cy - (q.y-p.y)*4096/map.scale;
  g.setColor(1,0,0);
  g.fillRect(ix-2,iy-2,ix+2,iy+2);
}

redraw();


var fix;
Bangle.on('GPS',function(f) {
  fix=f;
  g.clearRect(0,0,240,8);
  g.setColor(1,1,1);
  g.setFont("6x8");
  g.setFontAlign(0,0);
  var txt = fix.satellites+" satellites";
  if (!fix.fix)
    txt += " - NO FIX";
  g.drawString(txt,120,4);
  drawMarker();
});
Bangle.setGPSPower(1);
redraw();

setWatch(function() {
  if (!fix.fix) return;
  lat = fix.lat;
  lon = fix.lon;
  redraw();
}, BTN2, {repeat:true});