var nLens=7, curLens=nLens-1;
function loaded() {
    step1();
}
Event.observe(window,'load',loaded);

function step1() {
  new Effect.Appear('greenNoStar', {delay: 1, duration: 2, afterFinish: step2});
}
function step2() {
  new Effect.Appear('star', {delay: 1, duration: 0, afterFinish: step3});
}
function step3() {
  new Effect.Appear('blue1', {delay: 0, duration: 2, afterFinish: step4});
}

function step4() {
  $("greenNoStar").hide();
  $("star").hide();
  new Effect.Appear('blue2', {delay: 0, duration: 2, afterFinish: step5});
}
function step5() {
  $("blue1").hide();
  new Effect.Fade('blue2', {delay: 0, duration: 2, afterFinish: step1});
}

/*
function step4() {
   $("greenNoStar").hide();
  $("star").hide();
  new Effect.Fade('blue1', {delay: 0, duration: 4, afterFinish: step1});
}
*/
function scrollPubs() {
 var cur=0;
 var nImg=6;
 function update() {
   var next = (cur + 1)%nImg; 
   new Effect.Parallel([
     new Effect.Appear('pub'+next, {sync:true}), new Effect.Fade('pub'+cur, {sync:true})
   ], {
     duration: 1,
     delay: 1.5,
     afterFinish: update
   });
   cur = next;
 }
 update();
}
function fadeIn() {
  curLens=(curLens+1)%nLens;
  new Effect.Parallel(
    [new Effect.Appear('lens'+curLens, {sync:true}), Effect.Appear('flash', {sync:true})],{
    duration:0.1,
    delay:0.5,
    afterFinish: function() {fadeOut(), hideFlash()}
       });
}
function fadeOut() {
  new Effect.Fade('lens'+curLens, {duration:0.5,
       delay:2,
       afterFinish: fadeIn
       });
}

function hideFlash() {
  new Effect.Fade('flash', {duration:0.1, delay:.05});
}