Таблица: вид меню пунктов

скриншот:

Код:

<div id="page-but"><div id="but-menu"><div id="tb1-button" class="button">Новости</div><div id="tb2-button" class="button">Сюжет</div><div id="tb3-button" class="button">Активисты</div><div id="tb4-button" class="button">Администрация</div><div id="tb5-button" class="button">Баннеры</div>

</div><div id="but-content"><div id="tb1" class="but">
 
  <table align=center style='height: 268px;'>
    <tr><td style='padding: 15px; vertical-align: top; border-right: solid 1px black; width: 230px; text-align: center'>
      <span style='color: black; font-size: 12px; font-weight: bold; vertical-align: top'> <img src=http://s41.radikal.ru/i093/1212/59/d8478c23d03d.png><br><br>
      Приветствуем вас на ролевой по аниме и манге "Синий экзорцист". Чтобы начать играть, вам необходимо зарегестрироваться и подать анкету. Принимаются как канонические персонажи, так и неканонические. Если у вас возникнут вопросы, вы всегда можете обратиться к администрации. Будем рады видеть новых игроков на форуме и надеемся, что здесь вам понравится! </span>
     
        <td style='padding: 15px; vertical-align: top; border-right: solid 1px black; width: 230px; text-align: center'>
      <div style='overflow: auto; height: 230px;'>
          <span style='color: black; font-size: 12px; font-weight: bold; vertical-align: top'> <img src=http://s019.radikal.ru/i615/1212/28/64308c001f38.png><br><br>
        <br><br>Здесь будут Новости<br><br><img align=right src=ЗДЕСЬ ДОЛЖНА БЫТЬ КАРТИНКА></img></span>
          </div>

</table>
 
  </div><div id="tb2" class="but">Контент кнопки Сюжет</div><div id="tb3" class="but">Контент кнопки Активисты</div><div id="tb4" class="but">Контент кнопки Администрация</div><div id="tb5" class="but">Контент кнопки Баннеры</div>
</div>

</div>

Код:

/* весь блок меню */
#page-but {
  width: 1000px;
  height: 290px;
  background-image: url(http://s019.radikal.ru/i607/1212/61/9c0fcc3caac3.png);
  background-repeat: no-repeat;
}

/* блок с кнопками */
#but-menu {
  float: left;
  width: 150px;
}

/* блок с содержимым страниц меню */
#but-content {
  float: left;
  margin-left: 150px;
  height: 290px;
  width: 850px;
  margin: 0;
}

/* все скрытые блоки после первого */
#tb2, #tb3, #tb4, #tb5 {
  display: none;
}

/* кнопки */
#but-menu .button {
  cursor: pointer;
  width: 120px;
  height: 50px;
  line-height: 50px;
  background-color: none;
  margin: 5px auto;
  font-size: 11px;
  border: dashed 1px black;
  text-align: center;
}

/* страницы меню */
div.but {
  max-height: 290px;
  overflow: hidden;
  padding: 5px;
  margin: 5px;
  font-size: 11px;
  border: 1px dashed black;
}

Код:

$(function(){
              $("#tb2-button, #tb3-button, #tb4-button, #tb5-button").css({
            opacity: 0.7
        });
                  $("#page-but div.button").click(function(){
                              $clicked = $(this);
                                        if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                                    $clicked.animate({
                    opacity: 1,
                  }, 60 );
                  var idToLoad = $clicked.attr("id").split('-');
                  $("#but-content").find("div.but:visible").fadeOut("fast", function(){
                    $(this).parent().find("#"+idToLoad[0]).fadeIn();
                  })
              }
              $clicked.siblings(".button").animate({
                  opacity: 0.7,
              }, 60 );
            });
      });

Чтобы перейти на определенный контент, нужно нажимать на эти кнопки меню, можно ли сделать так, чтобы они автоматически переключались??