var canvas;
var alpha     = 0;
var img       = new Array(10);
var anz_img = 5;
var img_nr   = 0;


function load() {
   canvas = document.getElementById("canvas1");

   canvas = canvas.getContext("2d");

   for (img_nr = 0; img_nr<anz_img; img_nr++){
       img[img_nr]        = new Image();
       img[img_nr].src = "/fileadmin/images/rotate/rotation_0"+(img_nr+1)+".jpg";
  
    }
    img_nr = 0;
    img[4].onload = function() {
         canvas.save();
         canvas . globalAlpha = 1.0;
         canvas.drawImage( img[4] , 10 , 10,280,200, 13 , 13,280,200);
         canvas.save();
         //draw();
         setInterval (draw, 300);
    }
   
    

}
                       
function draw() {
                           
                        if (alpha < 1) {     
			   alpha = alpha + 0.1;
			   
                        }
                        else {
                              alpha=0.0;
                              img_nr++;
                        
                              if (img_nr >= anz_img){
                                     img_nr=0;
                              }
                              canvas.restore();
                        }
                        canvas.restore();
                         canvas . globalAlpha = alpha;
                        canvas.save();
                        canvas.drawImage( img[img_nr] , 6 , 0,288,1, 6 ,0, 288,1);
                        canvas.drawImage( img[img_nr] , 3 , 1,294,1, 3 ,1, 294,1);
                        canvas.drawImage( img[img_nr] , 2 , 2,296,1, 2 ,2, 296,1);
                        canvas.drawImage( img[img_nr] , 1 , 3,298,2, 1 ,3, 298,2);  
                                               
                         canvas.drawImage( img[img_nr] , 0 ,5,300,215, 0 ,5,300,215);

                         canvas.drawImage( img[img_nr] , 1 , 220,298,2, 1 ,220, 298,2);
                         canvas.drawImage( img[img_nr] , 2 , 222,296,1, 2 ,222, 296,1);
                         canvas.drawImage( img[img_nr] , 3 , 223,294,1, 3 ,223, 294,1);
                         canvas.drawImage( img[img_nr] , 6 , 224,288,1, 6 ,224, 288,1);
                      

                         // setTimeout(draw, 200);
                         //alert(img_nr);
                     
}

if ( window.addEventListener ) {
	addEventListener( "load", load, false );
} else {
	attachEvent( "onload", load );
}