float deplX, deplY;
float scale;
float x = 0;
float y = 0;
 PImage odg1;
 PImage odg2;
 PImage sdb1;
 PImage sdb2;
 PImage ha1;
 PImage ha2;
 PImage bvs;
 PImage as;
 PImage ap;
 PImage jk;
 PImage gmh;
 PImage pp;
 PImage edc;
 PImage lb;
 PImage mc;
 PImage tn;
 PImage rp;
 PImage assk;
 
 PImage oct;
 PImage suff;
 PImage suffa;
 PImage suffwh;
 PImage liber;
 PImage odgg;
 
 PImage ww1;
 PImage ww2;
 PImage ww3;
 PImage ww4;
 PImage ww5;
 PImage ww6;
 PImage ww7;
 PImage ww8;
 
 PImage wws1;
 PImage wws2;
 PImage wws3;
 PImage wws4;
 PImage wws5;
 PImage wws6;
 PImage wws7;
 PImage wws8;
 PImage wws9;
 PImage wws10;
 PImage wws11;
 PImage wws12;
 
 PFont font1;
 PFont font2;

  
void setup(){

  size(800,600);
  smooth();
  
  frameRate(10);
 // cursor(CROSS);
 // cursor(HAND);
 /* if (mousePressed == true){
   cursor(HAND);
 } else{
   cursor(MOVE);
 }*/


  odg1 = loadImage("Olympe_de_Gouges01.gif");
  odg2 = loadImage("Olympe_de_Gouges02_150.gif");
  sdb1 = loadImage("Simone_de_Beauvoir01_150.gif");
  sdb2 = loadImage("Simone_de_Beauvoir02_150.gif");
  ha1 =  loadImage("Hannah_Arendt01_150.gif");
  ha2 =  loadImage("Hannah_Arendt02_150.gif");
  bvs =  loadImage("Bertha_von_Suttner_150.gif");
  as  =  loadImage("Alice_Schwarzer_150.gif");
  ap  =  loadImage("Anna_Politkovskaia_150.gif");
  jk =   loadImage("Julia_Kristeva_150.gif");
  pp =   loadImage("Princesse_Palatine_150.gif");
  edc=   loadImage("Emilie_du_Chatelet_150.gif");
  gmh =   loadImage("Grace_M_Hopper_150.gif");
  lb =   loadImage("Louise_Bourgeois_150.gif");
  mc =   loadImage("Marie_Curie_150.gif");
  tn =   loadImage("Taslima_Nasrin_150.gif");
  rp =   loadImage("Rosa_Parks_150.gif");
  assk = loadImage("Aung_San_Suu_Kyi_150.gif");
  
 
  
  oct = loadImage("octobre1789.gif");
  suff = loadImage("suffragettes.gif");
  suffa = loadImage("suffragettes_arrested.gif");
  suffwh= loadImage("suffragettes_white_house.gif");
  liber = loadImage("liberte_Delacroix_150.gif");
  odgg = loadImage("Olympe_Gouges_guillotine.gif");
  
  ww1 = loadImage("women_working1.gif");
  ww2 = loadImage("women_working2.gif");
  ww3 = loadImage("women_working3.gif");
  ww4 = loadImage("women_working4.gif");
  ww5 = loadImage("women_working5.gif");
  ww6 = loadImage("women_working6.gif");
  ww7 = loadImage("women_working7.gif");
  ww8 = loadImage("women_working8.gif");
  
  
  wws1 = loadImage("ww_small1.gif");
  wws2 = loadImage("ww_small2.gif");
  wws3 = loadImage("ww_small3.gif");
  wws4 = loadImage("ww_small4.gif");
  wws5 = loadImage("ww_small5.gif");
  wws6 = loadImage("ww_small6.gif");
  wws7 = loadImage("ww_small7.gif");
  wws8 = loadImage("ww_small8.gif");
  wws9 = loadImage("ww_small9.gif");
  wws10 = loadImage("ww_small10.gif");
  wws11 = loadImage("ww_small11.gif");
  wws12 = loadImage("ww_small12.gif");
  
  font1 = loadFont("CharterBT-Italic-48.vlw");
  font2 = loadFont("Arial-ItalicMT-32.vlw");
  
  }
  
  
