//settings
var curmessage = 1;
var messagedelay = 10; //seconds

//get the tallest message height, then hide all messages for animating
var tallest = 0;
$(".message-box .msgbox").each(function(){
  if($(this).height() > tallest) tallest = $(this).height();
});
$(".message-box-wrap").css({ height: (tallest+10)+"px" });
$(".message-box .msgbox").hide();

//initiate rotation
$("#message"+curmessage).show();
setTimeout("rotate_message();", messagedelay*1000);

function rotate_message(){
  //hide old message
  $("#message"+curmessage).slideUp(500, function(){
    //get new message
    curmessage = (curmessage==3)? 1 : curmessage+1;
    $("#message"+curmessage).slideDown(500, function(){
      //recurse after a delay
      setTimeout("rotate_message(curmessage);", messagedelay*1000);
    });
  });
}