function getImageArray() {

  var screen1 = {
  urlAtt: "vytvoreni-polozky",
  commentAtt: "Vytvoření položky",
  descAtt: "Práce s&nbsp;aplikací &quot;Kontrolní listy&quot; – vytvoření položky."
  };

  var screen2 = {
  urlAtt: "definice-checkpointu",
  commentAtt: "Definice kontrolních kroků",
  descAtt: "U kontrolního kroku je možno definovat jeho atributy jako název, popis, typ, požadovanou hodnotu a&nbsp;prioritu."
  }

  var screen3 = {
  urlAtt: "definice-checklistu",
  commentAtt: "Definice kontrolního seznamu",
  descAtt: "Vytvořením kontrolního seznamu lze vytvořit sestavu pro přiřazení k&nbsp;výrobku."
  }

  var screen4 = {
  urlAtt: "detail-polozky",
  commentAtt: "Detail položky",
  descAtt: "Z&nbsp;detailu výrobku lze přiřazovat kontrolní seznam, dělat kontroly a&nbsp;zobrazovat reporty."
  }

  var screen5 = {
  urlAtt: "seznam-polozek",
  commentAtt: "Seznam položek",
  descAtt: "Seznam položek, které představují jednotlivé výrobky či procesy."
  }

  var screen6 = {
  urlAtt: "report-prubehu",
  commentAtt: "Report průběhu kontroly",
  descAtt: "Report představuje průběhy kontrol dle kontrolního seznamu v&nbsp;rámci jednoho výrobku."
  }

  var screen7 = {
  urlAtt: "sprava-checklistu",
  commentAtt: "Správa kontrolních listů",
  descAtt: "Uživatelské rozhraní pro správu kontrolních seznamů. Obsahuje operace přiřazení a&nbsp;odebrání kontrolního seznamu od výrobku."
  }

  var screen8 = {
  urlAtt: "tiskovy-report",
  commentAtt: "Tiskový report",
  descAtt: "Tiskový report informuje o&nbsp;průběhu kontroly v&nbsp;tiskově úspornějším formátu."
  }

  var screen9 = {
  urlAtt: "chybovost-checkpointu",
  commentAtt: "Chybovost kontrolních kroků",
  descAtt: "Report zachycuje chybovost jednotlivých kontrolních kroků pro daný kontrolní seznam."
  }
  
  var screen10 = {
  urlAtt: "chybovost-checkeru",
  commentAtt: "Chybovost checkerů",
  descAtt: "Report zachycuje chybovost jednotlivých uživatelů pro daný kontrolní seznam."
  }

  var screens = new Array(screen1, screen2, screen3, screen4, screen5, screen6, screen7, screen8, screen9, screen10);
  return screens;

}

function renderFotoGalery() {
  var photoDiv = document.getElementById("photoDiv");
  var screens = getImageArray();

  var innerHtmlString = "";

  for (i = 0 ; i < screens.length ; i++) {
    innerHtmlString = innerHtmlString.concat(getInnerHtmlString(screens[i]));
  }

  photoDiv.innerHTML = innerHtmlString;
}

function renderImages(index1, index2, index3) {
  var screens = getImageArray();

  var firstScreen = document.getElementById("firstScreen");
  var secondScreen = document.getElementById("secondScreen");
  var thirdScreen = document.getElementById("thirdScreen");

  if (index1 > 0) {
    firstScreen.innerHTML = getInnerHtmlString(screens[index1 - 1]);
  }

  if (index2 > 0) {
    secondScreen.innerHTML = getInnerHtmlString(screens[index2-1]);
  }

  if (index3 > 0) {
    thirdScreen.innerHTML = getInnerHtmlString(screens[index3 - 1]);
  }
}

function renderRandomImages() {
  var screens = getImageArray();

  var duplicity = true;
  while (duplicity == true) {
    var numbers = getRandoms(screens.length);
    duplicity = checkForDuplicity(numbers);
  }

  var scr1 = screens[numbers[0]];
  var scr2 = screens[numbers[1]];
  var scr3 = screens[numbers[2]];

  var firstScreen = document.getElementById("firstScreen");
  var secondScreen = document.getElementById("secondScreen");
  var thirdScreen = document.getElementById("thirdScreen");

  firstScreen.innerHTML = getInnerHtmlString(scr1);
  secondScreen.innerHTML = getInnerHtmlString(scr2);
  thirdScreen.innerHTML = getInnerHtmlString(scr3);

}

function getInnerHtmlString(scr) {
  var innerHtmlString = "<a target='_blank' href='" + scr.urlAtt + "-obrazek.html'><div class='rightImageDiv'><img src='screenshots/" + scr.urlAtt +
  "-small.jpg' title='" + scr.descAtt + "' alt='" + scr.urlAtt + "' /></div><div class='rightDescDiv'>" + scr.commentAtt +
  " <br /><p class='imageDesc' >" + scr.descAtt + "</p></div><div style='clear:both;'><br /><br /></div></a>";

  return innerHtmlString;
}

function getRandoms(length) {
  var numbers = new Array();

  numbers[0] = Math.round(Math.random() * (length-1));
  numbers[1] = Math.round(Math.random() * (length-1));
  numbers[2] = Math.round(Math.random() * (length-1));

  return numbers;
}

function checkForDuplicity (numbers) {
  var result = false;
  for (var i = 0 ; i < numbers.length ; i++) {
    var toControl = numbers[i];
    for (var y = 0 ; y < numbers.length ; y++) {
      if (toControl == numbers[y] && i != y) {
        result = true;
      }
    }
  }
  return result;
}


