const allArr = []; //Not Sure how to work around this
const rapArr = [
  "50 Cent || In Da Club",
  "Beastie Boys || Pauls Boutique",
  "B.G. || Bling Bling",
  "Juvenile || I Got That Fire",
  "Hot Boys || I Need A Hot Girl",
  "Hot Boys || Let Em Burn",
  "Big Tymers || How You Luv That ? Vol. 2",
  "Lil Wayne || Respect Us",
  "Lil Wayne || Get Off The Corner",
  "Lil Wayne || 500 Degreez",
  "Chamillionaire || Ridin / Southern Takeover",
  "City High || What Would You Do?",
  "Dead Prez || Its Bigger Than Hip-Hop",
  "Deltron 3030 || Deltron 3030",
  "Dizzee Rascal || Boy In Da Corner",
  "Dr. Dre || The Chronic",
   "Duice || Dazzey Duks",
  "Goodie Mob || World Party",
  "Grandmaster Flash || White Lines",
  "Grandmaster Flash || Volume 22",
  "Heavy D. & The Boyz || Now That We Found Love",
  "Ice Cube || It Was A Good Day",
  "Jay-Z || The Black Album",
  "Mike Jones || Sampler",
  "LL Cool J || Radio",
  "Ludacris || Whats Your Fantasy",
  "M.O.P. || 10 Years And Gunnin",
  "Naughty By Nature || Hip Hop Hooray",
  "OutKast || Aquemini",
  "Paul Wall || Sittin' Sidewayz",
  "P.M. Dawn || Set Adrift On Memory Bliss",
  "Rob Base & DJ E-Z Rock || It Takes Two",
  "Poison Clan || Shake Whatcha Mama Gave Ya'",
  "Salt 'N' Pepa || Tramp (Remix) / Push It",
  "Three 6 Mafia || Tear Da Club Up 97",
  "Three 6 Mafia || Who Run It",
  "T.I. || Urban Legend",
  "Trick Daddy || In Da Wind",
  "Warren G || This DJ",
  "World Class Wreckin Cru || The Fly / He's Bionic",
  "Ying Yang Twins || Badd",
];
const rbArr = [
  "Amy Winehouse || Back to Black",
  "The Chamber Brothers || Peace, Love and Understanding",
  "Soul Train || Hits That Made It Happen",
  "Archie Bell & The Drells || I Cant Stop Dancing",
  "En Vogue || My Lovin (Never Gonna Get It)",
  "Boyz II Men || Motownphilly",
  "Billy Preston || Music Is My Life",
  "Billy Preston || The Most Exciting Organ Ever",
  "Billy Preston || The Kids & Me",
  "Billy Preston || Billy Preston",
  "Bill Withers || The Best Of Bill Withers",
  "Bill Withers || Making Music",
  "Bill Withers || Still Bill",
  "Stevie Wonder || Innervision",
  "Michael McDonald || If Thats what it takes",
  "Ray Charles || Friendship",
  "Color Me Badd || I Wanna Sex You Up",
];
const funkArr = [
  "Cameo || Word Up!",
  "Curtis Mayfield || Superfly",
  "George Clinton || Computer Games",
  "Funkadelic || The Electric Spanking Of War Babies",
  "Funkadelic || Free Your Mind And Your Ass Will Follow",
  "James Brown || Everybody's Doin' The Hustle",
  "James Brown || Hot Pants",
  "Johnny Jenkins || Ton-Ton Macoute!",
  "Kool & The Gang || Wild And Peaceful",
  "Parliament || Chocolate City",
  "Prince || Purple Rain",
  "Prince || Dirty Mind",
  "Prince || Controversy",
  "Prince || Prince",
  "Rick James || Street Songs",
  "Shotgun || Shotgun",
  "Sly & The Family Stone || Greatest Hits",
  "Sly & The Family Stone || There's A Riot Goin' On",
  "Sly And The Family Stone || Stand!",
  "The Time || Ice Cream Castle",
];
const progArr = [
  // "Yes || The Yes Album",
  "Dire Straits || Communiqué",
  "Dire Straits || Dire Straits",
  "Dire Straits || Brothers In Arms",
  "Mike Oldfield || Tubular Bells",
  "ELO || Out Of The Blue",
  "ELO || Greatest Hits",
  "ELO || A New World Record",
  "ELO || On The Third Day",
  "ELO || Face The Music",
  // "Kansas || Leftoverture",
  "Steely Dan || Pretzel Logic",
  "Steely Dan || Aja",
  "Steely Dan || Gaucho",
  "Steely Dan || The Royal Scam",
  "Steely Dan - Katy Lied",
  "Steely Dan || Greatest Hits",
];
const rock60Arr = [
  "The Animals || Best Of The Animals",
  "The Band || Cahoots",
  "The Beach Boys || Pet Sounds",
  "The Creation - In Stereo",
  // "The Beach Boys - Surfin' Safari",
  // "Cream || Heavy Cream",
  // "Cream || Wheels of Fire",
  "Bob Dylan || Highway 61 Revisited",
  "Bob Dylan || Greatest Hits",
  "The Doors || 13",
  "The Doors || Waiting For The Sun",
  "The Doors || Absolutely Live",
  "The Grassroots || Let's Live For Today",
  "The Jimi Hendrix Experience || Smash Hits",
  "The Kinks || Greatest Hits",
  "Led Zeppelin || Houses Of The Holy",
  "Led Zeppelin || Zoso",
  "The Rolling Stones || Hot Rocks 1964—1971",
  "Santana || Abraxas",
  "Small Faces || First Step",
  "Strawberry Alarm Clock || Incense And Peppermints",
  "Tommy James And The Shondells || Mony Mony",
  "Tommy James & The Shondells || The Best Of",
  "Vanilla Fudge || Vanilla Fudge",
  "The Zombies || Time Of The Zombies",
];
const rock70Arr = [
  "Billy Squier || The Tale Of The Tape",
  "CCR || The Best Of",
  "Elvin Bishop || Let It Flow",
  "Fleetwood Mac || Rumours",
  "Fleetwood Mac || Fleetwood Mac",
  // "Fleetwood Mac || Mirage",
  "Gold Earring || Moontan",
  "Heart || Barracuda",
  "Jefferson Starship || Spitfire",
  "Jefferson Starship || Freedom At Point Zero",
  "Philip Lewin || Am I Really Here All Alone?",
  "Little Feat || Down On The Farm",
  "Little Feat || Feats Dont Fail Me Now",
  "Montrose || Paper Money",
  "Van Morrison || Moondance",
  "Nilsson || Nilsson Schmilsson",
  "Nilsson || The Point!",
  "Nilsson || Son of Schmilsson",
  "Nilsson || Pussy Cats",
  "Bob Segar || Night Moves",
  "Ted Nugent || Live",
  "Van Morrison || It's Too Late To Stop Now",
  "Van Morrison || Moondance",
  "ZZ Top || Fandango!",
  "ZZ Top || The Best Of ZZ Top",
  "ZZ Top || Eliminator",
  "ZZ Top || Tres Hombres",
];
const reggaeArr = [
  "Dance Hall || Strictly The Best 5",
  "Kevin Lyttle || Kevin Lyttle",
  "Harder They Come || Various",
  "Party Rockers Vol1 || Murder She Wrote",
  "Wayne Smith || Under Me Sleng Teng",
  "Studio One || Full Up",
  "The Upsetters || Return Of The Super Ape",
];
const electroArr = [
  "10cc || I'm Not in Love",
  "Timex Social Club || Rumors",
  "Cerrone 3 || SuperNature",
  "C&C Music Factory || Gonna Make You Sweat",
  "The Chemical Brothers || Exit Planet Dust",
  "Deee-Lite || World Clique",
  "Donna Summer || I Remember Yesterday",
  "The Faint || Danse Macbre",
  "Gary Numan || Pleasure Principle",
  "Giorgio Moroder || Midnight Express",
  "Giorgio Moroder || American Giglo",
  "Giorgio Moroder || Knights in White Satin",
  "Giorgio Moroder || From Here to Eternity",
  "Fischerspooner || Emerge",
  "Herbie Hancock || Future Shock",
  "The Human League || Dare",
  "The KLF || 3 A.M. Eternal",
  "Kraftwerk - Die Mensch·Maschine",
  "Miami Vice II || Soundtrack",
  "Mr. Oizo || Flat Beat",
  "Soft Cell || Tainted Love",
  "Soul Sonic Force || Looking for the Perfect Beat",
  "Soul Sonic Force || Planet Rock",
  "Stereo MC's || Connected",
  "Strafe / B.O.S.E. || Set It Off / Rock The World",
];
const altArr = [
  "A.R.E. Weapons || A.R.E. Weapons",
  "Adam And The Ants || Kings Of The Wild Frontier",
  "The B-52s || Rock Lobster",
  "The B-52's || Wild Planet",
  "Big Audio Dynamite || Tighten Up Vol. 88",
  "Big Audio Dynamite || Megatop Phoenix",
  "Big Audio Dynamite || No. 10, Upping St.",
  "Big Audio Dynamite || This Is Big Audio Dynamite",
  "Blondie || Parallel Lines",
  // "Blondie || AutoAmerican",
  "Blondie || The Best Of Blondie",
  "Dandy Warhols || Dandy Warhols Come Down",
  "Death || ...For the Whole World to See",
  "Devo || Are We Not Men? We Are Devo!",
  "Elvis Costello || Get Happy!!",
  "Elvis Costello || Blood & Chocolate",
  "Elvis Costello || This Years Model",
  "Elvis Costello || Armed Forces",
  "Elvis Costello || Trust",
  "EMF || Schubert Dip",
  "ESG || South Bronx Story",
  // "Fannypack || So Stylistic",
  "Iggy Pop || Lust For Life",
  "Japanther || Leather Wings",
  "Lou Reed || The Best Of",
  "The MC5 || Back in the USA",
  "Tom Petty & The Heartbreakers || Self Titled",
  "The Postal Service || Give Up",
  "Rage Against The Machine || Rage Against The Machine",
  "Ramones || Ramones Mania",
  "Repo Man || Soundtrack",
  "Scab || Sixth & New York",
  "The Streets || Original Pirate Material",
  "The Streets || A Grand Don't Come for Free",
  "Supergrass || I Should Coco",
  "Talking Heads || Speaking In Tongues",
  "Traveling Wilburys || Volume One",
  "Weezer || Weezer",
  "White Stripes || White Stripes",
  "White Stripes || De Stijl",
];
const metalArr = [
  "Black Sabbath || Master Of Reality",
  "Black Sabbath || Paranoid",
  "David Lee Roth || California Girls",
  "Deep Purple || Burn",
  "Deep Purple || Fireball",
  "Deep Purple || Who Do We Think We Are",
  "Deep Purple || Shades Of Deep Purple",
  "Deep Purple || Deep Purple",
  "Deep Purple || Made In Japan",
  "Deep Purple || Machine Head",
  "Faith No More || We Care A Lot",
  "Geezer || Psychoriffadelia",
  "Guns N Roses || Appetite For Destruction",
  "Iron Butterfly || In-A-Gadda-Da-Vida",
  "Megadeth || Peace Sells... But Whos Buying?",
  "Metallica || and Justice for All",
  "Metallica || Kill em All",
  "Metallica || Master of Puppets",
  "Metallica || Ride the Lightning",
  "Motörhead - Ace Of Spades",
  "Poison || Open Up And Say ...Ahh!",
  "Quiet Riot || Metal Health",
  "Ratt || Out Of The Cellar",
  "Saxon || The Eagle has Landed",
  "Spinal Tap || Smell the Glove",
  "Van Halen || Van Halen",
  "Van Halen || 1984",
  "White Zombie || La Sexorcisto: Devil Music Vol. 1",
];
const miscArr = [
  "Jerry Jeff Walker || Navajo Rug",
  "Françoise Hardy || Françoise Hardy",
  "Glen Campbell || Greatest Hits",
  "Los Teen Agers || 18 Exitos",
  "George Gershwin || Rhapsody in Blue Porgy & Bess",
  "Kenny Rogers || Greatest Hits",
  "Slyvia || Slyvia",
  "Dwight Yoakam || Just Lookin' For A Hit",
  "Roy Orbison || Greatest Hits",
  "George Jones || The Best Of George Jones",
  "John Prine || In Spite Of Ourselves ",
  "Overloaded Diesel || Overloaded Diesel",
  "Merle Haggard || Mama Tried",
  "Najwa Fouad || ليالي المولد = Layali El Mawled",
  "Classic Country Music || 1920s (1)",
  "Classic Country Music || 1930s SouthEast (2)",
  "Classic Country Music || 1930s Southwest (3)",
  "Classic Country Music || 1941-1953 (4)",
  "Classic Country Music || 1941-1953 (5)",
  "Classic Country Music || 1953-1963 (6)",
  "Classic Country Music || Bluegrass (7)",
  "Classic Country Music || 1963-1965 (8)",
  "Goran Bregovic || Underground",
  "Fadoul || Al Zman Saib",
  "Omar Souleyman || Wenu Wenu",
  "Randy Travis || Always & Forever",
  "Willie Nelson || Shotgun Willie"
  
];
const popArr = [
  "ABBA || The Singles",
  "ABBA || Super Trouper",
  "Ace Of Base || The Sign",
  "Bryan Adams || Reckless",
  "Bon Jovi || Slippery When Wet",
  "The Cars || Candy-O",
  "Phil Collins || Face Value",
  "Phil Collins || No Jacket Required",
  "Neil Diamond || Tap Root Manuscript",
  "Neil Diamond || Stones",
  "Neil Diamond || The Jazz Singer",
  "Neil diamond || Live at the Greek",
  "Neil Diamond || September Morn",
  "Neil Diamond || Hot August Night",
  "Neil Diamond || Rainbow",
  "Go-Go's || Beauty And The Beat",
  "Hall & Oates || Rock N Soul Part 1",
  "Don Henley || Building The Perfect Beast",
  "Huey Lewis & The News || Sports",
  "Michael Jackson || Off The Wall",
  "Michael Jackson || Thriller",
  "Elton John || Greatest Hits",
  "Madness || Madness",
  "John Cougar Mellencamp || American Fool",
  "Elvis Presley || On Stage - February, 1970",
  "Pretty in Pink || OST",
  "Sade || Diamond Life",
  "Santa Esmarelda || Don't Let Me Be Misunderstood",
  "Paul Simon || Graceland",
  "Saturday Night Fever || Soundtrack",
  "Paul Simon || Graceland",
  "Wham! || Make it Big",
];

