var napkins;
var boxes_sols;
var boxes_work;
var boxes_work_index = 0;
var boxes_sols_index = 0;
var advance_next = 'sols';

function advanceBoxes() {
  if ( advance_next == 'sols' ) {
    var box_sols_old = boxes_sols_index;
    var box_sols_new = box_sols_old+1;
    if ( box_sols_new >= boxes_sols.length ) box_sols_new = 0;
    boxes_sols[box_sols_old].fade('out');
    boxes_sols[box_sols_new].fade('in');
    boxes_sols_index = box_sols_new;
    advance_next = 'work';
  } else {    
    var box_work_old = boxes_work_index;
    var box_work_new = box_work_old+1;
    if ( box_work_new >= boxes_work.length ) box_work_new = 0;
    boxes_work[box_work_old].fade('out');
    boxes_work[box_work_new].fade('in');
    boxes_work_index = box_work_new;
    advance_next = 'sols';
  }

  setTimeout('advanceBoxes();',4000);
}

function advanceNapkin(n) {
  var nap_old = n;
  var nap_new = n+1;
  if ( nap_new >= napkins.length ) nap_new = 0;
  napkins[nap_old].fade('out');
  napkins[nap_new].fade('in');
}

window.addEvent('domready',function() {
  napkins = $$('.napkin');
  napkins.each(function(napkin,n) {
    if ( n > 0 ) napkin.set('opacity',0);
    /*napkin.addEvent('click',function() {
      advanceNapkin(n);
    })*/
  })

  napkins[0].fade('in');

  boxes_work = $$('#box1 img');
  boxes_work.set({
    'opacity':0
    ,'tween': {
      'duration': 1500
    }
  });


  boxes_sols = $$('#box2 img');
  boxes_sols.set({
    'opacity':0
    ,'tween': {
      'duration': 1500
    }
  });

  boxes_work[0].fade('in');
  boxes_sols[0].fade('in');

  setTimeout('advanceBoxes()',3000);

})