/*global $, loop
*/

$(function () {
  var el = $('#banner'),
    cur, blocks = $.makeArray(el.children()),
    swap = function () {
    el.animate({
      opacity: 0
    }, 100, 'linear', loop);
  };
  var loop = function () {
    el.css('opacity', cur ? 0 : 1).prepend(cur = blocks.shift()).animate({
      opacity: 1
    }, 1000);
    $('img', cur).css('marginTop', 0).animate({
      marginTop: - 60
    }, 5000, 'linear', swap, blocks.push(cur));
  };
  if (blocks.length) {
    loop();
  }
});