Want to modify to automatically rolling
<p>Can someone help me to modify it and make it rolling automatically? Please help me.</p>

<p>HTML:</p>

<pre><code>&lt;ul class="TabMenu"&gt;
    &lt;li class="tab01Menu_on"&gt;
        &lt;a href="#content01"&gt;&lt;/a&gt;Day&lt;/li&gt;
    &lt;li class="tab02Menu"&gt;
        &lt;a href="#content02"&gt;&lt;/a&gt;Month&lt;/li&gt;
    &lt;li class="tab03Menu"&gt;
        &lt;a href="#content03"&gt;&lt;/a&gt;Week&lt;/li&gt;
    &lt;li class="tab04Menu"&gt;
        &lt;a href="#content04"&gt;&lt;/a&gt;Wfdseek&lt;/li&gt;
&lt;/ul&gt;
&lt;div id="content01"&gt;1&lt;/div&gt;
&lt;div id="content02"&gt;2&lt;/div&gt;
&lt;div id="content03"&gt;3&lt;/div&gt;
&lt;div id="content04"&gt;4&lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>var activeTab;
var allTab = $('.TabMenu li');
var allContents = $('div[id*=content0]');
var allonTab;
var allresetTab;
var offTab;
var onTab;
var offImage
var onImage
$('.TabMenu li a').click(function () { // 클릭이벤트
    allContents.hide();
    allonTab = $('.TabMenu li[class*=_on]').attr('class');
    allresetTab = allonTab.replace('_on', '');
    $('.TabMenu li[class*=_on]').attr('class', allresetTab);
    offTab = $(this).parent().attr('class');
    onTab = offTab.replace('Menu', 'Menu_on');
    $(this).parent().attr('class', onTab);
    activeTab = $(this).attr('href');
    $(activeTab).fadeIn(200);
    return false;
});
$('.TabMenu li a:first').click(); // 페이지가 로딩되면 첫번째 탭 자동 클릭
</code></pre>

<p>CSS:</p>

<pre class="lang-css prettyprint-override"><code>body {margin:0; padding:0; font-size:.75em; color:#666; font-family:Dotum;}
body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0}
img {border:none;}
ul, li {list-style:none}
.TabMenu{width:500px; margin:10px 0 0 0; border-bottom:2px solid #9499A4; overflow:hidden;}
.TabMenu li{float:left; font-size:12px; padding:0; margin:0; width:101px; height:31px; position:relative; text-align:center;}
.TabMenu li a{display:block; width:101px; height:31px; position:absolute;}
.TabMenu li.tab01Menu a{background:url(tab_day.gif) no-repeat;}
.TabMenu li.tab02Menu a{background:url(tab_month.gif) no-repeat;}
.TabMenu li.tab03Menu a{background:url(tab_week.gif) no-repeat;}
.TabMenu li.tab01Menu a:hover{background:url(tab_day_on.gif) no-repeat;}
.TabMenu li.tab02Menu a:hover{background:url(tab_month_on.gif) no-repeat;}
.TabMenu li.tab03Menu a:hover{background:url(tab_week_on.gif) no-repeat;}
.TabMenu li.tab01Menu_on a{background:url(tab_day_on.gif) no-repeat;}
.TabMenu li.tab02Menu_on a{background:url(tab_month_on.gif) no-repeat;}
.TabMenu li.tab03Menu_on a{background:url(tab_week_on.gif) no-repeat;}

#content01{width:498px; height:300px; background-color:#EAB6C8; border:1px solid #9499A4; border-top:none; display:none;}
#content02{width:498px; height:300px; background-color:#B3A5C2; border:1px solid #9499A4; border-top:none; display:none;}
#content03{width:498px; height:300px; background-color:#ADB3CE; border:1px solid #9499A4; border-top:none; display:none;}
#content04{width:498px; height:300px; background-color:#B1D9D1; border:1px solid #9499A4; border-top:none; display:none;}
</code></pre>

<p><a href="http://jsfiddle.net/kooinsung/VPJTB/4/" rel="nofollow">Fiddle</a></p>
