//slider values: 0: value, 1: x-position, 2: y-position 3: locked, 4: hovered
float[] slider1 =   {10,15,10,0,0};
float[] slider2 =   {10,30,10,0,0};
float[] slider3 =   {10,45,10,0,0};
int[] colorvalue =  {0,0,0};     

int numberofrows = 13;
int numberofcolumns = 13;
int radiusx;
int radiusy;

int positionx;
int positiony;

color[][] dotsmatrix = new color[numberofrows][numberofcolumns];
color defaultcolor = color(100);

int currentcolumn = 0;
int currentrow = 0;

float[][] sliders = {slider1, slider2, slider3};
int current = sliders.length+1;

//drawing constants
int slider = 10;
int sizeheight = 400;
int sizewidth = 400;
int buttonwidth = 35;
int buttonheight = 20;


void setup()
{
  size(sizewidth,sizeheight);
  background(defaultcolor);
  rectMode(CENTER_RADIUS);
  ellipseMode(CENTER);
  smooth();
  
  for (int i=0; i<numberofrows; i++)
  {
    for(int j=0; j<numberofcolumns; j++)
    {
      dotsmatrix[i][j] = defaultcolor;
    }
  }
    radiusx = int((sizewidth-120)/numberofcolumns);
    radiusy = int((sizeheight-120)/numberofrows);
  
}


void draw(){
 
  background(defaultcolor);
 
// This is all really just handling the sliders...
 for (int i=0; i<sliders.length; i++)
 {
   if (mouseX<=(sliders[i][1]+slider) && mouseX>=(sliders[i][1]-slider) &&
       mouseY<=(sliders[i][2]+slider) && mouseY>=(sliders[i][2]-slider))
       {sliders[i][4] = 1;}      //set "hovered" to true
   else sliders[i][4] = 0;
   if (mousePressed && sliders[i][4]==1 && (current==i||current==(sliders.length+1))) 
       {
//         sliders[i][3] = 1;     //set "locked" to true
         current = i;           //and set this slider as current
       }
 }
 if (current <= sliders.length)
 {
   sliders[current][2] = constrain(sliders[current][2]-(pmouseY-mouseY), 10, sizeheight-10);
 }
 
 for (int i=0; i<sliders.length; i++)
 {
   line(sliders[i][1], 10, sliders[i][1], sizeheight-10);
   rect(sliders[i][1], sliders[i][2], slider, slider);
   sliders[i][0] = map(sliders[i][2],10,sizeheight-10,0,255);
   colorvalue[i] = int(sliders[i][0]);
 }
  
  //...done with sliders here, with the mouseReleased bit.

  dotsmatrix[currentrow][currentcolumn] = color(colorvalue[0],colorvalue[1],colorvalue[2]);

for (int i=0; i<numberofrows; i++)
{
  for(int j=0; j<numberofcolumns; j++)
  {
    fill(dotsmatrix[i][j]);
    positionx = int(map(j, 0, numberofcolumns, 80, sizewidth-20));
    positiony = int(map(i, 0, numberofrows, 20, sizeheight-20));
    if(i==currentrow && j==currentcolumn) stroke(255);
    ellipse(positionx, positiony, 20, 20);
    stroke(0);
  }
}
noFill();
//fill(255,0,0);
  rectMode(CORNER);

  pushMatrix();
  
  translate(sizewidth-buttonwidth, sizeheight-buttonheight);
  rect(0,0,buttonwidth, buttonheight);
  triangle(buttonwidth/4, buttonheight/4, (3*buttonwidth/4), buttonheight/2, buttonwidth/4, (3*buttonheight/4));
  
  translate(0-buttonwidth,0);
  rect(0,0,buttonwidth, buttonheight);
  triangle((3*buttonwidth/4),buttonheight/4,(buttonwidth/4),buttonheight/2,(3*buttonwidth/4),(3*buttonheight/4));
  
  translate(0-buttonwidth,0);
  rect(0,0,buttonwidth, buttonheight);
  triangle((3*buttonwidth/4),(3*buttonheight/4),buttonwidth/2,buttonheight/4,(buttonwidth/4),(3*buttonheight/4));
  
  translate(0-buttonwidth,0);
  rect(0,0,buttonwidth, buttonheight);
  triangle((3*buttonwidth/4),(buttonheight/4),buttonwidth/2,(3*buttonheight/4),(buttonwidth/4),(buttonheight/4));
  
  popMatrix();
  rectMode(CENTER);
  noFill();
  
}

void mouseReleased(){
  current = sliders.length + 1;
  
}

void mousePressed(){
  if      (mouseX>sizewidth-buttonwidth && mouseY > sizeheight-buttonheight) nextDot();
  else if (mouseX>sizewidth-(2*buttonwidth) && mouseX<sizewidth-buttonwidth && mouseY > sizeheight-buttonheight) previousDot();
  else if (mouseX>sizewidth-(3*buttonwidth) && mouseX<sizewidth-(2*buttonwidth) && mouseY > sizeheight-buttonheight) upDot();
  else if (mouseX>sizewidth-(4*buttonwidth) && mouseX<sizewidth-(3*buttonwidth) && mouseY > sizeheight-buttonheight) downDot();
}

void nextDot(){
  if (currentcolumn + 1 < numberofcolumns) currentcolumn++;
  else if (currentrow+1 <numberofrows) {currentcolumn = 0; currentrow++;}
  else {currentcolumn = 0; currentrow = 0;} 
}

void previousDot(){
  if (currentcolumn - 1 >= 0) currentcolumn--;
  else if (currentrow-1>=0) {currentcolumn=numberofcolumns-1; currentrow--;}
  else {currentcolumn = numberofcolumns-1; currentrow = numberofrows-1;}
}

void upDot(){
  if (currentrow - 1 >= 0) currentrow--;
  else if (currentcolumn-1>=0) {currentrow=numberofrows-1; currentcolumn--;}
  else {currentrow = numberofrows-1; currentcolumn = numberofcolumns-1;}
}

void downDot(){
  if (currentrow + 1 < numberofrows) currentrow++;
  else if (currentcolumn + 1<numberofcolumns){currentrow = 0; currentcolumn++;}
  else {currentrow = 0; currentcolumn = 0;}
}