function display(sID) {

oObj = document.getElementById(sID);
if (oObj) {
oObj.style.display='inline';
}
}

function hide(sID) {
oObj = document.getElementById(sID);
if (oObj) {
oObj.style.display='none';
}
}

function gettab(id){

for (i=1;i<=4;i++)
{
if (id == i)
{
display("box_content"+i);
document.getElementById("li"+i).className ='font18';
}else{
hide("box_content"+i);
document.getElementById("li"+i).className ='font12';
}
}

}


function rotate(id,settime){
if (id >4){id=1;}
gettab(id);
id++;
timer = setTimeout("rotate("+id+","+settime+")", settime);

}

/* กำหนดเวลาค้างเมื่อมีการคลิก 5 วินาที */
function clicktab(id){

for (i=1;i<=4;i++)
{
if (id == i)
{
display("box_content"+i);
document.getElementById("li"+i).className ='font18';
}else{
hide("box_content"+i);
document.getElementById("li"+i).className ='font12';
}
}

stoper();
timer = setTimeout("rotate("+id+","+20000+")", 20000);
}

function stoper() {
clearTimeout(timer);
}