var init_x;
var init_y;

$(document).ready(function() {
  init_x = windowSize[0]/2;
  init_y = windowSize[1]/2;
  $('body').addClass('hover');
  move3D(init_x, init_y);
  $('body').mousemove(function(e){
    move3D(e.pageX, e.pageY);
  });
  $(window).resize( function() {
    init_x = windowSize[0]/2;
    init_y = windowSize[1]/2;
  });
});

function move3D(x, y) {
  setElement(x, y, '#main_first', 100);
  setElement(x, y, '#main_second', 80);
  setElement(x, y, '#main_third', 60);
  setElement(x, y, '#main_fourth', 40);
}

function setElement(x, y, id, multi) {
  x_new = (init_x - x)/multi + init_x;
  y_new = (init_y - y)/multi + init_y;
  $(id).css('left', Math.round(x_new));
  $(id).css('top', Math.round(y_new));
}
