Manşet Haber Nasıl Yaparım?

<div style="text-align: center;"><style type="text/css">
<!--
.yatay_manset { display: none; }
#manset_0 { display: block; }
.el { cursor:pointer; }
--></style><script language="javascript" type="text/javascript">
function nes(obj)
{
    return document.getElementById(obj);
}
function manset_goster() {
    for(i=0;i<10;i++) {
        if (i == secili_manset) {
            nes("manset_"+i).style.display = "block";
            document["m"+i].src = "http://foto.gazetevatan.com/resimler/s_"+i+"_.jpg";
        }
        else
        {
            nes("manset_"+i).style.display = "none";
            document["m"+i].src = "http://foto.gazetevatan.com/resimler/s_"+i+".jpg";
            }
    }
}
function manset_degistir(mansetId) {
    if (mansetId >= 0) {
        clearTimeout(mansetTimeout);
        secili_manset = mansetId;
        manset_goster();
    }
    else
    {
        manset_goster();
        secili_manset = secili_manset + 1;
        if(secili_manset >= 10) secili_manset = 0;
       
        mansetTimeout = setTimeout("manset_degistir(-1)", '3000');
    }
}
var secili_manset = 0;
var mansetTimeout =1;
mansetTimeout = setTimeout("manset_degistir(-1)", '3000');
</script><!--mansetbasi-->
<table height="300" cellspacing="0" cellpadding="0" border="0">
    <tbody>
        <tr>
            <td align="center">
            <div class="yatay_manset" id="manset_0" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(0);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_1" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(1);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_2" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(2);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_3" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(3);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_4" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(4);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_5" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(5);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_6" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(6);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg " /></a></div>
            <div class="yatay_manset" id="manset_7" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(7);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_8" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(8);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            <div class="yatay_manset" id="manset_9" style="width: 380px; position: relative; height: 300px; text-align: center;"><a href="#"><img height="300" border="0" width="380" alt="" onmouseout="manset_degistir(-1);" onmouseover="manset_degistir(9);" style="border: 1px solid rgb(168, 168, 168);" src="http://img.webme.com/pic/w/webisland/webbbb.jpeg" /></a></div>
            </td>
        </tr>
        <tr>
            <td align="center">
            <table cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody>
                    <tr>
                        <td style="text-align: center;"><img border="0" src="http://haber.gazetevatan.com/resimler/s_01.jpg" alt="" style="width: 31px; height: 28px;" /></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_0_.jpg" onmouseover="manset_degistir(0)" onmouseout="manset_degistir(-1);" name="m0" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_1.jpg" onmouseover="manset_degistir(1)" onmouseout="manset_degistir(-1);" name="m1" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_2.jpg" onmouseover="manset_degistir(2)" onmouseout="manset_degistir(-1);" name="m2" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_3.jpg" onmouseover="manset_degistir(3)" onmouseout="manset_degistir(-1);" name="m3" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_4.jpg" onmouseover="manset_degistir(4)" onmouseout="manset_degistir(-1);" name="m4" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_5.jpg" onmouseover="manset_degistir(5)" onmouseout="manset_degistir(-1);" name="m5" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_6.jpg" onmouseover="manset_degistir(6)" onmouseout="manset_degistir(-1);" name="m6" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_7.jpg" onmouseover="manset_degistir(7)" onmouseout="manset_degistir(-1);" name="m7" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_8.jpg" onmouseover="manset_degistir(8)" onmouseout="manset_degistir(-1);" name="m8" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><a href="#"><img border="0" src="http://haber.gazetevatan.com/resimler/s_9.jpg" onmouseover="manset_degistir(9)" onmouseout="manset_degistir(-1);" name="m9" alt="" class="el" /></a></td>
                        <td style="text-align: center;"><img border="0" src="http://haber.gazetevatan.com/resimler/s_12.jpg" alt="" /></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
</div>