function sortShapes() {
  var shapes = [];
      $('#sortable').children().each(function(){

          shapes[shapes.length] = $(this).attr('id');
          console.log(shapes);
      });

      var newOrder = [];

      for (var x = 2; x >=0; x--)
      {
        newOrder[x] = `shape_${drawOrder[x]}_sortable_container`;
        console.log(newOrder)
      }


      for (var x = 0; x < 3; x++)
      {
        swapNodes(elem(shapes[x]), elem(newOrder[x]));
      }
}

function swapNodes(a, b) {
    console.log(`swapping ${a.id} with ${b.id}`);
    var aparent = a.parentNode;
    var asibling = a.nextSibling === b ? a : a.nextSibling;
    b.parentNode.insertBefore(a, b);
    aparent.insertBefore(b, asibling);
}