boolean main = true; 
boolean angry = false; 
boolean sad = false; 
boolean joyful = false; 
boolean peaceful = false; 

int anger = #c60c0d; 
int sadness = #0001c6; 
int joy = #f8cd00; 
int peace = #008300;

int[] angry_colors = {#7f1010, #980000, #c9060b, #ff3800, #ff4d2d, 
#7f0300, #a80001, #c90200, #f23907, #ff502a,
#850002, #900000, #c90100, #ef3c00, #fc5125, 
#800101, #980106, #c70400, #ff2c0d, #fe5224, 
#8d0000, #a40201, #cf0005, #db0e13, #fd4f27}; 
int[] sad_colors = {#000065, #010099, #2827ba, #0232cd, #2a7bd6,
#070469, #030494, #0000d9, #0033cc, #1b74d8,
#00055c, #020699, #0300dc, #0030de, #0d6ecf,
#010167, #040390, #0201cc, #002ebb, #0365d0, 
#030069, #140f9e, #0003cf, #0232cc, #0167c0}; 
int[] joyful_colors = {#fdb703, #fbc204, #fdce01, #f5dc04, #f7e700, 
#fdb703, #fbc204, #f6ca0a, #f1d409, #f5dc04, 
#f2b80c, #f1c20d, #f1c20d, #edcb0e, #f1d409,
#ecb912, #eac113, #f1c20d, #edcb0e, #e9ce0f, 
#eac113, #e8bd15, #e5bd17, #e5d015, #e5cc15}; 
int[] peaceful_colors = {#77be35, #77ba2d, #77b623, #77b323, #77b123,  
#5ad14c, #5cb134, #5dae29, #5dac22, #5daa1a, 
#44aa39, #44aa39, #44a226, #45a01e, #449f18, 
#229f43, #229935, #229524, #229017, #228c09, 
#009448, #008e37, #008622, #00820f, #007b02}; 

String[] angry_emotions = {"enraged", "panicked", "stresssed", "jittery", "shocked", 
"livid", "furious", "frustrated", "tense", "stunned", 
"fuming", "frightened", "angry", "nervous", "restless", 
"anxious", "apprehensive", "worried", "irritated", "annoyed", 
"repulsed", "troubled", "concerned", "uneasy", "peeved"}; 
String[] sad_emotions = {"disgusted", "glum", "disappointed", "down", "apathetic", 
"pessimistic", "morose", "discouraged", "sad", "bored", 
"alienated", "miserable", "lonely", "disheartened", "tired", 
"despondent", "depressed", "sullen", "exhausted", "fatigue", 
"despair", "hopeless", "desolate", "spent", "drained"}; 
String[] joyful_emotions = {"surprised", "upbeat", "festive", "exhilarated", "ecstatic",
"hyper", "cheerful", "motivated", "inspired", "elated", 
"energized", "lively", "enthusiastic", "optimistic", "excited", 
"please", "happy", "focused", "proud", "thrilled", 
"pleasant", "joyful", "hopeful", "playful", "blissful"}; 
String[] peaceful_emotions = {"at ease", "easygoing", "content", "loving", "fulfilled", 
"calm", "secure", "satisfied","grateful", "touched", 
"relaxed", "chill", "restful", "blessed", "balanced",
"mellow", "thoughtful", "peaceful", "comfy", "carefree", 
"sleepy", "complacent", "tranquil", "cozy", "serene"}; 

float radius = 40;
float label_size = 15; 


void setup(){
  size(500, 500); 
  background(0); 
}

void draw(){
  // main page: asking to pick an emotion 
  if(main){
    drawMain();  
  }
  // going to specific emotion page based on user input 
  else if(angry){
    drawAngry();
  }
  else if(sad){
    drawSad();
  }
  else if(joyful){
    drawJoyful();
  }
  else if(peaceful){
    drawPeaceful();
  }
}

void mouseClicked(){
  // if in main page, check if any of the buttons is clicked (will be replaced with physical touch input)
  if(main){
    if((10<mouseX && mouseX<110) && (150<mouseY && mouseY<200)){
      angry = true; 
      main = false; 
    }
    else if((120<mouseX && mouseX<220) && (150<mouseY && mouseY<200)){
      joyful = true; 
      main = false; 
    }
    else if((230<mouseX && mouseX<330) && (150<mouseY && mouseY<200)){
      peaceful = true; 
      main = false; 
    }
    else if((340<mouseX && mouseX<450) && (150<mouseY && mouseY<200)){
      sad = true; 
      main = false; 
    }
  }
  // if in emotion pages, check if going back to main page
  else{
    if((0<mouseX && mouseX<10) && (0<mouseY && mouseY<10)){
      main = true; 
      angry = false; 
      sad = false; 
      joyful = false; 
      peaceful = false; 
    }
  }
}

void drawMain(){ 
  size(500, 500); 
  background(0);
  // display text
  textAlign(LEFT);
  textSize(32);
  fill(anger);
  text("How", 50, 30);
  fill(joy);
  text("Are You", 50, 60); 
  fill(peace);
  text("Feeling", 50, 90); 
  fill(sadness);
  text("Right Now", 50, 120); 
  
  // draw buttons (will be replaced by touch input)
  fill(anger); 
  rect(10, 150, 100, 50); 
  fill(joy); 
  rect(120, 150, 100, 50); 
  fill(peace); 
  rect(230, 150, 100, 50); 
  fill(sadness); 
  rect(340, 150, 100, 50); 
}

void drawAngry(){
  size(500, 500); 
  background(0); 
  displayEmotions(angry_emotions, angry_colors); 
  
}

void drawSad(){
  size(500, 500); 
  background(0); 
  displayEmotions(sad_emotions, sad_colors); 
}

void drawPeaceful(){
  size(500, 500); 
  background(0); 
  displayEmotions(peaceful_emotions, peaceful_colors); 
}

void drawJoyful(){
  size(500, 500); 
  background(0); 
  displayEmotions(joyful_emotions, joyful_colors);
}

void displayEmotions(String[] labels, int[] colors){
  for (int i=0; i<5; i = i+1){
    for (int j=0; j<5; j = j+1){
      Emotion e = new Emotion(labels[i*5+j], colors[i*5+j], j*100+50, i*100+50); 
      e.display(); 
    }
  }
}

class Emotion{
  String label; 
  int color_code; 
  float x, y; 
  Emotion(String l, int c, float x_pos, float y_pos){
    label = l; 
    color_code = c; 
    x = x_pos; 
    y = y_pos;
  }
  
  void display(){
    textAlign(CENTER);
    fill(color_code);
    textSize(label_size); 
    text(label, x, y); 
  }

  void selected(){
    fill(color_code);
    textSize(label_size+10); 
    text(label, x, y);
  }
}