function display(id, idd){

var obr = document.getElementById(id);

for(var i = 1; i <= 20; i++)

{setTimeout(setAnim(obr, i / 20, idd), i * 30);}}



function setAnim(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.cssText = "\ opacity:"+o+";\ filter:alpha(opacity="+of+");\ -moz-opacity:"+o+";\ -khtml-opacity:"+o+";\ ";};}






setTimeout('galery1();',0);

setTimeout('galery2();',0);

setTimeout('galery3();',0);

setTimeout('galery4();',0);

setTimeout('galery5();',0);



function galery1(){

setTimeout(function (){

var maximal = 3; 

display('IMG1', 0);

setTimeout(function (){

var num = document.getElementById('num1').value;

if(num >= maximal){var num = 1;}

else {var num = num-1+2;}

document.getElementById('num1').value=num;

var folder = 'src/start/1/';

var format = 'jpg';

var img = '<img id="IMG1" border="0" height="125" width="180" style="visibility: hidden;" onLoad="display(\'IMG1\' ,1); galery1();" src="'+folder+''+num+'.'+format+'">'





document.getElementById('object1').innerHTML=img;

}, 700);

}, 7000)}

















function galery2(){

setTimeout(function (){

var maximal = 3; 

display('IMG2', 0);

setTimeout(function (){

var num = document.getElementById('num2').value;

if(num >= maximal){var num = 1;}

else {var num = num-1+2;}

document.getElementById('num2').value=num;

var folder = 'src/start/2/';

var format = 'jpg';

var img = '<img id="IMG2" border="0" height="125" width="180" style="visibility: hidden;" onLoad="display(\'IMG2\' ,1); galery2();" src="'+folder+''+num+'.'+format+'">'





document.getElementById('object2').innerHTML=img;

}, 700);

}, 6700)}























function galery3(){

setTimeout(function (){

var maximal = 3; 

display('IMG3', 0);

setTimeout(function (){

var num = document.getElementById('num3').value;

if(num >= maximal){var num = 1;}

else {var num = num-1+2;}

document.getElementById('num3').value=num;

var folder = 'src/start/3/';

var format = 'jpg';

var img = '<img id="IMG3" border="0" height="125" width="180" style="visibility: hidden;" onLoad="display(\'IMG3\' ,1); galery3();" src="'+folder+''+num+'.'+format+'">'





document.getElementById('object3').innerHTML=img;

}, 700);

}, 5800)}





















function galery4(){

setTimeout(function (){

var maximal = 3; 

display('IMG4', 0);

setTimeout(function (){

var num = document.getElementById('num4').value;

if(num >= maximal){var num = 1;}

else {var num = num-1+2;}

document.getElementById('num4').value=num;

var folder = 'src/start/4/';

var format = 'jpg';

var img = '<img id="IMG4" border="0" height="125" width="180" style="visibility: hidden;" onLoad="display(\'IMG4\' ,1); galery4();" src="'+folder+''+num+'.'+format+'">'





document.getElementById('object4').innerHTML=img;

}, 700);

}, 6500)}

















function galery5(){

setTimeout(function (){

var maximal = 5; 

display('IMG5', 0);

setTimeout(function (){

var num = document.getElementById('num5').value;

if(num >= maximal){var num = 1;}

else {var num = num-1+2;}

document.getElementById('num5').value=num;

var folder = 'src/start/5/';

var format = 'jpg';

var img = '<img id="IMG5" border="0" height="150" width="250" style="visibility: hidden;" onLoad="display(\'IMG5\' ,1); galery5();" src="'+folder+''+num+'.'+format+'">'





document.getElementById('object5').innerHTML=img;

}, 700);

}, 6500)}

