function getImageArray() {

  var screen1 = {
  urlAtt: "01-homepage",
  commentAtt: "Úvodní stránka",
  descAtt: "Výběr z projektů, možnost administrace testů, provádění testů nebo zobrazení reportů."
  };

  var screen2 = {
  urlAtt: "02-editace-definic-testu",
  commentAtt: "Příprava testů - organizace",
  descAtt: "Testy je možno organizovat do skupin (test suite) do libovolné hierarchické struktury, umístění testů lze měnit přetažením myší."
  }

  var screen3 = {
  urlAtt: "03-editace-kroku-testu",
  commentAtt: "Příprava testů - editace kroků",
  descAtt: "Každý test se skládá z několika kroků. Jednotlivé kroky je možné zadávat přes pohodlné rozhraní včetně možnosti kopírovat kroky mezi jednotlivými testy..."
  }

  var screen4 = {
  urlAtt: "04-sablona-planu-zalozeni",
  commentAtt: "Sestavení testovacího plánu - příprava šablony",
  descAtt: "Můžete připravit několik různých šablon, na základě kterých bude prováděno testování podle fáze projektu či podle aktuální potřeby otestování."
  }

  var screen5 = {
  urlAtt: "05-sablona-planu-tvorba",
  commentAtt: "Sestavení testovacího plánu - výběr testů",
  descAtt: "Můžete zvolit, které z připravených testovacích scénářů budou pro testování použity. Jednoduchá tvorba plánu pomocí drag&drop."
  }

  var screen6 = {
  urlAtt: "06-testovani-vyber",
  commentAtt: "Testování - výběr testu",
  descAtt: "Strom zobrazuje jednotlivé testy a výsledky jejich vykonání, je možno vybrat test k zahájení testování, vytisknout formulář testu nebo vytvořit poznámku k celému testování."
  }

  var screen7 = {
  urlAtt: "07-testovani-krok",
  commentAtt: "Testování - krok testu",
  descAtt: "Tester testuje aplikaci podle zadaného předpisu. Zaznamenává výsledek testování odpovídajícím stavem a může připojit vysvětlující komentáře a přílohy."
  }

  var screen8 = {
  urlAtt: "08-testovani-uzky-mod",
  commentAtt: "Testování - úzký mód",
  descAtt: "Speciální úzký mód umožňuje práci na jedné obrazovce s testovaným softwarem a aplikací pro záznam výsledků testování."
  }

  var screen9 = {
  urlAtt: "09-detail-provedeni-planu",
  commentAtt: "Zobrazení informací o provedeném testování",
  descAtt: "Výsledky jednotlivých testů jsou přehledně zobrazovány ve stromě testů..."
  }

  var screen10 = {
  urlAtt: "10-detail-provedeni-planu-chyby",
  commentAtt: "Zobrazení informací o provedeném testování",
  descAtt: "Informace o všech vykonaných testech jsou uloženy a je možné se k nim pohodlně vrátit. Je k dispozici rychlý výpis kroků, ve kterých se vyskytla chyba."
  }

  var screen11 = {
  urlAtt: "11-histogram-provedeni",
  commentAtt: "Reporty a grafy - statické informace",
  descAtt: "Samozřejmostí jsou přehledné reporty zobrazující histogramy chyb a export do Excelu..."
  }

  var screen12 = {
  urlAtt: "12-report-chybovosti-projektu",
  commentAtt: "Reporty a grafy - trend chybovosti",
  descAtt: "Můžete sledovat trend chybovosti testované aplikace ve formě grafů..."
  }

  var screens = new Array(screen1, screen2, screen3, screen4, screen5, screen6, screen7, screen8, screen9, screen10, screen11, screen12);
  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;
}