void draw(){
 //fill(random(50,55),30);
  fill(20,12);
  noStroke();
  rect(0,0,width,height);
  
  image(odg1,random(620.0,621.1),random(170.0,171.1));
  
  stroke(mouseX,mouseY,0,40);
  strokeWeight(.2);
  line(mouseX,0,mouseX,height);
  line(0,mouseY,width,mouseY);
  
 // background (random(50,55));
  stroke(mouseX,mouseY,0,50);
  strokeWeight(.2);
  fill(random(70,80),10);
  for(int k=0; k<width; k+=50) {
    rect(k,k,k,k);
  }
       for (int i=50; i<width; i+=100){
       for (int j = 50; j<height; j+=100){ 
      fill(50);
      rect(i+j,j+i,50,50);
    }
      } 
      fill(175,random(100,120),180,100);
      textFont(font1,16);
      text("DECLARATION DES DROITS ",520,50);
      text("DE LA FEMME", 550,80);
      text("ET DE LA CITOYENNE",580,110);
      
       fill(random(220,255),0,0);
      textFont(font1,16);
      text("LES DROITS DE LA FEMME",450,150);
      text("A LA REINE,", 450,180);
      text("Madame,",450,210);
    
    // SMALL SQUARES DIAGO CENTER
    // small square1 gray
     if (( mouseX >50) && (mouseX <100) && (mouseY>50) && (mouseY<100)){
       fill(80);
       rect(50,50,50,50);
      fill(random(200,255),0,0);
      textFont(font1,14);
     text("femme, rŽveille-toi",300,80);
     image(odg2,random(275.0,276.1),random(100.0,101.1));
          
    fill(random(200,255),random(155,255));
    textFont (font1,18);
    text("Olympe de Gouges",random(130,131),random(79,80));
    
     
   } 
      // small square1 black
      if((mouseX>100)&&(mouseX<150)&&(mouseY>100)&&(mouseY<150)){
         fill(20);
       rect(100,100,50,50);
        fill(175,0,random(180,200),180);
        textFont(font1,16);
      text("La Femme na”t libre",350,250);
      text("et demeure Žgale ˆ l'homme en droits", 350,270);
      }
       // small square2 gray
     if ((mouseX>150)&&(mouseX<200)&&(mouseY>150)&&(mouseY<200)){
       fill(80);
       rect(150,150,50,50);
       fill(random(200,250),0,0);
       textFont(font1,16);
       text("Soutenez, Madame, une si belle cause",350,250);
       text("DŽfendez ce sexe malheureux",350,270);
       text("et vous aurez bientot pour vous",350,290);
       text("une moitiŽ du royaume",350,310);
       text("et le tiers de l'autre",350,330);
     }
      // small square2 black
    if (( mouseX > 200)&& ( mouseX < 250)&&(mouseY>200)&&(mouseY<250)){
      fill(20);
      rect(200,200,50,50);
      fill(random(150,200));
      textFont(font1,16);
      text("le but de",150,150);
      text("toute association", 200, 200);
      text("politique", 250, 250);
    
      fill(random(180,220),0,0);
      text("est la conservation",300,300);
      text("des droits naturels et imprescriptibles", 350, 350);
      text("de la femme et de l'homme", 400, 400);
      }
      // small square3 gray
   if ((mouseX>250)&&(mouseX<300)&&(mouseY>250)&&(mouseY<300)){
     fill(80);
     rect(250,250,50,50);
     fill(155,0,155,random(120,180));
     textFont(font1,16);
     text("Les m�res,",250,380);
     text(" les filles,",280,410);
     text("les soeurs,",310,440);
     text("reprŽsentantes de la nation,",340,470);
     text("demandent d'�tre constituŽes en assemblŽe nationale",370,500);
   }
      // small square3 black 
    if (( mouseX > 300)&& ( mouseX < 350 )&&(mouseY>300)&&(mouseY<350)){
      fill(20);
      rect(300,300,50,50);
      fill(175,0,random(100,180));
      text("ces droits sont",350,240);
      text("la libertŽ, la propriŽtŽ, la sžretŽ", 350, 260);
      text("et sur-tout la rŽsistance ˆ l'oppression", 350, 280);
    }
      // small square4 gray
   if ((mouseX>350)&&(mouseX<400)&&(mouseY>350)&&(mouseY<400)){
     fill(80);
     rect(350,350,50,50);
     fill(100,0,random(200,220));
     text("ConsidŽrant que l'ignorance, l'oubli ou le mŽpris",400,360);
     text("des droits de la femme,",420,380);
     text("sont les seules causes des malheurs publics",440,400);
     text("et de la corruption des gouvernemens",460,420);
   }
      // small square4 black
    if (( mouseX > 400)&& ( mouseX < 450 )&&(mouseY>400)&&(mouseY<450)){
      fill(20);
      rect(400,400,50,50);
      fill(random(120,180),150,0);
      text("la femme a le droit de monter sur l'Žchafaud", 150, 50);
      text("elle doit avoir le droit de monter ˆ la tribune", 150, 80);
      image(odgg, random(225.0,226.1), random(100.0,101.1));
    }
      // small square5 gray
   if ((mouseX>450)&&(mouseX<500)&&(mouseY>450)&&(mouseY<500)){
     fill(80);
     rect(450,450,50,50);
     fill(random(150,200),0,0);
     text("ont rŽsolu d'exposer dans une dŽclaration solennelle,", 400,550);
     text("les droits inaliŽnables et sacrŽs de la femme",440,580);
   }
      // small square5 black
     if (( mouseX > 500)&& ( mouseX < 550 )&&(mouseY>500)&&(mouseY<550)){
      fill(20);
      rect(500,500,50,50);
      fill(200,140,0,random(200,255));
      text("une femme n'avoit besoin que d'�tre belle ou aimable", 100, 330);
      text("quand elle possŽdoit ces deux avantages", 100, 350);
      text("elle voyoit cent fortunes ˆ ses pieds",100,370);
      text("si elle n'en profitoit pas",100,390);
      text("elle avoit un caract�re bizarre",100,410);
    }
      // small square6 gray (no black)
    if ((mouseX>550)&&(mouseX<600)&&(mouseY>550)&&(mouseY<600)){
      fill(80);
      rect(550,550,50,50);
      fill(150,0,180);
      text("afin que les rŽclamations des citoyennes",150,500);
      text("fondŽes dŽsormais sur des principes simples et incontestables,",250,530);
      text("tournent toujours au maintien de la constitution",300,560);
      }



    
    // AJOUTER TEXTE et IMAGES
    // small symetric squares
     // square 150 100
     // Simone de Beauvoir1
    if ((mouseX > 150)&& (mouseX<200)&&(mouseY>100)&&(mouseY<150)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(175,125,4,4);
      fill(40,100);
      noStroke();
      rect(150,100,50,50);
      fill(random(200,255),0,50); 
     textFont(font2,12);
     text("Apr�s la confŽrence",mouseX+10, mouseY);
     text("je mangeai",mouseX+10,mouseY+10);
     text("du homard",mouseX+10,mouseY+20);
     text("entre deux messieurs amidonnŽs",mouseX+10,mouseY+30);
     image(sdb1,random(100.0,101.1),random(200.0,201.1));
      }
      // square 100 150
      // Simone de Beauvoir2
      if ((mouseX > 100)&& (mouseX<150)&&(mouseY>150)&&(mouseY<200)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(125,175,4,4);
      fill(40,100);
      noStroke();
      rect(100,150,50,50);
      fill(random(200,255),0,50); 
      textFont(font1,12);
      text("Si je veux me dŽfinir",mouseX+10,mouseY); 
      text("je suis obligŽe d'abord de dŽclarer", mouseX+10, mouseY+10);
      text("' je suis une femme ';", mouseX+50, mouseY+40);
      text("cette vŽritŽ constitue le fond", mouseX+10, mouseY+70);
      text("sur lequel s'enl�vera toute autre affirmation",mouseY+10, mouseY+80);
      image(sdb2,random(50.0,51.1),random(400.0,401.1));
      image(jk, random(350.0,351.1),random(250.0,251.1));
    }
      // square 250 200
      // Hannah Arendt1
      if ((mouseX > 250)&& (mouseX<300)&&(mouseY>200)&&(mouseY<250)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(275,225,4,4);
      fill(40,100);
      noStroke();
      rect(250,200,50,50);
      fill(255,0,0);
      textFont(font1,12);
      text("Gewalt kann gerechtfertigt sein,", mouseX+10, mouseY);
      text("aber sie kann niemals legitim sein", mouseX+10, mouseY+10);
      image(ha1, random(250.0,251.1),random(250.0,251.1));
      }
      // square 200 250
      // Hannah Harendt2
        if ((mouseX > 200)&& (mouseX<250)&&(mouseY>250)&&(mouseY<300)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(225,275,4,4);
      fill(40,100);
      noStroke();
      rect(200,250,50,50);
      fill(255,0,0);
      textFont(font2,12);
      text("...Wir wissen oder sollten wissen,", mouseX+10, mouseY);
      text("da§ jeder Machtverlust der Gewalt", mouseX+10, mouseY+10);
      text("Tor und TŸr šffnet", mouseX+10, mouseY+20);
      image(ha2, random(200.0,201.1),random(300.0,301.1));
      image(assk, random(350.0,351.1), random(350.0,351.1));
      }
       // square 350 300
       // Bertha von Suttner
          if ((mouseX > 350)&& (mouseX<400)&&(mouseY>300)&&(mouseY<350)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(375,325,4,4);
      fill(40,100);
      noStroke();
      rect(350,300,50,50);
      fill(255,0,255);
      textFont(font1,14);
      text("Die Waffen nieder!", mouseX+10, mouseY);
      image(bvs, random(250.0,251.1),random(150.0,151.1)); 
      }
       // square 300 350
       // Anna Politkovskaia 
          if ((mouseX > 300)&& (mouseX<350)&&(mouseY>350)&&(mouseY<400)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(325,375,4,4);
      fill(40,100);
      noStroke();
      rect(300,350,50,50);
      fill(155,0,255);
      textFont(font2,12);
      text("Kadyrov is a Stalin of our times", mouseX+10, mouseY);
      text("He is a puppet, nothing depend on him now", mouseX+20, mouseY+30);
      text("He's a coward armed to the teeth and surrounded by security guards", mouseX+30, mouseY+40);
      image(ap, random(300.0,301.1),random(450.0,451.1));
      }
      // square 450 400
      // Alice Schwarzer
      // Rosa Parks
          if ((mouseX > 450)&& (mouseX<500)&&(mouseY>400)&&(mouseY<450)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(475,425,4,4);
      fill(40,100);
      noStroke();
      rect(450,400,50,50);
      image(as, random(200.0,201.1),random(250.0,251.1));
      image(rp, random(400.0,401.1),random(150.0,151.1));
      }
      // square 400 450
      // Emilie du Chatelet
        if ((mouseX > 400)&& (mouseX<450)&&(mouseY>450)&&(mouseY<500)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(425,475,4,4);
      fill(40,100);
      noStroke();
      rect(400,450,50,50);
      image(edc, random(500.0,501.1),random(250.0,251.1));
      image(pp, random(300.0,301.1),random(450.0,451.1));
      }
       // square 550 500
       // Grace M Hopper
       // Marie Curie
        if ((mouseX > 550)&& (mouseX<600)&&(mouseY>500)&&(mouseY<550)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(575,525,4,4);
      fill(40,100);
      noStroke();
      rect(550,500,50,50);
      image(gmh, random(100.0,101.1),random(400.0,401.1));
      image(mc, random(250.0,251.1),random(250.0,251.1));
      }
      // square 500 550
      // Louise Bourgeois
         if ((mouseX > 500)&& (mouseX<550)&&(mouseY>550)&&(mouseY<600)){
      stroke(200);
      noFill();
      ellipseMode(CENTER);
      ellipse(525,575,4,4);
      fill(40,100);
      noStroke();
      rect(500,550,50,50);
      image(lb, random(100.0,101.1),random(200.0,201.1));
      }
      
    // AJOUTER EFFETS VISUELS
    // TOP
    
    // rectangles - horizontal - line1 - top 
    // rect x= 200->300, y=150->200
    if (( mouseX > 200)&& ( mouseX < 300 )&&(mouseY>150)&&(mouseY<200)){
      fill(150,20,random(150,180));
      textFont(font1,16);
      text("si elle n'excelle pas en musique ou en peinture", 200, 300);
      text("elle ne peut �tre admise ˆ aucune fonction publique", 200, 320);
      fill(50,0,50,10);
      rect(200,150,100,50);
    }
    
    // rect x= 300->400, y=200->250
    if (( mouseX > 300)&& ( mouseX < 400 )&& (mouseY>200) && (mouseY<250)){
      fill(255,80,80,random(100,180));
      text("elle a part ˆ toutes les corvŽes",100,450);
      text("ˆ toutes les t‰ches pŽnibles",120,470);
      text("elle doit donc avoir de m�me", 140, 490);
      text("part ˆ la distribution", 160, 510);
      text("des places, des emplois, des charges, des dignitŽs, et de l'industrie", 180, 530);
      fill(50,0,50,10);
      rect(300,200,100,50);
    }
    
    // rect x=400->500, y=250->300
    if (( mouseX > 400)&& ( mouseX < 500 )&&(mouseY>250)&&(mouseY<300)){
      fill(255,0,random(80,100));
      text("quelles que soient les barri�res", 500, 370);
      text("que l'on vous oppose", 500, 390);
      text("il est en votre pouvoir de les affranchir", 500,410);
      text("vous n'avez qu'ˆ le vouloir",500,430);
      fill(50,0,50,10);
      rect(400,250,100,50); 
    }
    
    // rect x=500->600, y=300->350
    if (( mouseX > 500)&& ( mouseX < 600 )&&(mouseY>300)&&(mouseY<350)){
      fill(random(175,200),150,180);
      text("A la lecture de ce bizarre Žcrit", 400, 400);
      text("je vois s'Žlever contre moi les tartuffes,", 400, 420);
      text("les bŽgueules,",400,440);
      text("le clergŽ et toute la sŽquelle infernale",400,460);
      fill(50,0,50,10);
      rect(500,300,100,50);
    }
    
     // rect x=600->700, y=350->400
    if (( mouseX > 600)&& ( mouseX < 700 )&&(mouseY>350)&&(mouseY<400)){
      fill(random(100,150),150,180);
      text("L'exercice des droits naturels de la femme", 150, 350);
      text("n'a de bornes que la tyrannie", 150, 370);
      text("que l'homme lui oppose",150,390);
      fill(50,0,50,10);
      rect(600,350,100,50);
    } 
   
    // rect x=700->800, y=400->450
    if (( mouseX > 700)&& ( mouseX < 800 )&&(mouseY>400)&&(mouseY<450)){
      fill(random(175,200),150,180);
      text("La loi doit �tre l'expression de la volonte gŽnŽrale;", 300, 400);
      text("elle doit �tre la m�me pour tous", 300, 420);
      text("toutes les citoyennes et tous les citoyens,",300,440);
      text("Žtant Žgaux ˆ ses yeux",300,460);
      text("doivent �tre Žgalement admissibles ˆ toutes dignites,",300,480);
      text(" places et emplois publics,",300,500);
      text("selon leurs capacitŽs",300,520);
      text("& sans autres distinctions que celles de leurs vertus et de leurs talens",300,540);
      fill(50,0,50,10);
      rect(700,400,100,50);
    } 
    
     // rectangles - horizontal - line2 - top
     // rect x=300->400  y=250->300
      if (( mouseX > 300)&& ( mouseX < 400 )&&(mouseY>250)&&(mouseY<300)){
        deplX = 1.5;
        x += deplX;
        fill(50,0,150,10);
      rect(300,250,100,50);
     // image(oct,random(100.0,101.1),random(50.0,51.1));
        image(oct, 50+x, random(50.0,51.1));
        if(x>150)x=50;
       
      }
     // rect x=400->500  y=300->350
        if (( mouseX > 400)&& ( mouseX < 500 )&&(mouseY>300)&&(mouseY<350)){
         deplY = -1.2;
         y += deplY;
          fill(50,0,150,10);
      rect(400,300,100,50);
     // image(suff,random(50.0,51.1),random(200.0,201.1));
        image(suff,random(50.0,51.1),200+y);
        if(y<100)y=200;
      }
     // rect x=500->600  y=350->400
        if (( mouseX > 500)&& ( mouseX < 600 )&&(mouseY>350)&&(mouseY<400)){
        deplX = 1.5;
        deplY = -1.3;
        x += deplX;
        y += deplY;
          fill(50,0,150,10);
      rect(500,350,100,50);
      image(liber, 200+x+random(0.1,0.2),250+y+random(0.1,0.2));
     if(x>500 || y<150){
      x=200;
      y=250;
     } 
      }
      // rect x=600->700  y=400->450
         if (( mouseX > 600)&& ( mouseX < 700 )&&(mouseY>400)&&(mouseY<450)){
          deplX = 1.8;
           x += deplX;
           fill(50,0,150,10);
           rect(600,400,100,50);
            image(suffa, 300+x+random(0.1,0.2),350+random(0.1,0.2));
           if (x>500) x=300;
      }
      //  rect x=700->800  y=450->500
         if (( mouseX > 700)&& ( mouseX < 800 )&&(mouseY>450)&&(mouseY<500)){
          deplY = 1.2;
          y+=deplY;
           fill(50,0,150,10);
           rect(700,450,100,50);
              image(suffwh, 200+x+random(0.1,0.1),200+y+random(0.1,0.2));
          if (x>400 || y >500){
           x=200;
           y=200;
          }
      }
     
     // rectangles - horizontal - line3 - top
     // rect x=400->500  y=350->400
     // working women1
         if (( mouseX > 400)&& ( mouseX < 500 )&&(mouseY>350)&&(mouseY<400)){
      fill(150,0,150,10);
      rect(400,350,100,50);
      image(ww1, random(200.0,201.1),random(250.0,251.1));
      }
     // rect x=500->600  y=400->450
     // working women2
         if (( mouseX > 500)&& ( mouseX < 600 )&&(mouseY>400)&&(mouseY<450)){
      fill(150,0,150,10);
      rect(500,400,100,50);
      image(ww2, random(300.0,301.1),random(350.0,351.1));
      }
     // rect x=600->700  y=450->500
     // working women3
         if (( mouseX > 600)&& ( mouseX < 700 )&&(mouseY>450)&&(mouseY<500)){
      fill(150,0,150,10);
      rect(600,450,100,50);
      image(ww3, random(400.0,401.1),random(450.0,451.1));
      }
       // rect x=700->800  y=500->550
       // working women4
         if (( mouseX > 700)&& ( mouseX < 800 )&&(mouseY>500)&&(mouseY<550)){
      fill(150,0,150,10);
      rect(700,500,100,50);
      image(ww4, random(600.0,601.1),random(350.0,351.1));
      }
      
      // rectangles - horizontal - line4 - top
     // rect x=500->600    y=450->500
     // working women5
         if (( mouseX > 500)&& ( mouseX < 600 )&&(mouseY>450)&&(mouseY<500)){
      fill(150,0,50,10);
      rect(500,450,100,50);
      image(ww5, random(450.0,451.1),random(300.0,301.1));
      }
     // rect x=600->700    y=500->550
     // working women6
         if (( mouseX > 600)&& ( mouseX < 700 )&&(mouseY>500)&&(mouseY<550)){
      fill(150,0,50,10);
      rect(600,500,100,50);
      image(ww6, random(250.0,251.1), random(250.0,251.1));
      }
     // rect x=700->800    y=550->600
     // working women7
         if (( mouseX > 700)&& ( mouseX < 800 )&&(mouseY>550)&&(mouseY<600)){
      fill(150,0,50,10);
      rect(700,550,100,50);
      image(ww7, random(400.0,401.1), random(300.0,301.1));
      }
     
     // rectangle - horizontal - line5
     // rect x=600->700    y=550->600
         if (( mouseX > 600)&& ( mouseX < 700 )&&(mouseY>550)&&(mouseY<5600)){
      fill(150,0,255,10);
      rect(600,550,100,50);
      image(ww8, random(300.0,301.1), random(450.0,451.1));
      }
     
     // BOTTOM
     // rectangles - vertical - line1 - bottom
     // rect x=150->200  y=200->300
     if (( mouseX > 150)&& ( mouseX < 200 )&&(mouseY>200)&&(mouseY<300)){
     fill(50,0,50,10);
      rect(150,200,50,100);
      image(wws1, random(200.0,201.1),random(200.0,201.1));
      image(wws3, random(400.0,401.1),random(300.0,301.1));
     }
     // rect x=200->250  y=300->400
      if (( mouseX > 200)&& ( mouseX < 250 )&&(mouseY>300)&&(mouseY<400)){
     fill(50,0,50,10);
      rect(200,300,50,100);
      image(wws2, random(300.0,301.1),random(250.0,251.1));
      image(wws5, random(100.0,101.1),random(200.0,201.1));
     }
     // rect x=250->300  y=400->500
      if (( mouseX > 250)&& ( mouseX < 300 )&&(mouseY>400)&&(mouseY<500)){
     fill(50,0,50,10);
      rect(250,400,50,100);
      image(wws3, random(400.0,401.1),random(300.0,301.1));
      image(wws1, random(500.0,501.1),random(300.0,301.1));
     }
     // rect x=300->350  y=500->600
     if (( mouseX > 300)&& ( mouseX < 350 )&&(mouseY>500)&&(mouseY<600)){
     fill(50,0,50,10);
      rect(300,500,50,100);
      image(wws4, random(500.0,501.1),random(350.0,351.1));
      image(wws2, random(300.0,301.1),random(300.0,301.1));
     }  
     
     // rectangles - vertical - line2 bottom
     // rect x=250->300  y=300->400
        if (( mouseX > 250)&& ( mouseX < 300 )&&(mouseY>300)&&(mouseY<400)){
     fill(50,0,150,10);
      rect(250,300,50,100);
      image(wws6, random(350.0,351.1),random(250.0,251.1));
      image(wws7, random(300.0,301.1),random(350.0,351.1));
     } 
     // rect x=300->350  y=400->500
         if (( mouseX > 300)&& ( mouseX < 350 )&&(mouseY>400)&&(mouseY<500)){
     fill(50,0,150,10);
      rect(300,400,50,100);
      image(wws8, random(450.0,451.1),random(300.0,301.1));
      image(wws9, random(400.0,401.1),random(400.0,401.1));
     }
     // rect x=350->400  y=500->600
         if (( mouseX > 350)&& ( mouseX < 400 )&&(mouseY>500)&&(mouseY<600)){
     fill(50,0,150,10);
      rect(350,500,50,100);
      image(wws10, random(250.0,251.1),random(200.0,201.1));
      image(wws11, random(150.0,151.1),random(300.0,301.1));
     }
     
     // rectangles - vertical - line3 - bottom
     // rect x=350->400  y=400->500
           if (( mouseX > 350)&& ( mouseX < 400 )&&(mouseY>400)&&(mouseY<500)){
     fill(150,0,150,10);
      rect(350,400,50,100);
      fill(255,0,0);
      textFont(font1,16);
      text("Privat ist politisch",mouseX+20,mouseY);
     }
     // rect x=400->450  y=500->600
            if (( mouseX > 400)&& ( mouseX < 450 )&&(mouseY>500)&&(mouseY<600)){
     fill(150,0,150,10);
      rect(400,500,50,100);
      fill(255,0,0);
      textFont(font1,16);
      text("A toutes les autres femmes",mouseX+20,mouseY);
     }
     
     // rectangle - vertical - line4 - bottom
     // rect x=450->500  y=500->600
            if (( mouseX > 450)&& ( mouseX < 500 )&&(mouseY>500)&&(mouseY<600)){
     fill(150,0,50,10);
      rect(450,500,50,100);
      fill(255,0,0);
      textFont(font1,16);
      text("Half the world is women", mouseX+20, mouseY);
     } 
  }