var s = require("Storage");
var map = s.readJSON("openstmap.json");
var HASWIDGETS = true;
var y1,y2;

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;
  g.setClipRect(0,y1,g.getWidth()-1,y2);
  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();
  g.setClipRect(0,0,g.getWidth()-1,g.getHeight()-1);
}

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);
}

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);

if (HASWIDGETS) {
  Bangle.loadWidgets();
  Bangle.drawWidgets();
  y1 = 24;
  var hasBottomRow = Object.keys(WIDGETS).some(w=>WIDGETS[w].area[0]=="b");
  y2 = g.getHeight() - (hasBottomRow ? 24 : 1);
} else {
  y1=0;
  y2=g.getHeight()-1;
}

redraw();

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