// JavaScript Document by Sarah
$(document).ready(function(){
	var loopIndex = 1;
	var boxes = ['A','B','C','D','E'];
	var loop = setInterval(function() {
	  show(boxes[loopIndex++ % boxes.length]);
	}, 4000);
	
	for (var i = 0; i < boxes.length; i++) {
	  $("#box" + boxes[i]).animate({opacity: "0.0"}, 0);					
	}
	
	var currentBox;
	var show = function(box) {
		if (currentBox) {
          $("#box" + currentBox).animate({opacity:  "0.0"}, 1000);
		}
		$("#box" + box).slideDown("slow").animate({opacity: "1"}, 1000);
		currentBox = box;
    }
	
	for (var i = 0; i < boxes.length; i++) {
      $(".run" + boxes[i]).click(function(box) {
        return function() {
		  show(box);
		  clearInterval(loop);
		  return false;
		};
      }(boxes[i]));
	}
	
	show("A");
	
});