let checkNum = 0;
let pickedNumber = 0;
let quoteArr = [
  [
    "The greatest glory in living lies not in never falling, but in rising every time we fall.",
    "Nelson Mandela"
  ],
  ["The way to get started is to quit talking and begin doing.", "Walt Disney"],
  [
    "Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma – which is living with the results of other people's thinking.",
    "Steve Jobs"
  ],
  [
    "If life were predictable it would cease to be life, and be without flavor.",
    "Eleanor Roosevelt"
  ],
  [
    "If you look at what you have in life, you'll always have more. If you look at what you don't have in life, you'll never have enough.",
    "Oprah Winfrey"
  ],
  [
    "If you set your goals ridiculously high and it's a failure, you will fail above everyone else's success.",
    "James Cameron"
  ],
  ["Life is what happens when you're busy making other plans.", "John Lennon"],
  [
    "Spread love everywhere you go. Let no one ever come to you without leaving happier.",
    "Mother Teresa"
  ],
  [
    "When you reach the end of your rope, tie a knot in it and hang on.",
    "Franklin D. Roosevelt"
  ],
  [
    "Always remember that you are absolutely unique. Just like everyone else.",
    "Margaret Mead"
  ]
];

let colorArray = [
  "#FDF8E2",
  "#FFDDD3",
  "#F3BFB3",
  "#5EA9BE",
  "#9ACDE0",
  "#CBE1EF",
  "#FFFFBF",
  "#B4F0A7",
  "#CC99FF",
  "#FFB1B0"
];

$(function() {
  newQ();
});

$("#new-quote").click(function() {
  newQ();
});

newQ = () => {
  let quote = $("#text");
  let author = $("#author");

  while (pickedNumber === checkNum) {
    pickedNumber = Math.floor(Math.random() * quoteArr.length);
  }

  $(quote).fadeOut(function() {
    quote.text(quoteArr[pickedNumber][0]).fadeIn();
  });

  $(author).fadeOut(function() {
    author.text(quoteArr[pickedNumber][1]).fadeIn();
  });

  $("#tweet-quote").attr(
    "href",
    "https://twitter.com/intent/tweet?text=" +
      quoteArr[pickedNumber][0] +
      " -" +
      quoteArr[pickedNumber][1]
  );

  checkNum = pickedNumber;

  $(".container").animate({
    backgroundColor: colorArray[pickedNumber]
  }, 2000);
};