let redSkins = [
  "Jhin_4",
  "Aatrox_0",
  "Akali_2",
  "Darius_15",
  "Gangplank_8",
  "Varus_7",
];

function randomElement(array) {
  return array[Math.floor(Math.random() * array.length)];
}
let champ1 = "http://ddragon.leagueoflegends.com/cdn/img/champion/loading/" + randomElement(redSkins) + ".jpg";
let champ2 = "http://ddragon.leagueoflegends.com/cdn/img/champion/splash/" + randomElement(redSkins) + ".jpg";
let ionia1 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Fmttargon-eternal-winter-of-the-mountaintop.jpg";
let ionia2 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Ffactions%2Fmount-targon_splash.jpg";

function getType() {
  return window.innerWidth < window.innerHeight;
  return (typeof window.orientation !== 'undefined');
}

var bg = new Vue({
  el: '#background',
  data: {
    image: ionia1,
  }
});

function onResize() {
  if (getType()) bg.image = ionia1;
  else bg.image = ionia2;
}

var start = new Vue({
  el: '#start',
  data: {
    visible: true,
    regions: [ "EUW", "NA" ],
    matches: [],
    categories: [
      { text: "No.", name: "no" },
      { text: "Queue", name: "qu" },
      { text: "Champion", name: "ch" },
      { text: "Result", name: "rs" },
      { text: "Duration", name: "du" },
      { text: "Date", name: "da" }
    ],
  },
  methods: {
    showNextPanel: function() {
      start.visible = false;
    },
  },
});