Rotating array of circles around a circle

Processing Coding Questions
6 
var canvas;
var width = window.innerWidth;
var height = window.innerHeight;
let angle = 0;
var unitSize = [125,125,125,125,125,125,125,125,125];
var xoff = [0,1,2,3,4,5,6,7,8];
var x = [0,1,2,3,4,5,6,7,8];
var circles = [0,1,2,3,4,5,6,7,8];
var images = [0,1,2,3,4,5,6,7,8];
var texts = [
'texto 1',
'texto 2',
'texto 3',
'texto 4',
'texto 5',
'texto 6',
'texto 7',
'texto 8',
'texto 9'];
 
 function preload(){
 	images[0] = loadImage('images/img0.jpg'); 
 	images[1] = loadImage('images/img1.jpg');
 	images[2] = loadImage('images/img2.jpg');
	images[3] = loadImage('images/img3.jpg');
 	images[4] = loadImage('images/img4.jpg');
 	images[5] = loadImage('images/img5.jpg');
 	images[6] = loadImage('images/img6.jpg');
 	images[7] = loadImage('images/img7.jpg');
	images[8] = loadImage('images/img8.jpg');
 	images[9] = loadImage('images/img9.jpg');
 }

function setup() {
  canvas = createCanvas(window.innerWidth, window.innerHeight, WEBGL);
  canvas.parent("canvas"); 
  
}

function mouseWheel(event) {
  
  angle += (event.delta)*0.001;
  
}


function draw() {
  background( 255 );
  
  noStroke();
  fill(128);
  texture(images[9]);
  ellipse(0, 0, 260, 260);
  rotate(angle);
  
  for (var i = x.length - 1; i >= 0; i--) {
    x[i] = map(noise(xoff[i]), 0 , 1 , 200 , 230);
    xoff[i] += 0.01;
  }

  angle = angle + 0.0007;

   

    for( var i = 0; i < circles.length; i++) {
    rotate( TWO_PI/9.0 );
    texture(images[i]);

    ellipse( x[i], 0, unitSize[i], unitSize[i] );


     
    
    }

   
    
}

So thanks to TfGuy44 i was able to do this, it is rotating around and with noise()it has smooth random waves. Does anyone knows how can i change this unitSize (wich is the basicaly the ellipse size) when i hover the ellipse?