//Array of arrays
const genreArr = [
  allArr,
  progArr,
  rock70Arr,
  rock60Arr,
  electroArr,
  altArr,
  metalArr,
  rapArr,
  rbArr,
  funkArr,
  reggaeArr,
  popArr,
  miscArr,
];

const containerDiv = document.querySelector(".container");
const cta = document.querySelector(".cta");

//Array of selected genre Arrays
let selected = [];

//Check/uncheck all boxes
document.getElementById("chkAll").onclick = function () {
  const checkboxes = document.getElementsByName("genre");
  for (const checkbox of checkboxes) {
    checkbox.checked = this.checked;
  }
};

containerDiv.addEventListener("click", function () {
  //Clears Array
  selected = [];

  //Move IMG
  containerDiv.style.marginTop = "32px";
  cta.style.opacity=0;

  // Remove previous
  const removeInsert = document.getElementById("recordinsert");
  while (removeInsert.firstChild) {
    removeInsert.removeChild(removeInsert.firstChild);
  }

  //Checks checkboxes
  const musicType = document.getElementById("musictype");
  const chks = musicType.getElementsByTagName("INPUT");

  // Loop and push the checked CheckBox value in Array.
  for (let i = 1; i < chks.length; i++) {
    if (chks[i].checked) {
      selected = selected.concat(genreArr[i]);
      // selected = [...selected, ...genreArr[i]];
    }
  }

  //Number of albums from selector
  const numRecords = document.getElementById("num-records").value;

  //Inserts selections in to HTML
  for (let i = 0; i < numRecords; i++) {
    const randomNumber = Math.trunc(Math.random() * selected.length);
    const full = selected[randomNumber].split(" || ");
    const band = full[0];
    const album = full[full.length - 1];
    document
      .getElementById("recordinsert")
      .insertAdjacentHTML(
        "afterbegin",
        `<div class="row random-record"><h2>${album}</h2><h3>${band}</h3></div>`
      );
  }
});