function fotografie(i)
{
var txt;

txt = "<HTML> \n";
txt += "<HEAD> \n";
txt += "<TITLE>Stockholm</TITLE> \n";
txt += "<META http-equiv='content-type' content='text/html; charset=iso-8859-2'> \n";
txt += "<LINK href='../../etc/mv.css' type=text/css rel=STYLESHEET> \n\n";
txt += "<link rel='shortcut icon' href='http://www.martinvalek.net/favicon.ico' /> \n";
txt += "<sc" + "ript language='JavaScript'> \n";
txt += "<!-- \n";
// Celkový počet fotek
txt += "pocet_obrazku = 21; \n"; 
txt += "show = false; \n"; 
// jména suborů
txt += "images = new Array (); \n";
txt += "images[1] = 'fotky/2008-05-4026.jpg'; \n";
txt += "images[2] = 'fotky/2008-05-3937.jpg'; \n";
txt += "images[3] = 'fotky/2008-05-3462.jpg'; \n";
txt += "images[4] = 'fotky/2008-05-3602.jpg'; \n";
txt += "images[5] = 'fotky/2008-05-4216.jpg'; \n";
txt += "images[6] = 'fotky/2008-05-3742.jpg'; \n";
txt += "images[7] = 'fotky/2008-05-3730.jpg'; \n";
txt += "images[8] = 'fotky/2008-05-3528.jpg'; \n";
txt += "images[9] = 'fotky/2008-05-3559.jpg'; \n";
txt += "images[10] = 'fotky/2008-05-3664.jpg'; \n";
txt += "images[11] = 'fotky/2008-05-3520.jpg'; \n";
txt += "images[12] = 'fotky/2008-05-3561.jpg'; \n";
txt += "images[13] = 'fotky/2008-05-3674.jpg'; \n";
txt += "images[14] = 'fotky/2008-05-3680.jpg'; \n";
txt += "images[15] = 'fotky/2008-05-3683.jpg'; \n";
txt += "images[16] = 'fotky/2008-05-4141.jpg'; \n";
txt += "images[17] = 'fotky/2008-05-3692.jpg'; \n";
txt += "images[18] = 'fotky/2008-05-3708.jpg'; \n";
txt += "images[19] = 'fotky/2008-05-4063.jpg'; \n";
txt += "images[20] = 'fotky/2008-05-3696.jpg'; \n";
txt += "images[21] = 'fotky/2008-05-4168.jpg'; \n";
// Komentáře fotografií
txt += "comment = new Array () \n";
txt += "comment[1] = 'Riddarholmen'; \n";
txt += "comment[2] = 'Riddarholmen'; \n";
txt += "comment[3] = 'Riddarholmen'; \n";
txt += "comment[4] = 'Radnice (Standshuset)'; \n";
txt += "comment[5] = 'Radnice (Standshuset)'; \n";
txt += "comment[6] = 'Radnice ze starého města '; \n";
txt += "comment[7] = 'Královský palác (Stockholms slott)'; \n";
txt += "comment[8] = 'Královský palác (Stockholms slott)'; \n";   
txt += "comment[9] = 'Stráž u královského paláce'; \n";
txt += "comment[10] = 'Parlament (Riksdagen)'; \n";   
txt += "comment[11] = 'Parlament (Riksdagen)'; \n";
txt += "comment[12] = 'Ulice starého města (Gamla stan)'; \n";
txt += "comment[13] = 'Zákoutí starého města (Gamla stan)'; \n";
txt += "comment[14] = 'Zákoutí  starého města (Gamla stan)'; \n";
txt += "comment[15] = 'Národní muzeum'; \n";
txt += "comment[16] = 'Ostrov Kastellet'; \n";
txt += "comment[17] = 'Loď af Chapman - v současné době  sloužící jako hostel'; \n";
txt += "comment[18] = 'Loď af Chapman - v současné době sloužící jako hostel'; \n";
txt += "comment[19] = 'Loď'; \n";
txt += "comment[20] = 'Přístav'; \n";
txt += "comment[21] = 'Trajekt Amorella rejdařství Viking Line odplouvá do Finska'; \n"; 
// Data fotografií
txt += "date = new Array () \n";
txt += "date[1] = '12.5.2008'; \n";
txt += "date[2] = '12.5.2008'; \n";
txt += "date[3] = '10.5.2008'; \n";
txt += "date[4] = '10.5.2008'; \n";
txt += "date[5] = '13.5.2008'; \n";
txt += "date[6] = '10.5.2008'; \n";
txt += "date[7] = '10.5.2008'; \n";
txt += "date[8] = '10.5.2008'; \n";
txt += "date[9] = '10.5.2008'; \n";
txt += "date[10] = '10.5.2008'; \n";
txt += "date[11] = '10.5.2008'; \n";
txt += "date[12] = '10.5.2008'; \n";
txt += "date[13] = '10.5.2008'; \n";
txt += "date[14] = '10.5.2008'; \n";
txt += "date[15] = '10.5.2008'; \n";
txt += "date[16] = '12.5.2008'; \n";
txt += "date[17] = '10.5.2008'; \n";
txt += "date[18] = '10.5.2008'; \n";
txt += "date[19] = '12.5.2008'; \n";
txt += "date[20] = '10.5.2008'; \n";
txt += "date[21] = '12.5.2008'; \n";
// Časovač na automatické přepínání fotek
txt += "var timer; \n";    
// Nastavení obrázku
txt += "function SetPic (){ \n";
txt += "document.images.imgprev.src = images[actpic];} \n";
// Nastavení komentáře obrázku
txt += "function SetKom (){ \n";
txt += "function dominnerText(node, text) { \n";
txt += "while (node.hasChildNodes()) { \n";
txt += "node.removeChild(node.firstChild); \n";
txt += "} \n";
txt += "node.appendChild(document.createTextNode(text)); \n";
txt += "} \n";
txt += "dominnerText(document.getElementById('popis'), comment[actpic])}; \n";
// Nastavení data obrázku
txt += "function SetDat (){ \n";
txt += "function dominnerText(node, text) { \n";
txt += "while (node.hasChildNodes()) { \n";
txt += "node.removeChild(node.firstChild); \n";
txt += "} \n";
txt += "node.appendChild(document.createTextNode(text)); \n";
txt += "} \n";
txt += "dominnerText(document.getElementById('datum'), date[actpic])}; \n";
// Následující snímek
txt += "function NextPic (){ \n";
txt += "if (actpic == pocet_obrazku) actpic = pocet_obrazku; \n";
txt += "else actpic++; \n";
txt += "SetPic(); \n";
txt += "SetKom (); \n";
txt += "SetDat (); \n";
txt += "document.SetPic.previous.value='<<<'; \n";
txt += "if (actpic == pocet_obrazku){ \n";
txt += "document.SetPic.next.value='';  \n";
txt += "document.SetPic.slshow.value=''; \n";
txt += "if (show == true) {show = false; \n";
txt += "StopSlideShow ();} \n";
txt += "} \n";
txt += "} \n";
// Předchozí snímek
txt += "function PrevPic (){ \n";
txt += "if (actpic != 1) { \n";
txt += "actpic--; \n";
txt += "SetPic(); \n";
txt += "SetKom (); \n";
txt += "SetDat (); \n";
txt += "document.SetPic.next.value = '>>>'; } \n";
txt += "if (show == false) { \n";
txt += "document.SetPic.slshow.value='slideshow';} \n";
txt += "if (actpic == 1) { \n";
txt += "document.SetPic.previous.value=''; } \n";
txt += "} \n";
// Snímek volaný z galerie
txt += "function AktPic (){ \n";
//txt += "actpic = 1; \n";
txt += "actpic = " + i + "; \n";
txt += "SetPic(); \n";
txt += "SetKom (); \n";
txt += "SetDat (); \n";
txt += "if (actpic == 1){ \n";
txt += "document.SetPic.previous.value=''; } \n";
txt += "if (actpic == pocet_obrazku){ \n";
txt += "document.SetPic.next.value='';  \n";
txt += "document.SetPic.slshow.value=''; } \n";
txt += "} \n";
// Poslední snímek
txt += "function LastPic (){ \n";
txt += "actpic = pocet_obrazku; \n";
txt += "SetPic(); \n";
txt += "SetKom (); \n";
txt += "SetDat ();} \n";
// Spuštění slideshow
txt += "function SlideShow (){ \n";
txt += "timer = setInterval ('NextPic();', 20000);} \n";
// Zastavení slideshow
txt += "function StopSlideShow (){ \n";
txt += "clearInterval (timer);} \n";
// Ovladac slideshow
txt += "function OvladacSlideShow () {  \n";
txt += "if (show == false && actpic != pocet_obrazku) { show = true; \n";
txt += "SlideShow (); \n";
txt += "document.SetPic.slshow.value='stop';} \n";
txt += "else \n";
txt += "{if (actpic != pocet_obrazku) { show = false; \n";
txt += "StopSlideShow (); \n";
txt += "document.SetPic.slshow.value='slideshow';} \n";
txt += "} \n";
txt += "} \n";
// Ovladac zmeny barvy tlacitek
txt += "function KurzorNadNahledy() { \n";
txt += "document.SetPic.nahledy.style.color = '#ffffff'; } \n";
txt += "function KurzorMimoNahledy() { \n";
txt += "document.SetPic.nahledy.style.color = '#3C3E35'; } \n";
txt += "function KurzorNadSlshow() { \n";
txt += "document.SetPic.slshow.style.color = '#ffffff'; } \n";
txt += "function KurzorMimoSlshow() { \n";
txt += "document.SetPic.slshow.style.color = '#3C3E35'; } \n";
txt += "function KurzorNadPredchozi() { \n";
txt += "document.SetPic.previous.style.color = '#ffffff'; } \n";
txt += "function KurzorMimoPredchozi() { \n";
txt += "document.SetPic.previous.style.color = '#3C3E35'; } \n";
txt += "function KurzorNadDalsi() { \n";
txt += "document.SetPic.next.style.color = '#ffffff'; } \n";
txt += "function KurzorMimoDalsi() { \n";
txt += "document.SetPic.next.style.color = '#3C3E35'; } \n";
txt += "// --> \n";
txt += "//--> </sc" + "ript> \n";

txt += "</HEAD> \n";
txt += "<BODY OnLoad='AktPic ();'> \n";
txt += "<table width=100% height=99%> \n";
txt += "<tr height=20><td> \n";
txt += "<form name='SetPic'> \n";
txt += "<input name='nahledy' onclick='history.go(-1);' class='galerie-navigace-foto' id='nahledy' type='button' width=50px style='cursor: pointer;' value='náhledy' onMouseOver='KurzorNadNahledy()' onMouseOut='KurzorMimoNahledy()'></td> \n";
txt += "<input name='slshow' onclick='OvladacSlideShow();' class='galerie-navigace-foto' id='slideshow' type='button' style='cursor: pointer;' value='slideshow' onMouseOver='KurzorNadSlshow()' onMouseOut='KurzorMimoSlshow()'></td> \n";
txt += "<input name='previous' onClick='PrevPic();' class='galerie-navigace-foto' id='zpet' type='button' style='cursor: pointer;' value='&lt;&lt;&lt;' onMouseOver='KurzorNadPredchozi()' onMouseOut='KurzorMimoPredchozi()'></td> \n";
txt += "<input name='next' onclick='NextPic();' class='galerie-navigace-foto' id='tam' type='button' style='cursor: pointer;' value='&gt;&gt;&gt;' onMouseOver='KurzorNadDalsi()' onMouseOut='KurzorMimoDalsi()'></td></tr></form> \n";
txt += "<tr align=center valign=middle> \n";
txt += "<td> \n";
txt += "<IMG Name='imgprev' title='' alt='Stockholm'> \n";
txt += "<div class='popiska-text' id='popis'></div> \n";
txt += "<div class='datum-text' id='datum'></div></td></tr><table> \n";
txt += "</BODY> \n";
txt += "</HTML>";

	document.open(); 
	document.write(txt);
	document.close(); 
}	

