function getImageArray() {

  var screen1 = {
  urlAtt: "zobrazeni-vykresu",
  commentAtt: "Zobrazení výkresu",
  descAtt: "Zobrazení vybraného výkresu zvolené konstrukční sestavy."
  };

  var screen2 = {
  urlAtt: "seznam-vykresu",
  commentAtt: "Výběr výkresu",
  descAtt: "Seznam výkresů konstrukční sestavy. Zvýrazněné výkresy obsahují vybraný díl."
  }

  var screen3 = {
  urlAtt: "seznam-produktu",
  commentAtt: "Výběr produktu",
  descAtt: "Ukázka možnosti vytvoření více produktů."
  }

  var screen4 = {
  urlAtt: "seznam-jazyku",
  commentAtt: "Výběr jazyka",
  descAtt: "Výběr jazyka aplikace, popřípadě možnost zvolit druhý jazyk. Aplikace může zobrazit názvy konstrukčních skupin, dílů, produktů nebo výkresů v obou vybraných jazycích."
  }

  var screen5 = {
  urlAtt: "vyhledani-dilu",
  commentAtt: "Vyhledání dílů",
  descAtt: "Díly lze vyhledávat dle několika kritérií - název, specifikace, norma, s/bez diakritiky."
  }

  var screen6 = {
  urlAtt: "zobrazeni-vyskytu-dilu",
  commentAtt: "Výskyty dílů v konstrukčních sestavách či produktech",
  descAtt: "U každého dílu lze zobrazit seznam konstrukčních sestav či produktů, ve kterých je daný díl obsažen."
  }
  
  var screen7 = {
  urlAtt: "hierarchicka-struktura-produktu",
  commentAtt: "Hierarchická struktura konstrukčních skupin produktu",
  descAtt: "Pro každý produkt je vytvořena hierachická struktura skládající se z konstrukčních skupin, které obsahují soupisy dílů a příslušné konstrukční výkresy."
  }
  
  var screen8 = {
  urlAtt: "homepage-produkt",
  commentAtt: "Vstupní stránka produktu",
  descAtt: "Na vstupní stránce produktu lze přidat přílohy. Obrázková příloha pak může být vybrána k zobrazení produktu."
  }
  
  var screen9 = {
  urlAtt: "tisk-katalog-vyber",
  commentAtt: "Tisk katalogu - kritéria",
  descAtt: "Před začátkem tisku katalogu je možné zvolit výsledný vzhled. K dispozici jsou možnosti přidání obsahu či titulní strany, tisknutí pouze části katalogu či pouze výkresy nebo soupisy dílů."
  }
  
  var screen10 = {
  urlAtt: "tisk-katalog-zobrazeni",
  commentAtt: "Tisk katalogu - získání dokumentu k vytištění",
  descAtt: "Po výběru kritérií tisku uživatelem započne aplikace tvorbu dokumentu. Uživatel není nucen na tuto časově náročnou operaci čekat, ale je mu umožněno si vyzvednout později vytištěný katalog."
  }
  
  var screen11 = {
  urlAtt: "vybrany-dil",
  commentAtt: "Výběr dílu",
  descAtt: "Vybraný díl je zvýrazněn jak ve zvoleném výkresu, tak i v soupisu dílů a jeho informační část je zobrazena nad výkresem."
  }
  
  var screen12 = {
  urlAtt: "zoom-vyber",
  commentAtt: "Zoom - výběr výřezu",
  descAtt: "Výřez ve výkresu, pomáhající k lepší orientaci v něm, lze provést jednoduše tažením myši nad výkresem"
  }
  
  var screen13 = {
  urlAtt: "zoom-zobrazeni",
  commentAtt: "Zoom - zobrazení výřezu",
  descAtt: "Aplikace zobrazí vybraný díl i ve výřezu výkresu."
  }

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