$(document).ready( function() {
  $("#block1").css("visibility", "visible");
  $("#block1").animate({"left": "-=181px", "top": "-=49px"}, 530);
  
  $("#block2").css("visibility", "visible");
  $("#block2").animate({"left": "-=181px", "top": "-=49px"}, 580);

  $("#block3").css("visibility", "visible");
  $("#block3").animate({"left": "-=181px", "top": "-=49px"}, 660);

  $("#block4").css("visibility", "visible");
  $("#block4").animate({"left": "-=181px", "top": "-=49px"}, 740);

  $("#block5").css("visibility", "visible");
  $("#block5").animate({"left": "-=181px", "top": "-=49px"}, 820);

  $("#block6").css("visibility", "visible");
  $("#block6").animate({"left": "-=181px", "top": "-=49px"}, 900);

  $("#block7").css("visibility", "visible");
  $("#block7").animate({"left": "-=181px", "top": "-=49px"}, 980);
});

$("#block1").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block1").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block2").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block2").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block3").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block3").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block4").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block4").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block5").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block5").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block6").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block6").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});

$("#block7").mouseover(function () {
  $(this).animate({"left": "-=11px", "top": "-=3px"}, 200);
});
$("#block7").mouseout(function () {
  $(this).animate({"left": "+=11px", "top": "+=3px"}, 200);
});