text: // This class is made from animation code genereated by Adobe Illustrator
  
  //Constructor
  function NomadsMobileClientAnimation() {
        var canvas = document.getElementById('mainui');
        var ctx = canvas.getContext('2d');
        var fps = 20.0;
  
        group13 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group13/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(75.9, -0.2);
              ctx.bezierCurveTo(76.0, 41.3, 42.1, 75.0, 0.2, 75.1);
              ctx.bezierCurveTo(-41.7, 75.2, -75.8, 41.6, -75.9, 0.2);
              ctx.bezierCurveTo(-76.0, -41.3, -42.1, -75.0, -0.2, -75.1);
              ctx.bezierCurveTo(41.7, -75.2, 75.8, -41.6, 75.9, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(202, 186, 63)";
              ctx.fill();
  
              // group13/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(62.4, -0.1);
              ctx.bezierCurveTo(62.5, 34.0, 34.6, 61.7, 0.1, 61.8);
              ctx.bezierCurveTo(-34.3, 61.9, -62.4, 34.3, -62.4, 0.1);
              ctx.bezierCurveTo(-62.5, -34.0, -34.6, -61.7, -0.1, -61.8);
              ctx.bezierCurveTo(34.3, -61.9, 62.4, -34.3, 62.4, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(229, 175, 40)";
              ctx.fill();
  
              // group13/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(36.3, -25.9);
              ctx.bezierCurveTo(50.6, -5.8, 45.9, 22.0, 25.9, 36.3);
              ctx.bezierCurveTo(5.8, 50.6, -22.0, 45.9, -36.3, 25.9);
              ctx.bezierCurveTo(-50.6, 5.8, -45.9, -22.0, -25.9, -36.3);
              ctx.bezierCurveTo(-5.8, -50.6, 22.0, -45.9, 36.3, -25.9);
              ctx.closePath();
              ctx.fillStyle = "rgb(164, 141, 56)";
              ctx.fill();
  
              // group13/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(29.9, -0.1);
              ctx.bezierCurveTo(29.9, 16.3, 16.6, 29.5, 0.1, 29.6);
              ctx.bezierCurveTo(-16.4, 29.6, -29.9, 16.4, -29.9, 0.1);
              ctx.bezierCurveTo(-29.9, -16.3, -16.6, -29.5, -0.1, -29.6);
              ctx.bezierCurveTo(16.4, -29.6, 29.9, -16.4, 29.9, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(218, 171, 40)";
              ctx.fill();
  
              // group13/Path
              ctx.beginPath();
              ctx.moveTo(13.4, -0.0);
              ctx.bezierCurveTo(13.4, 7.3, 7.4, 13.2, 0.0, 13.2);
              ctx.bezierCurveTo(-7.4, 13.3, -13.4, 7.3, -13.4, 0.0);
              ctx.bezierCurveTo(-13.4, -7.3, -7.4, -13.2, -0.0, -13.2);
              ctx.bezierCurveTo(7.4, -13.3, 13.4, -7.3, 13.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group12 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group12/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(81.1, -0.2);
              ctx.bezierCurveTo(81.2, 44.1, 45.0, 80.1, 0.2, 80.2);
              ctx.bezierCurveTo(-44.6, 80.3, -81.0, 44.5, -81.1, 0.2);
              ctx.bezierCurveTo(-81.2, -44.1, -45.0, -80.1, -0.2, -80.2);
              ctx.bezierCurveTo(44.6, -80.3, 81.0, -44.5, 81.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 244, 98)";
              ctx.fill();
  
              // group12/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(58.3, -0.1);
              ctx.bezierCurveTo(58.4, 31.7, 32.3, 57.6, 0.1, 57.7);
              ctx.bezierCurveTo(-32.1, 57.8, -58.2, 32.0, -58.3, 0.1);
              ctx.bezierCurveTo(-58.4, -31.7, -32.3, -57.6, -0.1, -57.7);
              ctx.bezierCurveTo(32.1, -57.8, 58.2, -32.0, 58.3, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(232, 196, 36)";
              ctx.fill();
  
              // group12/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(33.9, -24.2);
              ctx.bezierCurveTo(47.3, -5.4, 42.9, 20.6, 24.2, 33.9);
              ctx.bezierCurveTo(5.4, 47.3, -20.6, 42.9, -33.9, 24.2);
              ctx.bezierCurveTo(-47.3, 5.4, -42.9, -20.6, -24.2, -33.9);
              ctx.bezierCurveTo(-5.4, -47.3, 20.6, -42.9, 33.9, -24.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(175, 162, 35)";
              ctx.fill();
  
              // group12/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(32.1, -0.1);
              ctx.bezierCurveTo(32.2, 17.5, 17.8, 31.7, 0.1, 31.8);
              ctx.bezierCurveTo(-17.7, 31.8, -32.1, 17.6, -32.1, 0.1);
              ctx.bezierCurveTo(-32.2, -17.5, -17.8, -31.7, -0.1, -31.8);
              ctx.bezierCurveTo(17.7, -31.8, 32.1, -17.6, 32.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(218, 198, 36)";
              ctx.fill();
  
              // group12/Path
              ctx.beginPath();
              ctx.moveTo(18.9, -0.0);
              ctx.bezierCurveTo(18.9, 10.3, 10.5, 18.7, 0.0, 18.7);
              ctx.bezierCurveTo(-10.4, 18.7, -18.9, 10.4, -18.9, 0.0);
              ctx.bezierCurveTo(-18.9, -10.3, -10.5, -18.7, -0.0, -18.7);
              ctx.bezierCurveTo(10.4, -18.7, 18.9, -10.4, 18.9, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(50, 46, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle15 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle15/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(44.5, -0.1);
              ctx.bezierCurveTo(44.5, 24.2, 24.7, 43.9, 0.1, 44.0);
              ctx.bezierCurveTo(-24.5, 44.1, -44.4, 24.4, -44.5, 0.1);
              ctx.bezierCurveTo(-44.5, -24.2, -24.7, -43.9, -0.1, -44.0);
              ctx.bezierCurveTo(24.5, -44.1, 44.4, -24.4, 44.5, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(254, 195, 47)";
              ctx.fill();
              ctx.restore();
        }
  
        circle14 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle14/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(36.6, -0.1);
              ctx.bezierCurveTo(36.7, 19.9, 20.3, 36.2, 0.1, 36.2);
              ctx.bezierCurveTo(-20.1, 36.3, -36.6, 20.1, -36.6, 0.1);
              ctx.bezierCurveTo(-36.7, -19.9, -20.3, -36.2, -0.1, -36.2);
              ctx.bezierCurveTo(20.1, -36.3, 36.6, -20.1, 36.6, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(229, 175, 40)";
              ctx.fill();
              ctx.restore();
        }
  
        circle13 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle13/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(21.3, -15.2);
              ctx.bezierCurveTo(29.7, -3.4, 26.9, 12.9, 15.2, 21.3);
              ctx.bezierCurveTo(3.4, 29.7, -12.9, 26.9, -21.3, 15.2);
              ctx.bezierCurveTo(-29.7, 3.4, -26.9, -12.9, -15.2, -21.3);
              ctx.bezierCurveTo(-3.4, -29.7, 12.9, -26.9, 21.3, -15.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
              ctx.restore();
        }
  
        circle12 = function(ctx) {
  
              // circle12/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(17.5, -0.0);
              ctx.bezierCurveTo(17.6, 9.5, 9.7, 17.3, 0.0, 17.3);
              ctx.bezierCurveTo(-9.6, 17.4, -17.5, 9.6, -17.5, 0.0);
              ctx.bezierCurveTo(-17.6, -9.5, -9.7, -17.3, -0.0, -17.3);
              ctx.bezierCurveTo(9.6, -17.4, 17.5, -9.6, 17.5, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(230, 213, 26)";
              ctx.fill();
              ctx.restore();
        }
  
        circle11 = function(ctx) {
  
              // circle11/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(7.8, -0.0);
              ctx.bezierCurveTo(7.9, 4.3, 4.4, 7.8, 0.0, 7.8);
              ctx.bezierCurveTo(-4.3, 7.8, -7.8, 4.3, -7.8, 0.0);
              ctx.bezierCurveTo(-7.9, -4.3, -4.4, -7.8, -0.0, -7.8);
              ctx.bezierCurveTo(4.3, -7.8, 7.8, -4.3, 7.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 240, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group11 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group11/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(74.1, -0.2);
              ctx.bezierCurveTo(74.2, 40.3, 41.1, 73.2, 0.2, 73.3);
              ctx.bezierCurveTo(-40.8, 73.4, -74.0, 40.7, -74.1, 0.2);
              ctx.bezierCurveTo(-74.2, -40.3, -41.1, -73.2, -0.2, -73.3);
              ctx.bezierCurveTo(40.8, -73.4, 74.0, -40.7, 74.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 242, 36)";
              ctx.fill();
  
              // group11/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(41.5, -0.1);
              ctx.bezierCurveTo(41.5, 22.6, 23.0, 41.0, 0.1, 41.0);
              ctx.bezierCurveTo(-22.8, 41.1, -41.4, 22.8, -41.5, 0.1);
              ctx.bezierCurveTo(-41.5, -22.6, -23.0, -41.0, -0.1, -41.0);
              ctx.bezierCurveTo(22.8, -41.1, 41.4, -22.8, 41.5, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(233, 208, 33)";
              ctx.fill();
  
              // group11/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(23.4, -16.7);
              ctx.bezierCurveTo(32.6, -3.7, 29.6, 14.2, 16.7, 23.4);
              ctx.bezierCurveTo(3.7, 32.6, -14.2, 29.6, -23.4, 16.7);
              ctx.bezierCurveTo(-32.6, 3.7, -29.6, -14.2, -16.7, -23.4);
              ctx.bezierCurveTo(-3.7, -32.6, 14.2, -29.6, 23.4, -16.7);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
  
              // group11/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(22.7, -0.1);
              ctx.bezierCurveTo(22.7, 12.3, 12.6, 22.4, 0.1, 22.4);
              ctx.bezierCurveTo(-12.5, 22.5, -22.6, 12.4, -22.7, 0.1);
              ctx.bezierCurveTo(-22.7, -12.3, -12.6, -22.4, -0.1, -22.4);
              ctx.bezierCurveTo(12.5, -22.5, 22.6, -12.4, 22.7, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(181, 169, 21)";
              ctx.fill();
  
              // group11/Path
              ctx.beginPath();
              ctx.moveTo(10.1, -0.0);
              ctx.bezierCurveTo(10.2, 5.5, 5.6, 10.0, 0.0, 10.0);
              ctx.bezierCurveTo(-5.6, 10.1, -10.1, 5.6, -10.1, 0.0);
              ctx.bezierCurveTo(-10.2, -5.5, -5.6, -10.0, -0.0, -10.0);
              ctx.bezierCurveTo(5.6, -10.1, 10.1, -5.6, 10.1, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(62, 59, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group23 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group23/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(74.1, -0.2);
              ctx.bezierCurveTo(74.2, 40.3, 41.1, 73.2, 0.2, 73.3);
              ctx.bezierCurveTo(-40.8, 73.4, -74.0, 40.7, -74.1, 0.2);
              ctx.bezierCurveTo(-74.2, -40.3, -41.1, -73.2, -0.2, -73.3);
              ctx.bezierCurveTo(40.8, -73.4, 74.0, -40.7, 74.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 247, 151)";
              ctx.fill();
  
              // group23/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(54.1, -0.1);
              ctx.bezierCurveTo(54.2, 29.5, 30.0, 53.5, 0.1, 53.6);
              ctx.bezierCurveTo(-29.8, 53.6, -54.1, 29.7, -54.1, 0.1);
              ctx.bezierCurveTo(-54.2, -29.5, -30.0, -53.5, -0.1, -53.6);
              ctx.bezierCurveTo(29.8, -53.6, 54.1, -29.7, 54.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(237, 231, 25)";
              ctx.fill();
  
              // group23/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(23.4, -16.7);
              ctx.bezierCurveTo(32.6, -3.7, 29.6, 14.2, 16.7, 23.4);
              ctx.bezierCurveTo(3.7, 32.6, -14.2, 29.6, -23.4, 16.7);
              ctx.bezierCurveTo(-32.6, 3.7, -29.6, -14.2, -16.7, -23.4);
              ctx.bezierCurveTo(-3.7, -32.6, 14.2, -29.6, 23.4, -16.7);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
  
              // group23/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(46.3, -0.1);
              ctx.bezierCurveTo(46.3, 25.2, 25.7, 45.7, 0.1, 45.8);
              ctx.bezierCurveTo(-25.4, 45.8, -46.2, 25.4, -46.3, 0.1);
              ctx.bezierCurveTo(-46.3, -25.2, -25.7, -45.7, -0.1, -45.8);
              ctx.bezierCurveTo(25.4, -45.8, 46.2, -25.4, 46.3, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(230, 213, 26)";
              ctx.fill();
  
              // group23/Path
              ctx.beginPath();
              ctx.moveTo(21.8, -0.1);
              ctx.bezierCurveTo(21.8, 11.8, 12.1, 21.5, 0.1, 21.5);
              ctx.bezierCurveTo(-12.0, 21.6, -21.7, 11.9, -21.8, 0.1);
              ctx.bezierCurveTo(-21.8, -11.8, -12.1, -21.5, -0.1, -21.5);
              ctx.bezierCurveTo(12.0, -21.6, 21.7, -11.9, 21.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(146, 137, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group22 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group22/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(75.9, -0.2);
              ctx.bezierCurveTo(76.0, 41.3, 42.1, 75.0, 0.2, 75.1);
              ctx.bezierCurveTo(-41.7, 75.2, -75.8, 41.6, -75.9, 0.2);
              ctx.bezierCurveTo(-76.0, -41.3, -42.1, -75.0, -0.2, -75.1);
              ctx.bezierCurveTo(41.7, -75.2, 75.8, -41.6, 75.9, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 203, 4)";
              ctx.fill();
  
              // group22/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(62.4, -0.1);
              ctx.bezierCurveTo(62.5, 34.0, 34.6, 61.7, 0.1, 61.8);
              ctx.bezierCurveTo(-34.3, 61.9, -62.4, 34.3, -62.4, 0.1);
              ctx.bezierCurveTo(-62.5, -34.0, -34.6, -61.7, -0.1, -61.8);
              ctx.bezierCurveTo(34.3, -61.9, 62.4, -34.3, 62.4, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(212, 194, 30)";
              ctx.fill();
  
              // group22/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(36.3, -25.9);
              ctx.bezierCurveTo(50.6, -5.8, 45.9, 22.0, 25.9, 36.3);
              ctx.bezierCurveTo(5.8, 50.6, -22.0, 45.9, -36.3, 25.9);
              ctx.bezierCurveTo(-50.6, 5.8, -45.9, -22.0, -25.9, -36.3);
              ctx.bezierCurveTo(-5.8, -50.6, 22.0, -45.9, 36.3, -25.9);
              ctx.closePath();
              ctx.fillStyle = "rgb(111, 98, 32)";
              ctx.fill();
  
              // group22/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(29.9, -0.1);
              ctx.bezierCurveTo(29.9, 16.3, 16.6, 29.5, 0.1, 29.6);
              ctx.bezierCurveTo(-16.4, 29.6, -29.9, 16.4, -29.9, 0.1);
              ctx.bezierCurveTo(-29.9, -16.3, -16.6, -29.5, -0.1, -29.6);
              ctx.bezierCurveTo(16.4, -29.6, 29.9, -16.4, 29.9, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(218, 171, 40)";
              ctx.fill();
  
              // group22/Path
              ctx.beginPath();
              ctx.moveTo(13.4, -0.0);
              ctx.bezierCurveTo(13.4, 7.3, 7.4, 13.2, 0.0, 13.2);
              ctx.bezierCurveTo(-7.4, 13.3, -13.4, 7.3, -13.4, 0.0);
              ctx.bezierCurveTo(-13.4, -7.3, -7.4, -13.2, -0.0, -13.2);
              ctx.bezierCurveTo(7.4, -13.3, 13.4, -7.3, 13.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle25 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle25/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(44.5, -0.1);
              ctx.bezierCurveTo(44.5, 24.2, 24.7, 43.9, 0.1, 44.0);
              ctx.bezierCurveTo(-24.5, 44.1, -44.4, 24.4, -44.5, 0.1);
              ctx.bezierCurveTo(-44.5, -24.2, -24.7, -43.9, -0.1, -44.0);
              ctx.bezierCurveTo(24.5, -44.1, 44.4, -24.4, 44.5, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(166, 155, 126)";
              ctx.fill();
              ctx.restore();
        }
  
        circle24 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle24/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(36.6, -0.1);
              ctx.bezierCurveTo(36.7, 19.9, 20.3, 36.2, 0.1, 36.2);
              ctx.bezierCurveTo(-20.1, 36.3, -36.6, 20.1, -36.6, 0.1);
              ctx.bezierCurveTo(-36.7, -19.9, -20.3, -36.2, -0.1, -36.2);
              ctx.bezierCurveTo(20.1, -36.3, 36.6, -20.1, 36.6, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(154, 142, 19)";
              ctx.fill();
              ctx.restore();
        }
  
        circle23 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle23/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(21.3, -15.2);
              ctx.bezierCurveTo(29.7, -3.4, 26.9, 12.9, 15.2, 21.3);
              ctx.bezierCurveTo(3.4, 29.7, -12.9, 26.9, -21.3, 15.2);
              ctx.bezierCurveTo(-29.7, 3.4, -26.9, -12.9, -15.2, -21.3);
              ctx.bezierCurveTo(-3.4, -29.7, 12.9, -26.9, 21.3, -15.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(252, 237, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle22 = function(ctx) {
  
              // circle22/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(17.5, -0.0);
              ctx.bezierCurveTo(17.6, 9.5, 9.7, 17.3, 0.0, 17.3);
              ctx.bezierCurveTo(-9.6, 17.4, -17.5, 9.6, -17.5, 0.0);
              ctx.bezierCurveTo(-17.6, -9.5, -9.7, -17.3, -0.0, -17.3);
              ctx.bezierCurveTo(9.6, -17.4, 17.5, -9.6, 17.5, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(16, 15, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle21 = function(ctx) {
  
              // circle21/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(7.8, -0.0);
              ctx.bezierCurveTo(7.9, 4.3, 4.4, 7.8, 0.0, 7.8);
              ctx.bezierCurveTo(-4.3, 7.8, -7.8, 4.3, -7.8, 0.0);
              ctx.bezierCurveTo(-7.9, -4.3, -4.4, -7.8, -0.0, -7.8);
              ctx.bezierCurveTo(4.3, -7.8, 7.8, -4.3, 7.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 240, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        grouped21 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // grouped21/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(81.1, -0.2);
              ctx.bezierCurveTo(81.2, 44.1, 45.0, 80.1, 0.2, 80.2);
              ctx.bezierCurveTo(-44.6, 80.3, -81.0, 44.5, -81.1, 0.2);
              ctx.bezierCurveTo(-81.2, -44.1, -45.0, -80.1, -0.2, -80.2);
              ctx.bezierCurveTo(44.6, -80.3, 81.0, -44.5, 81.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 244, 98)";
              ctx.fill();
  
              // grouped21/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(58.3, -0.1);
              ctx.bezierCurveTo(58.4, 31.7, 32.3, 57.6, 0.1, 57.7);
              ctx.bezierCurveTo(-32.1, 57.8, -58.2, 32.0, -58.3, 0.1);
              ctx.bezierCurveTo(-58.4, -31.7, -32.3, -57.6, -0.1, -57.7);
              ctx.bezierCurveTo(32.1, -57.8, 58.2, -32.0, 58.3, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(232, 196, 36)";
              ctx.fill();
  
              // grouped21/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(33.9, -24.2);
              ctx.bezierCurveTo(47.3, -5.4, 42.9, 20.6, 24.2, 33.9);
              ctx.bezierCurveTo(5.4, 47.3, -20.6, 42.9, -33.9, 24.2);
              ctx.bezierCurveTo(-47.3, 5.4, -42.9, -20.6, -24.2, -33.9);
              ctx.bezierCurveTo(-5.4, -47.3, 20.6, -42.9, 33.9, -24.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(175, 162, 35)";
              ctx.fill();
  
              // grouped21/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(32.1, -0.1);
              ctx.bezierCurveTo(32.2, 17.5, 17.8, 31.7, 0.1, 31.8);
              ctx.bezierCurveTo(-17.7, 31.8, -32.1, 17.6, -32.1, 0.1);
              ctx.bezierCurveTo(-32.2, -17.5, -17.8, -31.7, -0.1, -31.8);
              ctx.bezierCurveTo(17.7, -31.8, 32.1, -17.6, 32.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(218, 198, 36)";
              ctx.fill();
  
              // grouped21/Path
              ctx.beginPath();
              ctx.moveTo(11.4, -0.0);
              ctx.bezierCurveTo(11.4, 6.2, 6.3, 11.3, 0.0, 11.3);
              ctx.bezierCurveTo(-6.3, 11.3, -11.4, 6.3, -11.4, 0.0);
              ctx.bezierCurveTo(-11.4, -6.2, -6.3, -11.3, -0.0, -11.3);
              ctx.bezierCurveTo(6.3, -11.3, 11.4, -6.3, 11.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group32 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group32/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(75.9, -0.2);
              ctx.bezierCurveTo(76.0, 41.3, 42.1, 75.0, 0.2, 75.1);
              ctx.bezierCurveTo(-41.7, 75.2, -75.8, 41.6, -75.9, 0.2);
              ctx.bezierCurveTo(-76.0, -41.3, -42.1, -75.0, -0.2, -75.1);
              ctx.bezierCurveTo(41.7, -75.2, 75.8, -41.6, 75.9, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 241, 0)";
              ctx.fill();
  
              // group32/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(62.4, -0.1);
              ctx.bezierCurveTo(62.5, 34.0, 34.6, 61.7, 0.1, 61.8);
              ctx.bezierCurveTo(-34.3, 61.9, -62.4, 34.3, -62.4, 0.1);
              ctx.bezierCurveTo(-62.5, -34.0, -34.6, -61.7, -0.1, -61.8);
              ctx.bezierCurveTo(34.3, -61.9, 62.4, -34.3, 62.4, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(194, 179, 27)";
              ctx.fill();
  
              // group32/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(36.3, -25.9);
              ctx.bezierCurveTo(50.6, -5.8, 45.9, 22.0, 25.9, 36.3);
              ctx.bezierCurveTo(5.8, 50.6, -22.0, 45.9, -36.3, 25.9);
              ctx.bezierCurveTo(-50.6, 5.8, -45.9, -22.0, -25.9, -36.3);
              ctx.bezierCurveTo(-5.8, -50.6, 22.0, -45.9, 36.3, -25.9);
              ctx.closePath();
              ctx.fillStyle = "rgb(111, 98, 32)";
              ctx.fill();
  
              // group32/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(29.9, -0.1);
              ctx.bezierCurveTo(29.9, 16.3, 16.6, 29.5, 0.1, 29.6);
              ctx.bezierCurveTo(-16.4, 29.6, -29.9, 16.4, -29.9, 0.1);
              ctx.bezierCurveTo(-29.9, -16.3, -16.6, -29.5, -0.1, -29.6);
              ctx.bezierCurveTo(16.4, -29.6, 29.9, -16.4, 29.9, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(85, 66, 0)";
              ctx.fill();
  
              // group32/Path
              ctx.beginPath();
              ctx.moveTo(13.4, -0.0);
              ctx.bezierCurveTo(13.4, 7.3, 7.4, 13.2, 0.0, 13.2);
              ctx.bezierCurveTo(-7.4, 13.3, -13.4, 7.3, -13.4, 0.0);
              ctx.bezierCurveTo(-13.4, -7.3, -7.4, -13.2, -0.0, -13.2);
              ctx.bezierCurveTo(7.4, -13.3, 13.4, -7.3, 13.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group31 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group31/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(74.1, -0.2);
              ctx.bezierCurveTo(74.2, 40.3, 41.1, 73.2, 0.2, 73.3);
              ctx.bezierCurveTo(-40.8, 73.4, -74.0, 40.7, -74.1, 0.2);
              ctx.bezierCurveTo(-74.2, -40.3, -41.1, -73.2, -0.2, -73.3);
              ctx.bezierCurveTo(40.8, -73.4, 74.0, -40.7, 74.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 247, 151)";
              ctx.fill();
  
              // group31/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(61.8, -0.1);
              ctx.bezierCurveTo(61.9, 33.6, 34.3, 61.1, 0.1, 61.1);
              ctx.bezierCurveTo(-34.0, 61.2, -61.7, 33.9, -61.8, 0.1);
              ctx.bezierCurveTo(-61.9, -33.6, -34.3, -61.1, -0.1, -61.1);
              ctx.bezierCurveTo(34.0, -61.2, 61.7, -33.9, 61.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(226, 241, 233)";
              ctx.fill();
  
              // group31/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(23.4, -16.7);
              ctx.bezierCurveTo(32.6, -3.7, 29.6, 14.2, 16.7, 23.4);
              ctx.bezierCurveTo(3.7, 32.6, -14.2, 29.6, -23.4, 16.7);
              ctx.bezierCurveTo(-32.6, 3.7, -29.6, -14.2, -16.7, -23.4);
              ctx.bezierCurveTo(-3.7, -32.6, 14.2, -29.6, 23.4, -16.7);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
  
              // group31/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(36.7, -0.1);
              ctx.bezierCurveTo(36.8, 20.0, 20.4, 36.3, 0.1, 36.3);
              ctx.bezierCurveTo(-20.2, 36.4, -36.7, 20.2, -36.7, 0.1);
              ctx.bezierCurveTo(-36.8, -20.0, -20.4, -36.3, -0.1, -36.3);
              ctx.bezierCurveTo(20.2, -36.4, 36.7, -20.2, 36.7, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(230, 213, 26)";
              ctx.fill();
  
              // group31/Path
              ctx.beginPath();
              ctx.moveTo(21.8, -0.1);
              ctx.bezierCurveTo(21.8, 11.8, 12.1, 21.5, 0.1, 21.5);
              ctx.bezierCurveTo(-12.0, 21.6, -21.7, 11.9, -21.8, 0.1);
              ctx.bezierCurveTo(-21.8, -11.8, -12.1, -21.5, -0.1, -21.5);
              ctx.bezierCurveTo(12.0, -21.6, 21.7, -11.9, 21.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(90, 85, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle35 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle35/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(61.6, -0.1);
              ctx.bezierCurveTo(61.7, 33.5, 34.2, 60.9, 0.1, 60.9);
              ctx.bezierCurveTo(-33.9, 61.0, -61.5, 33.8, -61.6, 0.1);
              ctx.bezierCurveTo(-61.7, -33.5, -34.2, -60.9, -0.1, -60.9);
              ctx.bezierCurveTo(33.9, -61.0, 61.5, -33.8, 61.6, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(187, 184, 41)";
              ctx.fill();
              ctx.restore();
        }
  
        circle34 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle34/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(49.8, -0.1);
              ctx.bezierCurveTo(49.9, 27.1, 27.6, 49.2, 0.1, 49.3);
              ctx.bezierCurveTo(-27.4, 49.3, -49.7, 27.3, -49.8, 0.1);
              ctx.bezierCurveTo(-49.9, -27.1, -27.6, -49.2, -0.1, -49.3);
              ctx.bezierCurveTo(27.4, -49.3, 49.7, -27.3, 49.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(190, 179, 105)";
              ctx.fill();
              ctx.restore();
        }
  
        group33 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group33/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(86.1, -0.2);
              ctx.bezierCurveTo(86.2, 46.9, 47.8, 85.1, 0.2, 85.2);
              ctx.bezierCurveTo(-47.4, 85.3, -86.0, 47.3, -86.1, 0.2);
              ctx.bezierCurveTo(-86.2, -46.9, -47.8, -85.1, -0.2, -85.2);
              ctx.bezierCurveTo(47.4, -85.3, 86.0, -47.3, 86.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 244, 98)";
              ctx.fill();
  
              // group33/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(73.8, -0.2);
              ctx.bezierCurveTo(73.9, 40.1, 40.9, 72.9, 0.2, 73.0);
              ctx.bezierCurveTo(-40.6, 73.1, -73.7, 40.5, -73.8, 0.2);
              ctx.bezierCurveTo(-73.9, -40.1, -40.9, -72.9, -0.2, -73.0);
              ctx.bezierCurveTo(40.6, -73.1, 73.7, -40.5, 73.8, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(235, 215, 31)";
              ctx.fill();
  
              // group33/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(44.2, -31.5);
              ctx.bezierCurveTo(61.7, -7.1, 56.0, 26.8, 31.5, 44.2);
              ctx.bezierCurveTo(7.1, 61.7, -26.8, 56.0, -44.2, 31.5);
              ctx.bezierCurveTo(-61.7, 7.1, -56.0, -26.8, -31.5, -44.2);
              ctx.bezierCurveTo(-7.1, -61.7, 26.8, -56.0, 44.2, -31.5);
              ctx.closePath();
              ctx.fillStyle = "rgb(198, 182, 40)";
              ctx.fill();
  
              // group33/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(32.1, -0.1);
              ctx.bezierCurveTo(32.2, 17.5, 17.8, 31.7, 0.1, 31.8);
              ctx.bezierCurveTo(-17.7, 31.8, -32.1, 17.6, -32.1, 0.1);
              ctx.bezierCurveTo(-32.2, -17.5, -17.8, -31.7, -0.1, -31.8);
              ctx.bezierCurveTo(17.7, -31.8, 32.1, -17.6, 32.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(133, 122, 14)";
              ctx.fill();
  
              // group33/Path
              ctx.beginPath();
              ctx.moveTo(11.4, -0.0);
              ctx.bezierCurveTo(11.4, 6.2, 6.3, 11.3, 0.0, 11.3);
              ctx.bezierCurveTo(-6.3, 11.3, -11.4, 6.3, -11.4, 0.0);
              ctx.bezierCurveTo(-11.4, -6.2, -6.3, -11.3, -0.0, -11.3);
              ctx.bezierCurveTo(6.3, -11.3, 11.4, -6.3, 11.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle33 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle33/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(21.3, -15.2);
              ctx.bezierCurveTo(29.7, -3.4, 26.9, 12.9, 15.2, 21.3);
              ctx.bezierCurveTo(3.4, 29.7, -12.9, 26.9, -21.3, 15.2);
              ctx.bezierCurveTo(-29.7, 3.4, -26.9, -12.9, -15.2, -21.3);
              ctx.bezierCurveTo(-3.4, -29.7, 12.9, -26.9, 21.3, -15.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(252, 237, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle32 = function(ctx) {
  
              // circle32/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(17.5, -0.0);
              ctx.bezierCurveTo(17.6, 9.5, 9.7, 17.3, 0.0, 17.3);
              ctx.bezierCurveTo(-9.6, 17.4, -17.5, 9.6, -17.5, 0.0);
              ctx.bezierCurveTo(-17.6, -9.5, -9.7, -17.3, -0.0, -17.3);
              ctx.bezierCurveTo(9.6, -17.4, 17.5, -9.6, 17.5, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(120, 114, 2)";
              ctx.fill();
              ctx.restore();
        }
  
        circle31 = function(ctx) {
  
              // circle31/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(7.8, -0.0);
              ctx.bezierCurveTo(7.9, 4.3, 4.4, 7.8, 0.0, 7.8);
              ctx.bezierCurveTo(-4.3, 7.8, -7.8, 4.3, -7.8, 0.0);
              ctx.bezierCurveTo(-7.9, -4.3, -4.4, -7.8, -0.0, -7.8);
              ctx.bezierCurveTo(4.3, -7.8, 7.8, -4.3, 7.8, -0.0);
              ctx.closePath();
              ctx.fill();
              ctx.restore();
        }
  
        group53 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group53/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(86.9, -0.2);
              ctx.bezierCurveTo(87.1, 47.3, 48.2, 85.9, 0.2, 86.0);
              ctx.bezierCurveTo(-47.8, 86.1, -86.8, 47.7, -86.9, 0.2);
              ctx.bezierCurveTo(-87.1, -47.3, -48.2, -85.9, -0.2, -86.0);
              ctx.bezierCurveTo(47.8, -86.1, 86.8, -47.7, 86.9, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 246, 138)";
              ctx.fill();
  
              // group53/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(62.4, -0.1);
              ctx.bezierCurveTo(62.5, 34.0, 34.6, 61.7, 0.1, 61.8);
              ctx.bezierCurveTo(-34.3, 61.9, -62.4, 34.3, -62.4, 0.1);
              ctx.bezierCurveTo(-62.5, -34.0, -34.6, -61.7, -0.1, -61.8);
              ctx.bezierCurveTo(34.3, -61.9, 62.4, -34.3, 62.4, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(253, 220, 13)";
              ctx.fill();
  
              // group53/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(36.3, -25.9);
              ctx.bezierCurveTo(50.6, -5.8, 45.9, 22.0, 25.9, 36.3);
              ctx.bezierCurveTo(5.8, 50.6, -22.0, 45.9, -36.3, 25.9);
              ctx.bezierCurveTo(-50.6, 5.8, -45.9, -22.0, -25.9, -36.3);
              ctx.bezierCurveTo(-5.8, -50.6, 22.0, -45.9, 36.3, -25.9);
              ctx.closePath();
              ctx.fillStyle = "rgb(131, 114, 41)";
              ctx.fill();
  
              // group53/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(22.6, -0.1);
              ctx.bezierCurveTo(22.6, 12.3, 12.5, 22.3, 0.1, 22.3);
              ctx.bezierCurveTo(-12.4, 22.4, -22.5, 12.4, -22.6, 0.1);
              ctx.bezierCurveTo(-22.6, -12.3, -12.5, -22.3, -0.1, -22.3);
              ctx.bezierCurveTo(12.4, -22.4, 22.5, -12.4, 22.6, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(85, 66, 0)";
              ctx.fill();
  
              // group53/Path
              ctx.beginPath();
              ctx.moveTo(13.4, -0.0);
              ctx.bezierCurveTo(13.4, 7.3, 7.4, 13.2, 0.0, 13.2);
              ctx.bezierCurveTo(-7.4, 13.3, -13.4, 7.3, -13.4, 0.0);
              ctx.bezierCurveTo(-13.4, -7.3, -7.4, -13.2, -0.0, -13.2);
              ctx.bezierCurveTo(7.4, -13.3, 13.4, -7.3, 13.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group52 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group52/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(86.1, -0.2);
              ctx.bezierCurveTo(86.2, 46.9, 47.8, 85.1, 0.2, 85.2);
              ctx.bezierCurveTo(-47.4, 85.3, -86.0, 47.3, -86.1, 0.2);
              ctx.bezierCurveTo(-86.2, -46.9, -47.8, -85.1, -0.2, -85.2);
              ctx.bezierCurveTo(47.4, -85.3, 86.0, -47.3, 86.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 244, 98)";
              ctx.fill();
  
              // group52/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(67.1, -0.2);
              ctx.bezierCurveTo(67.2, 36.5, 37.2, 66.3, 0.2, 66.4);
              ctx.bezierCurveTo(-36.9, 66.5, -67.0, 36.8, -67.1, 0.2);
              ctx.bezierCurveTo(-67.2, -36.5, -37.2, -66.3, -0.2, -66.4);
              ctx.bezierCurveTo(36.9, -66.5, 67.0, -36.8, 67.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(235, 215, 31)";
              ctx.fill();
  
              // group52/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(40.6, -29.0);
              ctx.bezierCurveTo(56.6, -6.5, 51.4, 24.6, 29.0, 40.6);
              ctx.bezierCurveTo(6.5, 56.6, -24.6, 51.4, -40.6, 29.0);
              ctx.bezierCurveTo(-56.6, 6.5, -51.4, -24.6, -29.0, -40.6);
              ctx.bezierCurveTo(-6.5, -56.6, 24.6, -51.4, 40.6, -29.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(198, 182, 40)";
              ctx.fill();
  
              // group52/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(41.5, -0.1);
              ctx.bezierCurveTo(41.5, 22.6, 23.0, 41.0, 0.1, 41.1);
              ctx.bezierCurveTo(-22.8, 41.1, -41.4, 22.8, -41.5, 0.1);
              ctx.bezierCurveTo(-41.5, -22.6, -23.0, -41.0, -0.1, -41.1);
              ctx.bezierCurveTo(22.8, -41.1, 41.4, -22.8, 41.5, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(246, 222, 37)";
              ctx.fill();
  
              // group52/Path
              ctx.beginPath();
              ctx.moveTo(20.8, -0.0);
              ctx.bezierCurveTo(20.8, 11.3, 11.5, 20.5, 0.0, 20.5);
              ctx.bezierCurveTo(-11.4, 20.6, -20.7, 11.4, -20.8, 0.0);
              ctx.bezierCurveTo(-20.8, -11.3, -11.5, -20.5, -0.0, -20.5);
              ctx.bezierCurveTo(11.4, -20.6, 20.7, -11.4, 20.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group51 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group51/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(67.0, -0.2);
              ctx.bezierCurveTo(67.1, 36.5, 37.2, 66.2, 0.2, 66.3);
              ctx.bezierCurveTo(-36.9, 66.4, -66.9, 36.8, -67.0, 0.2);
              ctx.bezierCurveTo(-67.1, -36.5, -37.2, -66.2, -0.2, -66.3);
              ctx.bezierCurveTo(36.9, -66.4, 66.9, -36.8, 67.0, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(233, 215, 0)";
              ctx.fill();
  
              // group51/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(55.1, -0.1);
              ctx.bezierCurveTo(55.2, 30.0, 30.6, 54.5, 0.1, 54.6);
              ctx.bezierCurveTo(-30.3, 54.6, -55.1, 30.3, -55.1, 0.1);
              ctx.bezierCurveTo(-55.2, -30.0, -30.6, -54.5, -0.1, -54.6);
              ctx.bezierCurveTo(30.3, -54.6, 55.1, -30.3, 55.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 221, 0)";
              ctx.fill();
  
              // group51/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(23.4, -16.7);
              ctx.bezierCurveTo(32.6, -3.7, 29.6, 14.2, 16.7, 23.4);
              ctx.bezierCurveTo(3.7, 32.6, -14.2, 29.6, -23.4, 16.7);
              ctx.bezierCurveTo(-32.6, 3.7, -29.6, -14.2, -16.7, -23.4);
              ctx.bezierCurveTo(-3.7, -32.6, 14.2, -29.6, 23.4, -16.7);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
  
              // group51/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(36.7, -0.1);
              ctx.bezierCurveTo(36.8, 20.0, 20.4, 36.3, 0.1, 36.3);
              ctx.bezierCurveTo(-20.2, 36.4, -36.7, 20.2, -36.7, 0.1);
              ctx.bezierCurveTo(-36.8, -20.0, -20.4, -36.3, -0.1, -36.3);
              ctx.bezierCurveTo(20.2, -36.4, 36.7, -20.2, 36.7, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(149, 141, 14)";
              ctx.fill();
  
              // group51/Path
              ctx.beginPath();
              ctx.moveTo(12.1, -0.0);
              ctx.bezierCurveTo(12.1, 6.6, 6.7, 12.0, 0.0, 12.0);
              ctx.bezierCurveTo(-6.7, 12.0, -12.1, 6.6, -12.1, 0.0);
              ctx.bezierCurveTo(-12.1, -6.6, -6.7, -12.0, -0.0, -12.0);
              ctx.bezierCurveTo(6.7, -12.0, 12.1, -6.6, 12.1, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle55 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle55/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(66.1, -0.2);
              ctx.bezierCurveTo(66.2, 36.0, 36.7, 65.3, 0.2, 65.4);
              ctx.bezierCurveTo(-36.4, 65.5, -66.0, 36.3, -66.1, 0.2);
              ctx.bezierCurveTo(-66.2, -36.0, -36.7, -65.3, -0.2, -65.4);
              ctx.bezierCurveTo(36.4, -65.5, 66.0, -36.3, 66.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 245, 132)";
              ctx.fill();
              ctx.restore();
        }
  
        circle54 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle54/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(49.8, -0.1);
              ctx.bezierCurveTo(49.9, 27.1, 27.6, 49.2, 0.1, 49.3);
              ctx.bezierCurveTo(-27.4, 49.3, -49.7, 27.3, -49.8, 0.1);
              ctx.bezierCurveTo(-49.9, -27.1, -27.6, -49.2, -0.1, -49.3);
              ctx.bezierCurveTo(27.4, -49.3, 49.7, -27.3, 49.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(234, 215, 63)";
              ctx.fill();
              ctx.restore();
        }
  
        circle53 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle53/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(30.8, -22.0);
              ctx.bezierCurveTo(43.0, -4.9, 39.0, 18.7, 22.0, 30.8);
              ctx.bezierCurveTo(4.9, 43.0, -18.7, 39.0, -30.8, 22.0);
              ctx.bezierCurveTo(-43.0, 4.9, -39.0, -18.7, -22.0, -30.8);
              ctx.bezierCurveTo(-4.9, -43.0, 18.7, -39.0, 30.8, -22.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 242, 46)";
              ctx.fill();
              ctx.restore();
        }
  
        circle52 = function(ctx) {
  
              // circle52/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(24.9, -0.1);
              ctx.bezierCurveTo(24.9, 13.6, 13.8, 24.6, 0.1, 24.6);
              ctx.bezierCurveTo(-13.7, 24.7, -24.9, 13.7, -24.9, 0.1);
              ctx.bezierCurveTo(-24.9, -13.6, -13.8, -24.6, -0.1, -24.6);
              ctx.bezierCurveTo(13.7, -24.7, 24.9, -13.7, 24.9, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(75, 65, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle51 = function(ctx) {
  
              // circle51/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(7.8, -0.0);
              ctx.bezierCurveTo(7.9, 4.3, 4.4, 7.8, 0.0, 7.8);
              ctx.bezierCurveTo(-4.3, 7.8, -7.8, 4.3, -7.8, 0.0);
              ctx.bezierCurveTo(-7.9, -4.3, -4.4, -7.8, -0.0, -7.8);
              ctx.bezierCurveTo(4.3, -7.8, 7.8, -4.3, 7.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 241, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group42 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group42/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(86.1, -0.2);
              ctx.bezierCurveTo(86.2, 46.9, 47.8, 85.1, 0.2, 85.2);
              ctx.bezierCurveTo(-47.4, 85.3, -86.0, 47.3, -86.1, 0.2);
              ctx.bezierCurveTo(-86.2, -46.9, -47.8, -85.1, -0.2, -85.2);
              ctx.bezierCurveTo(47.4, -85.3, 86.0, -47.3, 86.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 244, 98)";
              ctx.fill();
  
              // group42/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(67.1, -0.2);
              ctx.bezierCurveTo(67.2, 36.5, 37.2, 66.3, 0.2, 66.4);
              ctx.bezierCurveTo(-36.9, 66.5, -67.0, 36.8, -67.1, 0.2);
              ctx.bezierCurveTo(-67.2, -36.5, -37.2, -66.3, -0.2, -66.4);
              ctx.bezierCurveTo(36.9, -66.5, 67.0, -36.8, 67.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(235, 215, 31)";
              ctx.fill();
  
              // group42/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(31.6, -22.5);
              ctx.bezierCurveTo(44.0, -5.1, 39.9, 19.1, 22.5, 31.6);
              ctx.bezierCurveTo(5.1, 44.0, -19.1, 39.9, -31.6, 22.5);
              ctx.bezierCurveTo(-44.0, 5.1, -39.9, -19.1, -22.5, -31.6);
              ctx.bezierCurveTo(-5.1, -44.0, 19.1, -39.9, 31.6, -22.5);
              ctx.closePath();
              ctx.fillStyle = "rgb(198, 182, 40)";
              ctx.fill();
  
              // group42/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(32.1, -0.1);
              ctx.bezierCurveTo(32.2, 17.5, 17.8, 31.7, 0.1, 31.8);
              ctx.bezierCurveTo(-17.7, 31.8, -32.1, 17.6, -32.1, 0.1);
              ctx.bezierCurveTo(-32.2, -17.5, -17.8, -31.7, -0.1, -31.8);
              ctx.bezierCurveTo(17.7, -31.8, 32.1, -17.6, 32.1, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(133, 122, 14)";
              ctx.fill();
  
              // group42/Path
              ctx.beginPath();
              ctx.moveTo(20.8, -0.0);
              ctx.bezierCurveTo(20.8, 11.3, 11.5, 20.5, 0.0, 20.5);
              ctx.bezierCurveTo(-11.4, 20.6, -20.7, 11.4, -20.8, 0.0);
              ctx.bezierCurveTo(-20.8, -11.3, -11.5, -20.5, -0.0, -20.5);
              ctx.bezierCurveTo(11.4, -20.6, 20.7, -11.4, 20.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group41 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group41/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(75.9, -0.2);
              ctx.bezierCurveTo(76.0, 41.3, 42.1, 75.0, 0.2, 75.1);
              ctx.bezierCurveTo(-41.7, 75.2, -75.8, 41.6, -75.9, 0.2);
              ctx.bezierCurveTo(-76.0, -41.3, -42.1, -75.0, -0.2, -75.1);
              ctx.bezierCurveTo(41.7, -75.2, 75.8, -41.6, 75.9, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 243, 76)";
              ctx.fill();
  
              // group41/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(62.4, -0.1);
              ctx.bezierCurveTo(62.5, 34.0, 34.6, 61.7, 0.1, 61.8);
              ctx.bezierCurveTo(-34.3, 61.9, -62.4, 34.3, -62.4, 0.1);
              ctx.bezierCurveTo(-62.5, -34.0, -34.6, -61.7, -0.1, -61.8);
              ctx.bezierCurveTo(34.3, -61.9, 62.4, -34.3, 62.4, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(209, 184, 17)";
              ctx.fill();
  
              // group41/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(36.3, -25.9);
              ctx.bezierCurveTo(50.6, -5.8, 45.9, 22.0, 25.9, 36.3);
              ctx.bezierCurveTo(5.8, 50.6, -22.0, 45.9, -36.3, 25.9);
              ctx.bezierCurveTo(-50.6, 5.8, -45.9, -22.0, -25.9, -36.3);
              ctx.bezierCurveTo(-5.8, -50.6, 22.0, -45.9, 36.3, -25.9);
              ctx.closePath();
              ctx.fillStyle = "rgb(164, 141, 56)";
              ctx.fill();
  
              // group41/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(29.9, -0.1);
              ctx.bezierCurveTo(29.9, 16.3, 16.6, 29.5, 0.1, 29.6);
              ctx.bezierCurveTo(-16.4, 29.6, -29.9, 16.4, -29.9, 0.1);
              ctx.bezierCurveTo(-29.9, -16.3, -16.6, -29.5, -0.1, -29.6);
              ctx.bezierCurveTo(16.4, -29.6, 29.9, -16.4, 29.9, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(85, 66, 0)";
              ctx.fill();
  
              // group41/Path
              ctx.beginPath();
              ctx.moveTo(13.4, -0.0);
              ctx.bezierCurveTo(13.4, 7.3, 7.4, 13.2, 0.0, 13.2);
              ctx.bezierCurveTo(-7.4, 13.3, -13.4, 7.3, -13.4, 0.0);
              ctx.bezierCurveTo(-13.4, -7.3, -7.4, -13.2, -0.0, -13.2);
              ctx.bezierCurveTo(7.4, -13.3, 13.4, -7.3, 13.4, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(0, 0, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle44 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle44/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(49.8, -0.1);
              ctx.bezierCurveTo(49.9, 27.1, 27.6, 49.2, 0.1, 49.3);
              ctx.bezierCurveTo(-27.4, 49.3, -49.7, 27.3, -49.8, 0.1);
              ctx.bezierCurveTo(-49.9, -27.1, -27.6, -49.2, -0.1, -49.3);
              ctx.bezierCurveTo(27.4, -49.3, 49.7, -27.3, 49.8, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(232, 217, 126)";
              ctx.fill();
              ctx.restore();
        }
  
        circle41 = function(ctx) {
  
              // circle41/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(7.8, -0.0);
              ctx.bezierCurveTo(7.9, 4.3, 4.4, 7.8, 0.0, 7.8);
              ctx.bezierCurveTo(-4.3, 7.8, -7.8, 4.3, -7.8, 0.0);
              ctx.bezierCurveTo(-7.9, -4.3, -4.4, -7.8, -0.0, -7.8);
              ctx.bezierCurveTo(4.3, -7.8, 7.8, -4.3, 7.8, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(255, 255, 255)";
              ctx.fill();
              ctx.restore();
        }
  
        circle43 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle43/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(30.8, -22.0);
              ctx.bezierCurveTo(43.0, -4.9, 39.0, 18.7, 22.0, 30.8);
              ctx.bezierCurveTo(4.9, 43.0, -18.7, 39.0, -30.8, 22.0);
              ctx.bezierCurveTo(-43.0, 4.9, -39.0, -18.7, -22.0, -30.8);
              ctx.bezierCurveTo(-4.9, -43.0, 18.7, -39.0, 30.8, -22.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(252, 237, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        group43 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // group43/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(74.1, -0.2);
              ctx.bezierCurveTo(74.2, 40.3, 41.1, 73.2, 0.2, 73.3);
              ctx.bezierCurveTo(-40.8, 73.4, -74.0, 40.7, -74.1, 0.2);
              ctx.bezierCurveTo(-74.2, -40.3, -41.1, -73.2, -0.2, -73.3);
              ctx.bezierCurveTo(40.8, -73.4, 74.0, -40.7, 74.1, -0.2);
              ctx.closePath();
              ctx.fillStyle = "rgb(233, 215, 0)";
              ctx.fill();
  
              // group43/Path
              ctx.globalAlpha = alpha * 0.51;
              ctx.beginPath();
              ctx.moveTo(48.5, -0.1);
              ctx.bezierCurveTo(48.5, 26.4, 26.9, 47.9, 0.1, 48.0);
              ctx.bezierCurveTo(-26.7, 48.0, -48.4, 26.6, -48.5, 0.1);
              ctx.bezierCurveTo(-48.5, -26.4, -26.9, -47.9, -0.1, -48.0);
              ctx.bezierCurveTo(26.7, -48.0, 48.4, -26.6, 48.5, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(226, 241, 233)";
              ctx.fill();
  
              // group43/Path
              ctx.globalAlpha = alpha * 0.80;
              ctx.beginPath();
              ctx.moveTo(23.4, -16.7);
              ctx.bezierCurveTo(32.6, -3.7, 29.6, 14.2, 16.7, 23.4);
              ctx.bezierCurveTo(3.7, 32.6, -14.2, 29.6, -23.4, 16.7);
              ctx.bezierCurveTo(-32.6, 3.7, -29.6, -14.2, -16.7, -23.4);
              ctx.bezierCurveTo(-3.7, -32.6, 14.2, -29.6, 23.4, -16.7);
              ctx.closePath();
              ctx.fillStyle = "rgb(251, 239, 99)";
              ctx.fill();
  
              // group43/Path
              ctx.globalAlpha = alpha * 1.00;
              ctx.beginPath();
              ctx.moveTo(36.7, -0.1);
              ctx.bezierCurveTo(36.8, 20.0, 20.4, 36.3, 0.1, 36.3);
              ctx.bezierCurveTo(-20.2, 36.4, -36.7, 20.2, -36.7, 0.1);
              ctx.bezierCurveTo(-36.8, -20.0, -20.4, -36.3, -0.1, -36.3);
              ctx.bezierCurveTo(20.2, -36.4, 36.7, -20.2, 36.7, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(230, 213, 26)";
              ctx.fill();
  
              // group43/Path
              ctx.beginPath();
              ctx.moveTo(18.2, -0.0);
              ctx.bezierCurveTo(18.2, 9.9, 10.1, 18.0, 0.0, 18.0);
              ctx.bezierCurveTo(-10.0, 18.0, -18.2, 10.0, -18.2, 0.0);
              ctx.bezierCurveTo(-18.2, -9.9, -10.1, -18.0, -0.0, -18.0);
              ctx.bezierCurveTo(10.0, -18.0, 18.2, -10.0, 18.2, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(90, 85, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle45 = function(ctx) {
  
              var alpha = ctx.globalAlpha;
  
              // circle45/Path
              ctx.save();
              ctx.globalAlpha = alpha * 0.31;
              ctx.beginPath();
              ctx.moveTo(61.6, -0.1);
              ctx.bezierCurveTo(61.7, 33.5, 34.2, 60.9, 0.1, 60.9);
              ctx.bezierCurveTo(-33.9, 61.0, -61.5, 33.8, -61.6, 0.1);
              ctx.bezierCurveTo(-61.7, -33.5, -34.2, -60.9, -0.1, -60.9);
              ctx.bezierCurveTo(33.9, -61.0, 61.5, -33.8, 61.6, -0.1);
              ctx.closePath();
              ctx.fillStyle = "rgb(244, 225, 0)";
              ctx.fill();
              ctx.restore();
        }
  
        circle42 = function(ctx) {
  
              // circle42/Path
              ctx.save();
              ctx.beginPath();
              ctx.moveTo(9.5, -0.0);
              ctx.bezierCurveTo(9.5, 5.2, 5.3, 9.4, 0.0, 9.4);
              ctx.bezierCurveTo(-5.2, 9.4, -9.5, 5.2, -9.5, 0.0);
              ctx.bezierCurveTo(-9.5, -5.2, -5.3, -9.4, -0.0, -9.4);
              ctx.bezierCurveTo(5.2, -9.4, 9.5, -5.2, 9.5, -0.0);
              ctx.closePath();
              ctx.fillStyle = "rgb(120, 114, 2)";
              ctx.fill();
              ctx.restore();
        }
        
        init = function(){
  
              // Set main canvas and context references
              canvas = document.getElementById('mainui');
              ctx = canvas.getContext('2d');
  
              // Initialize animations
              group13.rotateClock = new clock(3.00, 0.00, 1, false, 0, linear, 2.0 * Math.PI, 1.00, 0.0000);
              group13.scaleClock = new clock(4.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group12.scaleClock = new clock(5.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle15.scaleClock = new clock(6.40, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle14.scaleClock = new clock(6.30, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle13.scaleClock = new clock(6.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle12.scaleClock = new clock(6.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle11.scaleClock = new clock(6.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group11.scaleClock = new clock(7.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group23.scaleClock = new clock(6.50, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group22.rotateClock = new clock(3.00, 0.00, 1, false, 0, linear, 2.0 * Math.PI, 1.00, 0.0000);
              group22.scaleClock = new clock(7.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle25.scaleClock = new clock(6.40, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle24.scaleClock = new clock(6.30, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle23.scaleClock = new clock(6.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle22.scaleClock = new clock(6.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle21.scaleClock = new clock(6.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              grouped21.scaleClock = new clock(5.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group32.rotateClock = new clock(3.00, 0.00, 1, false, 0, linear, 2.0 * Math.PI, 1.00, 0.0000);
              group32.scaleClock = new clock(5.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group31.scaleClock = new clock(6.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle35.scaleClock = new clock(6.40, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle34.scaleClock = new clock(6.30, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group33.scaleClock = new clock(7.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle33.scaleClock = new clock(6.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle32.scaleClock = new clock(6.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle31.scaleClock = new clock(6.50, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group53.rotateClock = new clock(3.00, 0.00, 1, false, 0, linear, 2.0 * Math.PI, 1.00, 0.0000);
              group53.scaleClock = new clock(4.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group52.scaleClock = new clock(7.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group51.scaleClock = new clock(5.70, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle55.scaleClock = new clock(6.30, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle54.scaleClock = new clock(6.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle53.scaleClock = new clock(6.40, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle52.scaleClock = new clock(6.50, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle51.scaleClock = new clock(6.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group42.scaleClock = new clock(7.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group41.rotateClock = new clock(3.00, 0.00, 1, false, 0, linear, 2.0 * Math.PI, 1.00, 0.0000);
              group41.scaleClock = new clock(5.00, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle44.scaleClock = new clock(6.30, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle41.scaleClock = new clock(4.50, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle43.scaleClock = new clock(4.20, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              group43.scaleClock = new clock(6.60, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle45.scaleClock = new clock(4.40, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
              circle42.scaleClock = new clock(4.10, 0.00, 1, true, 0, linear, 1.0, 1.00, 0.0001);
  
              // Start animation clocks
              group13.rotateClock.start();
              group13.scaleClock.start();
              group12.scaleClock.start();
              circle15.scaleClock.start();
              circle14.scaleClock.start();
              circle13.scaleClock.start();
              circle12.scaleClock.start();
              circle11.scaleClock.start();
              group11.scaleClock.start();
              group23.scaleClock.start();
              group22.rotateClock.start();
              group22.scaleClock.start();
              circle25.scaleClock.start();
              circle24.scaleClock.start();
              circle23.scaleClock.start();
              circle22.scaleClock.start();
              circle21.scaleClock.start();
              grouped21.scaleClock.start();
              group32.rotateClock.start();
              group32.scaleClock.start();
              group31.scaleClock.start();
              circle35.scaleClock.start();
              circle34.scaleClock.start();
              group33.scaleClock.start();
              circle33.scaleClock.start();
              circle32.scaleClock.start();
              circle31.scaleClock.start();
              group53.rotateClock.start();
              group53.scaleClock.start();
              group52.scaleClock.start();
              group51.scaleClock.start();
              circle55.scaleClock.start();
              circle54.scaleClock.start();
              circle53.scaleClock.start();
              circle52.scaleClock.start();
              circle51.scaleClock.start();
              group42.scaleClock.start();
              group41.rotateClock.start();
              group41.scaleClock.start();
              circle44.scaleClock.start();
              circle41.scaleClock.start();
              circle43.scaleClock.start();
              group43.scaleClock.start();
              circle45.scaleClock.start();
              circle42.scaleClock.start();
  
              // Set animation timer
              setInterval(drawFrame, (1000 / fps));
        }
  
        updateAnimations = function() {
  
              // Update animation clocks
              updateAllClocks();
        }
  
        drawFrame = function() {
  
              // Update animations
              updateAnimations();
  
              // Clear canvas
              ctx.clearRect(0, 0, canvas.width, canvas.height);
  
              draw(ctx);
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.rotate(group13.rotateClock.value);
              ctx.scale(group13.scaleClock.value, group13.scaleClock.value);
              group13(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(group12.scaleClock.value, group12.scaleClock.value);
              group12(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(circle15.scaleClock.value, circle15.scaleClock.value);
              circle15(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(circle14.scaleClock.value, circle14.scaleClock.value);
              circle14(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(circle13.scaleClock.value, circle13.scaleClock.value);
              circle13(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(circle12.scaleClock.value, circle12.scaleClock.value);
              circle12(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(circle11.scaleClock.value, circle11.scaleClock.value);
              circle11(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(446.0, 486.2);
              ctx.scale(group11.scaleClock.value, group11.scaleClock.value);
              group11(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(group23.scaleClock.value, group23.scaleClock.value);
              group23(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.rotate(group22.rotateClock.value);
              ctx.scale(group22.scaleClock.value, group22.scaleClock.value);
              group22(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(circle25.scaleClock.value, circle25.scaleClock.value);
              circle25(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(circle24.scaleClock.value, circle24.scaleClock.value);
              circle24(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(circle23.scaleClock.value, circle23.scaleClock.value);
              circle23(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(circle22.scaleClock.value, circle22.scaleClock.value);
              circle22(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(circle21.scaleClock.value, circle21.scaleClock.value);
              circle21(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(520.1, 238.5);
              ctx.scale(grouped21.scaleClock.value, grouped21.scaleClock.value);
              grouped21(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.rotate(group32.rotateClock.value);
              ctx.scale(group32.scaleClock.value, group32.scaleClock.value);
              group32(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(group31.scaleClock.value, group31.scaleClock.value);
              group31(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(circle35.scaleClock.value, circle35.scaleClock.value);
              circle35(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(circle34.scaleClock.value, circle34.scaleClock.value);
              circle34(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(group33.scaleClock.value, group33.scaleClock.value);
              group33(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(circle33.scaleClock.value, circle33.scaleClock.value);
              circle33(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(circle32.scaleClock.value, circle32.scaleClock.value);
              circle32(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(303.4, 85.2);
              ctx.scale(circle31.scaleClock.value, circle31.scaleClock.value);
              circle31(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.rotate(group53.rotateClock.value);
              ctx.scale(group53.scaleClock.value, group53.scaleClock.value);
              group53(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(group52.scaleClock.value, group52.scaleClock.value);
              group52(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(group51.scaleClock.value, group51.scaleClock.value);
              group51(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(circle55.scaleClock.value, circle55.scaleClock.value);
              circle55(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(circle54.scaleClock.value, circle54.scaleClock.value);
              circle54(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(circle53.scaleClock.value, circle53.scaleClock.value);
              circle53(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(circle52.scaleClock.value, circle52.scaleClock.value);
              circle52(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(172.3, 503.6);
              ctx.scale(circle51.scaleClock.value, circle51.scaleClock.value);
              circle51(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(group42.scaleClock.value, group42.scaleClock.value);
              group42(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.rotate(group41.rotateClock.value);
              ctx.scale(group41.scaleClock.value, group41.scaleClock.value);
              group41(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(circle44.scaleClock.value, circle44.scaleClock.value);
              circle44(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(circle41.scaleClock.value, circle41.scaleClock.value);
              circle41(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(circle43.scaleClock.value, circle43.scaleClock.value);
              circle43(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(group43.scaleClock.value, group43.scaleClock.value);
              group43(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(circle45.scaleClock.value, circle45.scaleClock.value);
              circle45(ctx);
              ctx.restore();
  
              ctx.save();
              ctx.translate(86.1, 252.8);
              ctx.scale(circle42.scaleClock.value, circle42.scaleClock.value);
              circle42(ctx);
              ctx.restore();
  
              // Add dynamic objects from users (text)
              // has to be in this draw loop, otherwise won't display
              // display User Text objects that get deleted after X time.
              // allClientThoughts[]
              var font = "20px Futura, sans-serif";
              ctx.font = font;
              ctx.fillStyle = "black";
              allClientThoughts.forEach( function (arrayItem, i)
              {
                  //change text properties (size, fade out).
                  font = arrayItem.size + "px Futura, sans-serif";
                  ctx.font = font;
                  arrayItem.size += .2;
                  ctx.fillStyle = "rgba(0, 0, 0, " + arrayItem.alpha + ")";
                  arrayItem.alpha -= 0.02;
  
                  //show text
                  ctx.fillText(arrayItem.thought, arrayItem.x, arrayItem.y);
  
                  //life to delete from array
                  arrayItem.life -= 0.5; //2 second life at 20fps
                  arrayItem.y -= 1;
                  if(arrayItem.life <= 0.0){
                    if (i > -1) {
                        allClientThoughts.splice(i, 1);
                    }
                  }
              });
        }
  
       draw = function(ctx) {
  
              // layer1/Linked File
              ctx.save();
              //ctx.transform(1.000, 0.000, -0.000, 1.000, 303.4, 315.5);
              var background = document.getElementById('background');  
              ctx.drawImage(background, 0, 0);
              ctx.restore();
        }
  
        init();
  
        //this is not being called
        // animateMessage = function(text, originX, originY, targetX, targetY){
        //       var font = "120px Futurea, Helvetica, sans-serif";
        //       var jitter = 25;
        //       var offsetX = 10;
        //       var offsetY = 12;
        //       var blur = getBlurValue(100);
        //       ctx.save();
        //       ctx.font = font;
        //       ctx.fillStyle = "white";
        //       ctx.fillText(text, originX, originY);
        // }
  
  }
  
  // function getBlurValue(blur) {
  //         var userAgent = navigator.userAgent;
  //         if (userAgent && userAgent.indexOf('Firefox/4') != -1) {
  //                 var kernelSize = (blur < 8 ? blur / 2 : Math.sqrt(blur * 2));
  //                 var blurRadius = Math.ceil(kernelSize);
  //                 return blurRadius * 2;
  //         }
  //         return blur;
  // };