$(function(){
  $("a[rel='lightbox']").lightBox();
  
  var tag = '';
  for(var i=6; i>=2; i--){
    tag += '<img src="/img/top/p'+i+'.jpg" id="p'+i+'" class="animate-img" alt="">';
  }
  $('#p1').before(tag);
  $('#p6').after('<img src="/img/top/p7.jpg" id="p7" alt="">');

  fadeout($('#mask'), 2500, 1000);
  fadeout($('#p1'), 2500, 5000);
  q_animate($('#p2'), {'left':'-180px'}, 6000, 4500);
  fadeout($('#p2'), 2500, 4500);
  q_animate($('#p3'), {'top':'-200px'}, 6000, 9500);
  fadeout($('#p3'), 2500, 9500);
  q_animate($('#p4'), {'left':'-100px'}, 6000, 15000);
  fadeout($('#p4'), 2500, 15000);
  q_animate($('#p5'), {'left':'-100px'}, 6000, 19500);
  fadeout($('#p5'), 2500, 19500);
  q_animate($('#p6'), {'top':'-240px'}, 8000, 24000);
  fadein($('#p7'), 2500, 32000);
  
  $('#p7').click(function(){
    location.href = '/';
    return false;
  });
});