theimage = new Array();     
     theimage[0]=["pics/italien 142.JPG", "Seefahrerkirche"];
     theimage[1]=["pics/italien 150.JPG", "Steine an der Promenade"];
     theimage[2]=["pics/italien 152.JPG", "Strand-Promenade"];
     theimage[3]=["pics/italien 153.JPG", "Blick von der Promenade"];
     theimage[4]=["pics/italien 155.JPG", "Kirchturm in der Fußgängerzone"];
     theimage[5]=["pics/italien 162.JPG", "Rathaus"];
     theimage[6]=["pics/italien 168.JPG", "Caorle"];
     theimage[7]=["pics/italien 173.JPG", "Strand"];
     theimage[8]=["pics/italien 175.JPG", "Caorle"];
     theimage[9]=["pics/italien 179.JPG", "Hafen von Caorle"];
     theimage[10]=["pics/italien 182.JPG", "Hafen von Caorle"];
     theimage[11]=["pics/italien 188.JPG", "Gassen/Fußgängerzone"];
  
function fadeandswitch(step){
   var step = step || 0;

            var des =document.getElementById("bigpic");
            des.style.opacity = step/100 ;
            des.style.filter = "alpha(opacity=" + step + ")"; 
            step = step + 2;

            if (step <= 100) {
                window.setTimeout(function () { fadeandswitch(step); }, 1);

            } else {
                var step=0;
            }
    }

    function changePic(pic) {
            counter = pic;
                var desda =document.getElementById("bigpic");
                var textda =document.getElementById("text");
                    desda.src=theimage[counter][0];
                    textda.innerText=theimage[counter][1];
                    textda.textContent=theimage[counter][1];
                fadeandswitch();

        };