var numButtons = 4;
var next = 1;
var prev = numButtons;

var next_header = 1;
var prev_header = 6;

function shown() {
  var btnName = ".btn" + prev;
  $(btnName).css('display', 'none');
  window.setTimeout(showNext, 4000);
}

function showNext() {
  prev = next;
  next = next + 1;
  if (next > numButtons) { next = 1; }
  var btnName = ".btn" + next;
  var btn = $(btnName);
  btn.detach();
  $('.sidebar_button ul').append(btn);
  btn.fadeIn(1000, shown);
}

function shownHeader() {
  var btnName = ".illu" + prev_header;
  $(btnName).css('display', 'none');
  window.setTimeout(showNextHeader, 8000);
}

function showNextHeader() {
  prev_header = next_header;
  next_header = next_header + 1;
  if (next_header > 6) { next_header = 1; }
  var btnName = ".illu" + next_header;
  var btn = $(btnName);
  btn.detach();
  $('#header_illu ul').append(btn);
  btn.fadeIn(1000, shownHeader);
}

$(document).ready(function(){
  window.setTimeout(showNext, 4000);
  window.setTimeout(showNextHeader, 8000);
});

