Note Nudge #4

autowatch = 1;
mgraphics.init();
mgraphics.relative_coords = 0;
mgraphics.autofill = 0;
mgraphics.redraw();

var m = mgraphics;
var space = 2;
var drag_offset = 50;
var center_offset = 50;
var note_min = 10;
var start_x = 0;
var end_x = 500;
var height = 100;
var width = (end_x - start_x) - (space * 2)
var center = width / 2 + start_x;


function ondrag(x, y){
  if (x >= 0 && x < end_x - note_min){
    if (x > start_x - drag_offset && x < start_x + drag_offset){
      start_x = x;
      width = (end_x - start_x) - (space * 2);
      center = width / 2 + start_x;
  }}
  if (x <= 500 && x > start_x + note_min){
    if (x > end_x - drag_offset && x < end_x + drag_offset){
      end_x = x;
      width = (end_x - start_x) - (space * 2);
      center = width / 2 + start_x;
  }}
    outlet(0, start_x, end_x);
  m.redraw();
}

function paint() {
	m.rectangle(start_x + space, space, width, height);
	m.stroke();
  m.set_source_rgba(1, 0, 0, 0.5);
  m.rectangle(start_x + space, space, width, height);
  m.fill();
}