1 div ipv 3 laten zien

Ik heb in een vorig topic gevraagd om een soort carousel voor nieuws te krijgen dit is me gelukt alleen start hij met de 3 divjes met plaatjes onder elkaar. Wanneer ik dan over een tekst ga doet het wel goed en zie ik telkens 1 plaatje die bij de tekst hoort.

Hoe krijg ik de code zo dat hij begint met 1 plaatje

het gedeelte waar die het weer geeft:

<div id="laatstenieuwsmidden">
                <table width="596" align="left">
                    <tr>
                        <td width="375" align="left">
                            <div id="tab1">
                                <img src='images/newsplaatjes/1.jpg' height="250">
                            </div>
                            <div id="tab2">
                                <img src='images/newsplaatjes/4.jpg' height="250">
                            </div>
                            <div id="tab3">
                                <img src='images/newsplaatjes/3.jpg' height="250">
                            </div>
                        </td>
                        <td width="221" align="right">
                            <a class="list" onmouseover="show('1')"><h1>Kans op periode titel Meerburg 1 !!!</h1></a>
                            <hr />
                            <a class="list" onmouseover="show('2')"><h1>Docos kampioen</h1></a>
                            <hr />
                            <a class="list" onmouseover="show('3')"><h1>Meerburg wint van Haagse Hout (2-3)</h1></a>
                        </td>
                    </tr>
                </table>
            </div>

Het stukje javascript wat ik in de Head gebruik

<script type="text/javascript">
        function show(id) {
            for(var i=1;i <= 3;i++) {
                if (id == i) {
                    var display = 'block';
                }
                else {
                    var display = 'none';
                }
                document.getElementById('tab'+i).style.display = display;
            }
        }
    </script>