Untitled

<!DOCTYPE HTML SYSTEM>
<html>
 <head>
  <title>prova</title>

 <link href="style.css" rel="stylesheet" type="text/css">
 </head>

 <body>

  <div class="images">

    <img id="figure" src="freeze.jpg" alt="alotofice">
    <button  id="prev"> << </button>
    <button  id="next"> >> </button>

  </div>

<script>
var images =[];
        images[0] = "freeze.jpg";
        images[1] = "naure.jpg";
        images[2] = "mountain.jpg";
        images[3] = "kintamani.jpg";
        images[4] = "thailand.jpg";
        var i = 0;


function rolling(){


        var avanti = document.getElementById("next");
        avanti.addEventListener("click",function(){


             var image = document.getElementById("figure");

               if (i == images.length -1){
                  i = 0;}
               else{
                  i++;
                 }
               image.src = images[i];
                              },false);


        var indietro = document.getElementById("prev");
        indietro.addEventListener("click",function(){

             var image = document.getElementById("figure");
             if (i == 0){
                  i = images.length -1;}
             else{
                  i--;
                 }
             image.src = images[i];
                          },false);

}
window.addEventListener("load",rolling,false);

    function nextImage(){
               var image =

document.getElementById("figure");


               if (i == images.length -1){
                  i = 0;}
               else{
                  i++;
                 }
               image.src = images[i];


                  }

var timeparser = setInterval(nextImage,3000);

var stop = document.getElementById("figure");
stop.addEventListener("mouseover",stopTime);
                    function stopTime(){
                           clearInterval(timeparser);}

var start = document.getElementById("figure");
start.addEventListener("mouseout",startTime);
                    function startTime(){
                   var timeparser = setInterval(nextImage,3000);}
</script>

 </body>
</html>