class Instructions{
  int x, y;
  int backgroundColor;
  int fontColor;
  boolean visible = false;
  int margin = 60;
  
  Instructions(int _x, int _y){
    x = _x;
    y = _y;
    backgroundColor = 0;
  } 
  
  void display(){
    textAlign(LEFT);
    noStroke();
    fill(backgroundColor);
    rect(x, y, width, height);
    fill(10);
    rect(x, y, width, 150);
    fill(255, 90);
    textFont(font, 20);
    text("SoundScapes Mixer",100,80);
    fill(255, 70);
    textFont(font, 13);
    text("by Berio Molina (escoitar.org)",100,100);   
    text("RIT Rochester. 2008",100,120);        
    
    fill(#cc9900, 20);
    rect(0, 150, width, 120);
    textFont(font, 13);
    fill(#cc9900);
    text("Map Area", 100, 190);
    fill(#cc9900, 99);    
    text("+ Clic and drag over several yellow points to make zoom in",100,210);
    text("+ Clic and drag over 1 yellow point to move it",100,230);  
    text("+ Clic the reset button to return to the original map",100,250);      

    fill(#a23004, 20);
    rect(0, 270, width, 100);
    fill(#a23004);
    text("Silence Area", 100, 310);
    fill(#a23004, 99);    
    text("+ Drag a point from the map to the silent area to load a sound",100,330);
    text("+ Drag a point from the mix area to the silent area to stop the sound of the point",100,350);    

    fill(#225d80, 20);
    rect(0, 370, width, 140);
    fill(#225d80);
    text("Mix Area", 100, 410);
    fill(#225d80, 99);    
    text("+ Drag a point to the mix area to start the sound",100,430);
    text("+ Clic and drag on the yellow line of the point to change the longitude of the sound",100,450);    
    text("+ Clic and drag the point to the left or to the right to change its panoramitation",100,470);     
    text("+ Clic the play button to activate the timeline",100,490);         
    
    fill(#000000, 20);
    rect(0, 510, width, 140);
    fill(#ffffff, 90);
    text("Legend", 100, 540);
    fill(#0078cc, 99);    
    text("Sound Events",115-margin,560);   
    ellipse(105-margin, 554, 10, 10); 
    fill(#cc9900, 99);    
    text("Social Interaction",220-margin,560);   
    ellipse(210-margin, 554, 10, 10);  
    fill(#cc008b, 99);    
    text("Industrial Sounds",350-margin,560);   
    ellipse(340-margin, 554, 10, 10);  
    fill(#ad00cc, 99);    
    text("Other Sounds",480-margin,560);   
    ellipse(470-margin, 554, 10, 10);  
    fill(#cc3e00, 99);    
    text("Silences",590-margin,560);   
    ellipse(580-margin, 554, 10, 10);  
    fill(#00cacc, 99);    
    text("Acoustic Signals",670-margin,560);   
    ellipse(660-margin, 554, 10, 10);  
    fill(#95cc00, 99);    
    text("Natural Sounds",795-margin,560);   
    ellipse(785-margin, 554, 10, 10);  
    
    fill(255, 0, 0, 50);    
    ellipse(width-30, height-30, 25, 25);    
    stroke(255, 0, 0);
    ellipse(width-30, height-30, 16, 16);
    line(width-30-8, height-30-8, width-30+8, height-30+8);
    line(width-30+8, height-30-8, width-30-8, height-30+8);    
    if(mousePressed){
      if((mouseX > (width-30-8)) && (mouseY > (height-30-8))){
        visible = false;
      }
    }
  }
  
  boolean isVisible(){
    return visible;
  }
  
  void setVisible(){
    if(visible){
      visible = false;
    }else{
      visible = true;
    }
  }
}