<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<style type="text/css">
<!--
#nahledy {margin-bottom: 10px;}
#nahledy img {width: 51.4px; height:39px ; padding: 1px;}
#obrazek {width:640px; height: 480px;}
input {margin:10px; border-radius:10px;}
#navigace {width:640px; text-align: center; }
.skryt {display:none;}
//-->
</style>
<script type="text/javascript">
<!--
var cf = 1;
function zobrazFoto(i) {
cf = i;
if (i < 10) {i= "0"+i;}
document.getElementById("fotka").src="javascript/foto/fotky/"+i+".jpg";
document.getElementById("cislo").innerHTML=i;
if (cf>=1){document.getElementById("predchozi").style.display = '';}
if (cf<=11) {document.getElementById("dalsi").style.display = '';}
if (cf==12) {document.getElementById("dalsi").style.display = 'none';}
if (cf==1) {document.getElementById("predchozi").style.display = 'none';}
}
function dalsi(){
if (cf<=11){
cf++;
document.getElementById("cislo").innerHTML=cf;
zobrazFoto(cf);
}
else {
cf = 1;
zobrazFoto(cf);
}
document.getElementById("predchozi").style.display = '';
if (cf==12){document.getElementById("dalsi").style.display = 'none';}
else{document.getElementById("dalsi").style.display = '';}
}
function predchozi(){
if (cf>1){
cf--;
document.getElementById("cislo").innerHTML=cf;
zobrazFoto(cf);
}
else {
cf = 12;
zobrazFoto(cf);
}
if (cf==1){document.getElementById("predchozi").style.display = 'none';}
else{document.getElementById("predchozi").style.display = '';}
document.getElementById("dalsi").style.display = '';
}
var play;
function prehrat(){
play=setInterval("dalsi()",1000);
document.getElementById("play").style.display = 'none';
document.getElementById("stop").style.display = '';
}
function stop(){
clearInterval(play);
document.getElementById("stop").style.display = 'none';
document.getElementById("play").style.display = '';
}
if (cf==1) {document.getElementById("predchozi").style.display = 'none';}
//-->
</div>
</head>
<body>
<div id="obsah">
<div id="navigace">
<input type="button" value="<<" onclick="predchozi()" style="float: left; " id="predchozi">
<input type="button" value="PLAY" onclick="prehrat()" id="play" style="">
<input type="button" value="STOP" onclick="stop()" style="display: none; " id="stop">
<input type="button" value=">>" onclick="dalsi()" style="float:right;" id="dalsi">
<div>Fotografie číslo <span id="cislo">09</span></div>
</div>
<div id="obrazek">
<img src=".jpg" alt="" height="480" width="640" id="fotka">
</div>
</div>
</body>
</html>