var mtsTop, mtsLeft;
var moves = [
    [
		{ from: {left: 10, top: 10}, to: {left: 10, top: 75} },
		{ from: {left: 75, top: 10}, to: {left: 140, top: 10} }
	],
	[
		{ from: {left: 10, top: 75}, to: {left: 10, top: 140} },
		{ from: {left: 75, top: 10}, to: {left: 75, top: 75} },
		{ from: {left: 140, top: 10}, to: {left: 205, top: 10} }
	],
	[
		{ from: {left: 10, top: 140}, to: {left: 10, top: 205} },
		{ from: {left: 75, top: 75}, to: {left: 75, top: 140} },
		{ from: {left: 140, top: 10}, to: {left: 140, top: 75} },
		{ from: {left: 205, top: 10}, to: {left: 270, top: 10} }
	],
];
function showText() {
  $('.square').animate({opacity:0}, 1000, null, function() {
    $('.pt-text').css({top: mtsTop+65, left: mtsLeft}).fadeIn('slow');
  });
} 
function moveSquares(num) {
  var move;
  if (undefined != moves[num]) {
    for (var i=0;i<moves[num].length;i++) {
      move = moves[num][i];
      
      $('<div class="square"></div>')
        .css({top:mtsTop+move.from.top, left:mtsLeft+move.from.left})
        .appendTo('.pt-box .pt-block')
        .animate({top:mtsTop+move.to.top, left: move.to.left}, 1000, null, function() {
          moveSquares(num+1)
        });
      }
    } else {
      showText();
  }
}