var zoom = 1.2;

$(document).ready(function() {
  $('#img4').cycle({
    fx: 'fade'
  });

  $('#imageZoom').hover(function() {
    var img = $(this).find('img');
    img.stop();
    img.animate({
      top: -1*((img.height()*zoom)-img.height())/2,
      left: -1*((img.width()*zoom)-img.width())/2,
      width: img.width()*zoom,
      height: img.height()*zoom
    }, 500);
  }, function() {
    var img = $(this).find('img');
    img.stop();
    img.animate({
      top: 0,
      left: 0,
      width: $(this).width(),
      height: $(this).height()
    }, 500);
  })
});