﻿   $(
    function() {
        setTimeout(function() {changeImage(1)},1500);
    }
);

    function changeImage(imageNumber) {
        var element = $("#ImageRotator");
        if (imageNumber > 15) 
            imageNumber = 0;

        element.fadeOut(1000,
            function() 
            {
                changeImagePath(imageNumber + 1);
                element.fadeIn(2000); 
            }
       );

       setTimeout(function() { changeImage(imageNumber + 1) }, 8000);
    }

    function changeImagePath(imageNumber) {
        $("#ImageRotator")[0].src = "../img/lasce/Pics/Image" + imageNumber + ".png";
        $("#PreImageRotator")[0].src = "../img/lasce/Pics/Image" + (imageNumber+1) + ".png";
   }
   
