/*seperate path's and linear gradients of SVG in their own variables for later use*/
var amerpoly = document.getElementById('amer').querySelectorAll('path');
var hulkpoly = document.getElementById('hulk').querySelectorAll('path');
var amergradient = document.getElementById('amer').querySelectorAll('linearGradient');
var hulkgradient = document.getElementById('hulk').querySelectorAll('linearGradient');

/* Go through all the paths and gradients in one group */
  for (var index = 0; index < amerpoly.length; index++)
  {
    var trenutniGradientStop = hulkgradient[index].querySelectorAll('stop');
    /* Calculate random time which will be used for animation speed */
    var randomTime = (Math.random() +0.001) * 4; 
    /*initialize arrays for extraction of elemenets*/
    var stopColorArray = [];
    var offsetArray = [];
    /*Loop through elemenets in each gradient and store them in an array*/
      for(var elem = 0; elem < trenutniGradientStop.length; elem++)
        { 
          stopColorArray.push(trenutniGradientStop[elem].getAttribute('stop-color'));
          offsetArray.push(trenutniGradientStop[elem].getAttribute('offset'));
        }

    /*Morph the path/path's and morph the coordinates of the gradient*/
    TweenLite.to(amerpoly[index], randomTime, {morphSVG:hulkpoly[index]});
    TweenLite.to(amergradient[index].x1, randomTime, {morphSVG:hulkgradient[index].x1});
    TweenLite.to(amergradient[index].y1, randomTime, {morphSVG:hulkgradient[index].y1});
    TweenLite.to(amergradient[index].x2, randomTime, {morphSVG:hulkgradient[index].x2});
    TweenLite.to(amergradient[index].y2, randomTime, {morphSVG:hulkgradient[index].y2});
    
    if(window.console) console.log('#'+amergradient[index].id + ' stop');
    
    /*staggerTo gradient by using the arrays in which they are stored*/
    TweenMax.staggerTo('#'+amergradient[index].id + ' stop', randomTime, {
      cycle:{
        stopColor: stopColorArray,
        offset: offsetArray
      }
    }, 0.1, 0);
    
    /*reinitialize the arrays*/
    stopColorArray.length = 0;
    offsetArray.length = 0;
  };