// Animate cells for storybook
// Copyright by ShondasAnimalCrackups 2009
// javascript code copyright ShondasAnimalCrackups 2008
// License: Creative Commons with Attribution, Noncommercial and ShareAlike clauses active


var cell_array;
var cell_number=0;
var max_cell_number=0;
var interval_between_frames=0;
var continuous_loop=0;


// Set the number of cells
function set_num_cells( n ){
   cell_number=0;
   max_cell_number=n;

   cell_array=new Array(n);
   for( i=0; i < n; i++){
      cell_array[i]=new Array(6);
   }
}

// name of item to move; x,y coordinates of item, width, height and zindex of item
function set_cell( cname, cx, cy, cwidth, cheight, cz ){
   cell_array[cell_number][0]=cname;
   cell_array[cell_number][1]=cx;
   cell_array[cell_number][2]=cy;
   cell_array[cell_number][3]=cwidth;
   cell_array[cell_number][4]=cheight;
   cell_array[cell_number][5]=cz;
   cell_number++;
   if( cell_number >= max_cell_number ){ cell_number = 0; }
}

function start_animation( i , c ){
   interval_between_frames = i;
   continuous_loop = c;
   // We pause 1 second to give background time to load
   setTimeout("continue_animation()", 1000 );
//   setTimeout("continue_animation()", interval_between_frames );
//   continue_animation( interval_between_frames );
}

function continue_animation( ){
   move_cell( cell_array[cell_number][0], cell_array[cell_number][1], cell_array[cell_number][2], cell_array[cell_number][3], cell_array[cell_number][4], cell_array[cell_number][5] );

   cell_number++;
   if( cell_number >= max_cell_number ){ 
	cell_number = 0; 
	if( continuous_loop < 1 ){ return; }
   }

   setTimeout("continue_animation()", interval_between_frames );
}


// cname = ID of object to move
// cx = x position to move to 
// cy = y position to move to 
// cwidth, cheight, cz
function move_cell( cname, cx, cy, cwidth, cheight, cz ){
   // get the parent frame
   //var parentob=document.getElementById("celldiv");

   // Find the object to move
   var divob=document.getElementById(cname);
   divob.style.left=cx;
   divob.style.top=cy;
   divob.style.width=cwidth;
   divob.style.height=cheight;
   divob.style.visibility='visible';
   divob.style.zIndex=cz;
}