window.onload = function() {
  let paper = new Raphael(document.getElementById('canvas_container'), 500, 500);
  snowman(paper);
}

function snowman(paper) {

  let hat = paper.rect(325, 0, 50, 50).attr({fill: "#000"});
  let hat2 = paper.rect(312.5, 25, 75, 25).attr({fill: "#000"});

  let head = paper.circle(350, 100, 50);
  let body = paper.circle(350, 225, 75);
  let base = paper.circle(350, 400, 100);
  let nose = paper.path("M 350 100 l -10 15 l 0 15 z").attr({fill: 'orange'});

  let rightEye = paper.circle(325, 90, 8).attr({fill: "#000"});
  let leftEye = paper.circle(370, 90, 8).attr({fill: "#000"});

  let button1 = paper.circle(350, 200, 5).attr({fill: '#000'});
  let button2 = paper.circle(350, 225, 5).attr({fill: '#000'});
  let button3 = paper.circle(350, 250, 5).attr({fill: '#000'});

  let rightArm = paper.path("M 290, 180 l -50 65 l 0 65 l 10 -65 z").attr({fill: 'brown'});
  let leftArm = paper.path("M 410, 180 l 50 65 l 0 65 l -10 -65 z").attr({fill: 'brown'});

  paper.forEach(function(elem) {
    elem.node.onmouseover = function() {
      elem.animate({'transform': 'r-720'}, 2000, function() {
        this.animate({'transform': 'r720'}, 1500)
      });
    }
  });
}