/**
 * Loading URLs. 
 * 
 * Click on the left button to open a different URL in the same window (Only
 * works online). Click on the right button to open a URL in a new browser window.  
*/

var overLeftButton = false;
var overRightButton = false;

function setup() {
  var canvas = createCanvas(640, 360);
  canvas.parent("p5container");
}

function draw() {
  background(204);

  // Left buttom
  if (overLeftButton == true) {
    fill(255);
  } else {
    noFill();
  }
  rect(20, 60, 75, 75);
  rect(50, 90, 15, 15);
  
  // Right button
  if (overRightButton == true) {
    fill(255);
  } else {
    noFill();
  }
  rect(105, 60, 75, 75);
  line(135, 105, 155, 85);
  line(140, 85, 155, 85);
  line(155, 85, 155, 100);
}

function mousePressed() {
  if (overLeftButton) { 
    window.location = "http://www.processing.org";
    //link("http://www.processing.org");
  } else if (overRightButton) {
    window.open("http://www.processing.org");
    //link("http://www.processing.org", "_new");
  }
}

function mouseMoved() { 
  checkButtons(); 
}
  
function mouseDragged() {
  checkButtons(); 
}

function checkButtons() {
  if (mouseX > 20 && mouseX < 95 && mouseY > 60 && mouseY < 135) {
    overLeftButton = true;   
  } else if (mouseX > 105 && mouseX < 180 && mouseY > 60 && mouseY <135) {
    overRightButton = true; 
  } else {
    overLeftButton = overRightButton = false;
  }
}




