theimage = new Array();     
     theimage[0]=["pics/IMG_1051.JPG", "Corso Amalfi"];
     theimage[1]=["pics/IMG_1052.JPG", "Via Antonio Pigafetta"];
     theimage[2]=["pics/IMG_1054.JPG", "Via G. da Verazzano"];
     theimage[3]=["pics/IMG_1058.JPG", "Corso Pisa"];
     theimage[4]=["pics/IMG_1064.JPG", "Corso Amalfi"];
     theimage[5]=["pics/IMG_1065.JPG", "Tante Emma Laden ca. 5 Gehminuten vom Haus"];
     theimage[6]=["pics/italien 192.JPG", "Fußgängerzone Porto St. Margerherita"];
     theimage[7]=["pics/IMG_1067.JPG", "Blick zur Marina vom Corso Amalfi"];
     theimage[8]=["pics/IMG_1130.JPG", "Strand"];
     theimage[9]=["pics/IMG_1117.JPG", "Via Fratelli Vivaldi"];
     theimage[10]=["pics/IMG_1122.JPG", "Spielplatz am Strand"];
     theimage[11]=["pics/IMG_1127.JPG", "Strand"];
     theimage[12]=["pics/IMG_1138.JPG", "Strand"];
     theimage[13]=["pics/IMG_1137.JPG", "Strand"];
     theimage[14]=["pics/IMG_1135.JPG", "Strand"];
     theimage[15]=["pics/IMG_1142.JPG", "Strand"];
  
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();

        };