function getImageArray() {

  var screen1 = {
  urlAtt: "import-dat",
  commentAtt: "Import dat",
  descAtt: "Administrace aplikace IndiGo – nastavení importu dat z databáze."
  };

  var screen2 = {
  urlAtt: "kpi-detail",
  commentAtt: "Detail KPI",
  descAtt: "Příklad definice KPI v aplikaci IndiGo."
  }

  var screen3 = {
  urlAtt: "kpi-pracovni-doba",
  commentAtt: "KPI - pracovni doba",
  descAtt: "KPI sledující využití pracovní doby v podniku. Sleduje podíl práce na projektech, režijních prací a absence. Jsou zachyceny také cílové a průměrné hodnoty."
  }

  var screen4 = {
  urlAtt: "kpi-produkce",
  commentAtt: "KPI - produkce",
  descAtt: "KPI sledující produkci v podniku. Obsahuje aktuální, průměrné i cílové hodnoty."
  }

  var screen5 = {
  urlAtt: "kpi-zmeny",
  commentAtt: "KPI - změny",
  descAtt: "Složitější KPI sledující v průmyslu fáze, ve kterých se vyskytují dodatečné požadavky zákazníka."
  }

  var screen6 = {
  urlAtt: "nastaveni-cile",
  commentAtt: "Nastavení cíle",
  descAtt: "Administrace aplikace IndiGo – nastavení cílových hodnot."
  }

  var screen7 = {
  urlAtt: "kpi-prehled",
  commentAtt: "Přehled KPI",
  descAtt: "Uživatelské rozhraní, ve kterém uživatel sleduje hodnoty jednotlivých KPI. Jejich plnění je odlišeno barevně. Je naznačena stromová struktura KPI, kterou lze v nástroji IndiGo využívat."
  }

  var screen8 = {
  urlAtt: "uzivatelske-rozhrani",
  commentAtt: "Uživatelské rozhraní",
  descAtt: "Náhled uživatelského rozhraní aplikace pro měření procesů IndiGo – vstupní obrazovka."
  }

	var screen9 = {
  urlAtt: "strategicky-dashboard",
  commentAtt: "Balanced scorecard",
  descAtt: "Uživatelské rozhraní modulu Strategický dashboard pro řízení firmy pomocí metodiky Balanced Scorecard."
  }

  var screen10 = {
  urlAtt: "balanced-scorecard-perspektivy",
  commentAtt: "Balanced scorecard",
  descAtt: "Základní perspektivy podle Balanced Scorecard - Peníze, Zákazníci, Procesy, Lidé."
  }
  
  var screen11 = {
  urlAtt: "strategicka-mapa",
  commentAtt: "Strategická mapa",
  descAtt: "Ukázka strategické mapy Balanced Scorecard."
  }
  
  var screen12 = {
  urlAtt: "balanced-scorecard-rozpad-cile",
  commentAtt: "Strategický cíl",
  descAtt: "Vazba měřítek a akcí na strategický cíl."
  }
  
  var screen13 = {
  urlAtt: "detail-cile-IndiGo",
  commentAtt: "Strategický cíl",
  descAtt: "Detailní zobrazení v aplikaci IndiGo."
  }
  
  var screens = new Array(screen1, screen2, screen3, screen4, screen5, screen6, screen7, screen8, screen9, screen10, screen11, screen12, screen13);
  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;
}