DrawHelper.h

/**
* @brief This function draws the a "latched" dot. it uses the logonumber, colomn and row to
*        determine where.
*
* @param b int 
* @param col int
* @param row int
*
* @return none
*
* @note none
*/
void drawlatched(int b, int col, int row)
{
  int offset;
  if(SCREEN_WIDTH < 480)
  {
    offset = 2;
  }
  else
  {
    offset = 12;
  }
  tft.fillRoundRect((KEY_X - 37 + col * (KEY_W + KEY_SPACING_X)) - offset, (KEY_Y - 37 + row * (KEY_H + KEY_SPACING_Y)) - offset, 18, 18, 4, generalconfig.latchedColour);
}

/**
* @brief This function draws the logos according to the page
         we are currently on. The pagenumber is a global variable
         and doesn't need to be passed. 
*
* @param logonumber int 
* @param col int
* @param row int
* @param transparent boolean
*
* @return none
*
* @note Logos start at the top left and are 0 indexed. The same goes 
         for the colomn and the row.
*/
void drawlogo(int logonumber, int col, int row, bool transparent, bool latch)
{

  if (pageNum == 0)
  {
    //Draw Home screen logo's
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        drawBmpTransparent(screen0.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        drawBmpTransparent(screen0.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {
        drawBmpTransparent(screen0.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {
        drawBmpTransparent(screen0.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
    else if (logonumber == 4)
    {
      if (transparent == true)
      {
        drawBmpTransparent(screen0.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(screen0.logo5, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(screen0.logo5, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 1)
  {
    // --------------------------------- MENU 1 --------------------------------------
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu1.button0.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu1.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen1.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen1.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu1.button0.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu1.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen1.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen1.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        if (latch == true)
        {
          if (strcmp(menu1.button1.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu1.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen1.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen1.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {
          if (strcmp(menu1.button1.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu1.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen1.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen1.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu1.button2.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu1.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen1.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen1.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu1.button2.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu1.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen1.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen1.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu1.button3.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu1.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen1.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen1.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu1.button3.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu1.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen1.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen1.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 4)
    {

      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu1.button4.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu1.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen1.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen1.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu1.button4.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu1.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen1.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen1.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 2)
  {
    // --------------------------------- MENU 2 --------------------------------------
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu2.button0.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu2.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen2.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen2.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu2.button0.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu2.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen2.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen2.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        if (latch == true)
        {
          if (strcmp(menu2.button1.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu2.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {

            drawBmpTransparent(screen2.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen2.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {
          if (strcmp(menu2.button1.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu2.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen2.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen2.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu2.button2.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu2.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen2.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen2.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu2.button2.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu2.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen2.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen2.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu2.button3.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu2.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen2.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen2.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu2.button3.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu2.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen2.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen2.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 4)
    {

      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu2.button4.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu2.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen2.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen2.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu2.button4.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu2.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen2.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen2.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 3)
  {
    // --------------------------------- MENU 3 --------------------------------------
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu3.button0.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu3.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen3.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen3.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu3.button0.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu3.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen3.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen3.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        if (latch == true)
        {
          if (strcmp(menu3.button1.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu3.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {

            drawBmpTransparent(screen3.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen3.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {
          if (strcmp(menu3.button1.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu3.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen3.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen3.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu3.button2.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu3.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen3.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen3.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu3.button2.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu3.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen3.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen3.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu3.button3.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu3.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen3.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen3.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu3.button3.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu3.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen3.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen3.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 4)
    {

      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu3.button4.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu3.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen3.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen3.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu3.button4.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu3.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen3.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen3.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 4)
  {
    // --------------------------------- MENU 4 --------------------------------------
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu4.button0.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu4.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen4.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen4.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu4.button0.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu4.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen4.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen4.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        if (latch == true)
        {
          if (strcmp(menu4.button1.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu4.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {

            drawBmpTransparent(screen4.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen4.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {
          if (strcmp(menu4.button1.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu4.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen4.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen4.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu4.button2.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu4.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen4.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen4.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu4.button2.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu4.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen4.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen4.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu4.button3.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu4.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen4.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen4.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu4.button3.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu4.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen4.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen4.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 4)
    {

      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu4.button4.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu4.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen4.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen4.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu4.button4.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu4.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen4.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen4.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 5)
  {
    // --------------------------------- MENU 5 --------------------------------------
    if (logonumber == 0)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu5.button0.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu5.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen5.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen5.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu5.button0.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu5.button0.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen5.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen5.logo0, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 1)
    {
      if (transparent == true)
      {
        if (latch == true)
        {
          if (strcmp(menu5.button1.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu5.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {

            drawBmpTransparent(screen5.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen5.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {
          if (strcmp(menu5.button1.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu5.button1.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen5.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen5.logo1, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 2)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu5.button2.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu5.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen5.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen5.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu5.button2.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu5.button2.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen5.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen5.logo2, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 3)
    {
      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu5.button3.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu5.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen5.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen5.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu5.button3.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu5.button3.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen5.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen5.logo3, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 4)
    {

      if (transparent == true)
      {

        if (latch == true)
        {
          if (strcmp(menu5.button4.latchlogo, "/logos/") != 0)
          {
            drawBmpTransparent(menu5.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmpTransparent(screen5.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmpTransparent(screen5.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
      else
      {
        if (latch == true)
        {

          if (strcmp(menu5.button4.latchlogo, "/logos/") != 0)
          {
            drawBmp(menu5.button4.latchlogo, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
          }
          else
          {
            drawBmp(screen5.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
            drawlatched(logonumber, col, row);
          }
        }
        else
        {
          drawBmp(screen5.logo4, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
        }
      }
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
  else if (pageNum == 6)
  {
    // pageNum6 contains settings logos
    if (logonumber == 0)
    {
      drawBmpTransparent(generallogo.configurator, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
    }
    else if (logonumber == 1)
    {
      drawBmpTransparent("/logos/brightnessdown.bmp", KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
    }
    else if (logonumber == 2)
    {
      drawBmpTransparent("/logos/brightnessup.bmp", KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
    }
    else if (logonumber == 3)
    {
      drawBmpTransparent("/logos/sleep.bmp", KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      if (latch)
      {
        drawlatched(logonumber, col, row);
      }
    }
    else if (logonumber == 4)
    {
      drawBmpTransparent("/logos/info.bmp", KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
    }
    else if (logonumber == 5)
    {
      if (transparent == true)
      {
        drawBmpTransparent(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
      else
      {
        drawBmp(generallogo.homebutton, KEY_X - 36 + col * (KEY_W + KEY_SPACING_X), KEY_Y - 36 + row * (KEY_H + KEY_SPACING_Y));
      }
    }
  }
}

/**
* @brief This function draws the 6 buttons that are on every page.
         Pagenumber is global and doesn't need to be passed.
*
* @param none
*
* @return none
*
* @note Three possibilities: pagenumber = 0 means homescreen,
         pagenumber = 7 means config mode, anything else is a menu.
*/
void drawKeypad()
{
  // Draw the home screen button outlines and fill them with colours
  if (pageNum == 0)
  {
    for (uint8_t row = 0; row < 2; row++)
    {
      for (uint8_t col = 0; col < 3; col++)
      {

        uint8_t b = col + row * 3;
        uint16_t buttonBG;
        bool drawTransparent;
        uint16_t imageBGColor = getImageBG(b);
        if (imageBGColor > 0)
        {
          buttonBG = imageBGColor;
          drawTransparent = false;
        }
        else
        {
          buttonBG = generalconfig.menuButtonColour;
          drawTransparent = true;
        }
        tft.setFreeFont(LABEL_FONT);
        key[b].initButton(&tft, KEY_X + col * (KEY_W + KEY_SPACING_X),
                          KEY_Y + row * (KEY_H + KEY_SPACING_Y), // x, y, w, h, outline, fill, text
                          KEY_W, KEY_H, TFT_WHITE, buttonBG, TFT_WHITE,
                          "", KEY_TEXTSIZE);
        key[b].drawButton();
        drawlogo(b, col, row, drawTransparent, false); // After drawing the button outline we call this to draw a logo.
      }
    }
  }
  
  else if (pageNum == 10)
  {
    // Pagenum 10 means that a JSON config failed to load completely.
    tft.fillScreen(TFT_BLACK);
    tft.setCursor(0, 0);
    tft.setTextFont(2);
    tft.setTextSize(1);
    tft.setTextColor(TFT_WHITE, TFT_BLACK);

    tft.printf("  %s failed to load and might be corrupted.\n", jsonfilefail);
    tft.println("  You can reset that specific file to default by opening the serial monitor");
    tft.printf("  and typing \"reset %s\"\n", jsonfilefail);
    tft.println("  If you don't do this, the configurator will fail to load.");
  }
  else
  {
    // Draw the button outlines and fill them with colours
    for (uint8_t row = 0; row < 2; row++)
    {
      for (uint8_t col = 0; col < 3; col++)
      {

        uint8_t b = col + row * 3;

        if (row == 1 && col == 2)
        {

          // Check if "home.bmp" is a transparent one
          
          uint16_t buttonBG;
          bool drawTransparent;
          uint16_t imageBGColor;

          imageBGColor = getImageBG(b);

          if (imageBGColor > 0)
          {
            buttonBG = imageBGColor;
            drawTransparent = false;
          }
          else
          {
            buttonBG = generalconfig.menuButtonColour;
            drawTransparent = true;
          }
          
          tft.setFreeFont(LABEL_FONT);
          key[b].initButton(&tft, KEY_X + col * (KEY_W + KEY_SPACING_X),
                            KEY_Y + row * (KEY_H + KEY_SPACING_Y), // x, y, w, h, outline, fill, text
                            KEY_W, KEY_H, TFT_WHITE, buttonBG, TFT_WHITE,
                            "", KEY_TEXTSIZE);
          key[b].drawButton();
          drawlogo(b, col, row, drawTransparent, false);
        }
        else
        {
          // Otherwise use functionButtonColour

          int index;

          if (pageNum == 2)
          {
            index = b + 5;
          }
          else if (pageNum == 3)
          {
            index = b + 10;
          }
          else if (pageNum == 4)
          {
            index = b + 15;
          }
          else if (pageNum == 5)
          {
            index = b + 20;
          }
          else if (pageNum == 6)
          {
            index = b + 25;
          }
          else
          {
            index = b;
          }

          uint16_t buttonBG;
          bool drawTransparent;
          uint16_t imageBGColor;
          if (islatched[index] && b < 5)
          {
            imageBGColor = getLatchImageBG(b);
          }
          else
          {
            imageBGColor = getImageBG(b);
          }

          if (imageBGColor > 0)
          {
            buttonBG = imageBGColor;
            drawTransparent = false;
          }
          else
          {
            buttonBG = generalconfig.functionButtonColour;
            drawTransparent = true;
          }
          tft.setFreeFont(LABEL_FONT);
          key[b].initButton(&tft, KEY_X + col * (KEY_W + KEY_SPACING_X),
                            KEY_Y + row * (KEY_H + KEY_SPACING_Y), // x, y, w, h, outline, fill, text
                            KEY_W, KEY_H, TFT_WHITE, buttonBG, TFT_WHITE,
                            "", KEY_TEXTSIZE);
          key[b].drawButton();
          // After drawing the button outline we call this to draw a logo.
          if (islatched[index] && b < 5)
          {
            drawlogo(b, col, row, drawTransparent, true);
          }
          else
          {
            drawlogo(b, col, row, drawTransparent, false);
          }
        }
      }
    }
  }
}

/* ------------- Print an error message the TFT screen  ---------------- 
Purpose: This function prints an message to the TFT screen on a black 
         background. 
Input  : String message
Output : none
Note   : none
*/

void drawErrorMessage(String message)
{

  tft.fillScreen(TFT_BLACK);
  tft.setCursor(20, 20);
  tft.setTextFont(2);
  tft.setTextSize(1);
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.println(message);
}

/**
* @brief This function gets the Bluetooth device address and prints it to the serial monitor
         and the TFT screen in a 6 byte format, seperating each byte by ":".
*
* @param none
*
* @return none
*
* @note e.g. 00:11:22:33:22:EE
*/
void printDeviceAddress()
{

  const uint8_t *point = esp_bt_dev_get_address();

  for (int i = 0; i < 6; i++)
  {

    char str[3];

    sprintf(str, "%02X", (int)point[i]);
    //Serial.print(str);
    tft.print(str);

    if (i < 5)
    {
     // Serial.print(":");
      tft.print(":");
    }
  }
}

/**
* @brief This function prints some information about the current version 
         and setup of FreetouchDeck to the TFT screen.
*
* @param none
*
* @return none
*
* @note none
*/
void printinfo()
{
  tft.fillScreen(TFT_BLACK);
  tft.setCursor(1, 3);
  tft.setTextFont(2);
  if(SCREEN_WIDTH < 480)
  {
    tft.setTextSize(1);
  }
  else
  {
    tft.setTextSize(2);
  }
  tft.setTextColor(TFT_WHITE, TFT_BLACK);
  tft.printf("Version: %s\n", versionnumber);

#ifdef touchInterruptPin
  if (generalconfig.sleepenable)
  {
    tft.println("Sleep: Enabled");
    tft.printf("Sleep timer: %u minutes\n", generalconfig.sleeptimer);
  }
  else
  {
    tft.println("Sleep: Disabled");
  }
#else
  tft.println("Sleep: Disabled");
#endif

#ifdef speakerPin
  if(generalconfig.beep){
    tft.println("Speaker: Enabled");
  }
  else
  {
    tft.println("Speaker: Disabled");
  }
#else
  tft.println("Speaker: Disabled");
#endif

  tft.print("Free Storage: ");
  float freemem = FILESYSTEM.totalBytes() - FILESYSTEM.usedBytes();
  tft.print(freemem / 1000);
  tft.println(" kB");
#if defined(USEUSBHID)
  tft.println("Using USB Keyboard");
#else
  tft.print("BLE Keyboard version: ");
  tft.println(BLE_KEYBOARD_VERSION);
#endif //if defined(USEUSBHID)
  
  tft.print("ArduinoJson version: ");
  tft.println(ARDUINOJSON_VERSION);
  tft.print("TFT_eSPI version: ");
  tft.println(TFT_ESPI_VERSION);
  tft.println("ESP-IDF: ");
  tft.println(esp_get_idf_version());

  displayinginfo = true;
}

/**
* @brief This function allow for drawing a single button which is not part of the
        button class. It should be manually checked for touched.
*
* @param int32_t x
         int32_t y
         int32_t w 
         int32_t h 
         int32_t r 
         uint32_t color
         uint32_t outline 
         char *label
*
* @return none
*
* @note Use the X and Y coordinates and check in the loop if it was pressed.
*/

void drawSingleButton(int32_t x, int32_t y, int32_t w, int32_t h, uint32_t color, uint32_t outline, String label) 
{

 //Draw the button
  uint8_t r = min(w, h) / 4; // Corner radius
  tft.fillRoundRect(x, y, w, h, r, color);
  tft.drawRoundRect(x, y, w, h, r, outline);

  //Print the label
  tft.setTextColor(TFT_WHITE,color);
  tft.setTextSize(2);  
  uint8_t tempdatum = tft.getTextDatum();
  tft.setTextDatum(MC_DATUM);
  uint16_t tempPadding = tft.getTextPadding();
  tft.setTextPadding(0);

  tft.drawString(label, x + (w/2), y + (h/2));
  tft.setTextDatum(tempdatum);
  tft.setTextPadding(tempPadding);

}