javascript - 次のボタンを押してタブを変更する

Question

各タブの最後にある次への緑色のボタンをクリックしてタブをシフトする必要があります。こちらですhttp://www.cmsonlinehelp.com/ann/events

現在起こっていることは、タブをクリックしてタブに移動できることです。しかし、[次へ] ボタンをクリックして次のタブに移動する必要があります。

ここに私のスクリプトコードがあります:

 <script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>

ナビゲーションでこれを使用しています：

        <ul id="countrytabs" class="shadetabs">            
        <li><a href="#" rel="country1" class="selected">Photography Coverage</a></li>
        <li><a href="#" rel="country2" id="videocoverage">Video Coverage</a></li>
        <li><a href="#" rel="country3" id="djcoverage">Dj Coverage</a></li>
        <li><a href="#" rel="country4" id="eventcoverage">Event Details</a></li>
        </ul>

次のように、単一のタブ div に ID を指定します。

          <div id="country1" class="tabcontent">
          <div id="country2" class="tabcontent">
          <div id="country3" class="tabcontent">
          <div id="country4" class="tabcontent">