//definování lokálních proměných

var images, folder, timer, last, relar;



//seznam fotek - jména zobrazovaných fotek

images = new Array('1.png', '2.png', '3.png', '4.png', '5.png', '6.png', '7.png', '8.png', '9.png');



//umístění fotografií 'složka/podsložka/'

folder = 'img/reference/';



//časový interval pro změnu fotky v sekundách

timer = 5;





last = 0;

relar = document.getElementById('relar');



function IMGdisplay(id, idd){

var id = document.getElementById(id);

if(id==null){return false;}

for(var i = 1; i <= 20; i++)

{setTimeout(IMGsetAnim(id, i / 20, idd), i * 30);}}



function IMGsetAnim(st, set, idd){

return function(){

if (idd == 1){var o = set; var of = Math.round((set) * 100);}

if (idd == 0){var o = 1 - set; var of = Math.round((1 - set) * 100);}

st.style.opacity = o; 

st.style.filter = 'alpha(opacity='+of+')';

if(o==0){st.parentNode.removeChild(st);}}}



function new_image(id, lt){

setTimeout(

function(){

if(lt!=last){return false;}

last=lt+1;

if(last > images.length-1){last=0;}

document.getElementById(id).style.zIndex='5';

relar.innerHTML+='<img src="'+folder+images[last]+'" id="'+last+'" style="position: absolute; z-index: 4; top: 0px; left: 0px; width: 290px; height: 320px;" onload="IMGdisplay(\''+id+'\', 0); new_image(this.id, '+last+');">';

},timer*1500);}