var x11 = require('../lib/x11');

var xclient = x11.createClient();
var Exposure = x11.eventMask.Exposure;
var PointerMotion = x11.eventMask.PointerMotion;
var pts = [];

xclient.on('connect', function(display) {
    var X = this;
    var root = display.screen[0].root;
    var white = display.screen[0].white_pixel;
    var black = display.screen[0].black_pixel;

    var wid = X.AllocID();
    X.CreateWindow(
       wid, root, 
       10, 10, 400, 300, 
       1, 1, 0,
       { 
           backgroundPixel: white, eventMask: Exposure|PointerMotion  
       }
    );
    X.MapWindow(wid);
  
    var gc = X.AllocID();
    X.AllocColor(display.screen[0].default_colormap, 0xffff, 0, 0, function(redcolor) {
        // todo: it is possible for PolyLine to be called before CreateGC!
        console.log(redcolor);
        X.CreateGC(gc, wid, { foreground: redcolor.pixel, background: white } );
    });
    
    X.on('event', function(ev) {
        if (ev.type == 12)
        {
            if (pts.length > 4)
                X.PolyLine(0, wid, gc, pts);
        } else if (ev.type == 6) {
            pts.push(ev.x);
            pts.push(ev.y);
            if (pts.length > 4)
                X.PolyLine(0, wid, gc, pts.slice(-4));
        }
    });

    X.on('error', function(e) {
        console.log(e);
    });
});