var movieImagesPending = false;
var movieAppended = false;

function run( id )
{

	var time = 5000;
	var pauze = 0;
	
    if (movieImagesPending > 0 ) {
        return;
    }

    if ( ! movieAppended ) {
        return;
    }
    
   $("movie").style.display = 'block';

    var animator = new Animator();
    
    animator.onDone = function()
    {
        // document.location = '?cmd=index';        
        doAnimate( id );
    }
    
    animator.addBehavior(new AlphaBehavior($('img1'), 0, 255, 255));
    animator.addBehavior(new AlphaBehavior($('img2'), 0, 0, 0));
    animator.addBehavior(new AlphaBehavior($('img3'), 0, 0, 0));
    animator.addBehavior(new AlphaBehavior($('img4'), 0, 0, 0));
    animator.addBehavior(new AlphaBehavior($('img5'), 0, 0, 0));
    
    animator.addBehavior(new AlphaBehavior($('img2'), time, 0, 255));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img3'), time, 0, 255));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img4'), time, 0, 255));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img5'), time, 0, 255));
	animator.addBehavior(new Behavior(null, pauze));   

	animator.addBehavior(new AlphaBehavior($('img5'), time, 255, 0));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img4'), time, 255, 0));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img3'), time, 255, 0));
	animator.addBehavior(new Behavior(null, pauze));   

    animator.addBehavior(new AlphaBehavior($('img2'), time, 255, 0));
	animator.addBehavior(new Behavior(null, pauze));   

    
    animator.run();
	
}

function doAnimate( ) { 
	
	if( ! mid ) {
		mid = 0;
	}
		
	id = mid;
	
	var	movie = document.createElement('div');
			movie.id = 'movie';
			movie.style.display = 'none';
			movie.style.position = 'absolute';
			movie.style.left = '0px';
			movie.style.top = '0px';
			movie.style.width = '400px';
			movie.style.height = '565px';
			movie.style.overflow = 'visible';

	var numMovies = 5;
	var movieID = id; //Math.round(Math.random() * (numMovies-1)) + 1;
	var images = [  
				'images/movies/'+movieID+'-0.jpg',
			    'images/movies/'+movieID+'-1.jpg',
                'images/movies/'+movieID+'-2.jpg',
                'images/movies/'+movieID+'-3.jpg',
                'images/movies/'+movieID+'-4.jpg'
	];
                
	movieImagesPending = images.length;

	$( "box" ).appendChild(movie);
	movieAppended = true;
              
	for (var i=0; i<images.length; i++) {

	    var 	img = document.createElement('img');
		    	img.id = 'img'+(i+1);
		    	
		    	movie.appendChild(img);
		    	
			    img.style.position = 'absolute';
    			img.style.width = '400px';
				img.style.height = '565px';
			    img.onload = function() { movieImagesPending--; run( id ); }
			    img.src = images[i];
				img.style.border = '0px';

				
	}

	
	
}