console.clear();

var numVariations = 10;
var pathOrder = [];
var pathLists = [];

var mainTl = new TimelineMax();

// Create an array of all the starting path values
var startPaths = $(".st0").toArray().map(function(element) {
  return MorphSVGPlugin.pathDataToBezier(element).reverse();
})

// Create an array of all the alternate path values
var altPaths = $(".alt-path").toArray().map(function(element) {
  var path = MorphSVGPlugin.pathDataToBezier(element);
  
  // Shift removes first point from the array
  // We don't need it as we will be combining this path with a 
  // start path
  path.shift();
  return path;
});

// Create an array of the path order (indexes) [0,1,2,3]
// And add an array to the pathLists array to hold
// the different path variations. pathLists will end up
// being an array of arrays
for (var i = 0; i < startPaths.length; i++) {
  pathOrder.push(i);
  pathLists.push([])
}

// Might be confusing. Shuffles the path order, then joins a 
// start path and alternate path together to create a random path variation
for (var i = 0; i < numVariations; i++) {
  
  shuffle(pathOrder);
  
  pathLists.forEach(function(pathList, index) {
    var path = startPaths[index].concat(altPaths[pathOrder[index]]);
    pathList.push(path)
  });
}

$(".circle").each(function(index, circle) {
  
  var motionPaths = pathLists[index];
    
  // Double index here because it's an array of arrays
  var start = motionPaths[0][0];
  
  TweenLite.set(circle, {
    autoAlpha: 1,
    x: start.x,
    y: start.y
  });
  
  var tl = new TimelineMax({
    repeat: -1
  });
  
  motionPaths.forEach(function(motionPath) {
    
    tl.set(circle, {
      x: start.x, 
      y: start.y
    })
    .to(circle, random(1.5, 2), {
      bezier: {
        values: motionPath,
        type: "cubic"
      },
      ease: Linear.easeNone
    })    
  })
  
  mainTl.add(tl, 0);
});

function random(min, max) {
  if (max == null) { max = min; min = 0; }
  if (min > max) { var tmp = min; min = max; max = tmp; }
  return min + (max - min) * Math.random();
}

function shuffle(array) {
  for (var i = array.length - 1; i > 0; i--) {
    var j = Math.floor(Math.random() * (i + 1));
    var temp = array[i];
    array[i] = array[j];
    array[j] = temp;
  }
  return array;
}