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<=2;i++)
	{
		if (id == i)
		{
			display("box_content"+i);
      		document.getElementById("li"+i).className ='on';
		}else{
			hide("box_content"+i);
      		document.getElementById("li"+i).className ='off';
		}
	}

}

function clicktab(id){

	for (i=1;i<=2;i++)
	{
		if (id == i)
		{
			display("box_content"+i);
			display("img_news"+i);
			display("img_activities"+i);
      		document.getElementById("li"+i).className ='on';
		}else{
			hide("box_content"+i);
			hide("img_news"+i);
			hide("img_activities"+i);
      		document.getElementById("li"+i).className ='off';
		}
	}

//	stoper(); //ต้องการให้ auto เปลี่ยนก็เอาออก ใช้คู่กับ rotate() ในหน้า index
//	timer = setTimeout("rotate("+id+","+10000+")", 10000);//default=5000
}

function clicktabitem(id){

	for (i=1;i<=2;i++)
	{
		if (id == i)
		{
			display("box_contentitem"+i);
			display("img_item"+i);
			display("img_map"+i);
      		document.getElementById("item"+i).className ='on';
		}else{
			hide("box_contentitem"+i);
			hide("img_item"+i);
			hide("img_map"+i);
      		document.getElementById("item"+i).className ='off';
		}
	}

//	stoper(); //ต้องการให้ auto เปลี่ยนก็เอาออก ใช้คู่กับ rotate() ในหน้า index
//	timer = setTimeout("rotate("+id+","+10000+")", 10000);//default=5000
}

function clicktabhead(id){

	for (i=1;i<=2;i++)
	{
		if (id == i)
		{
			display("box_contenthead"+i);
			display("img_rankhead"+i);
			display("img_ranknohead"+i);
      		document.getElementById("rankhead"+i).className ='on';
		}else{
			hide("box_contenthead"+i);
			hide("img_rankhead"+i);
			hide("img_ranknohead"+i);
      		document.getElementById("rankhead"+i).className ='off';
		}
	}

//	stoper(); //ต้องการให้ auto เปลี่ยนก็เอาออก ใช้คู่กับ rotate() ในหน้า index
//	timer = setTimeout("rotate("+id+","+10000+")", 10000);//default=5000
}

function clicktabcup(id){

	if (id == 1)
	{
		display("box_contentcup1");
		hide("box_contentcup2");
		hide("box_contentcup3");
		display("img_crazy1");
		display("img_clan1");
		display("img_crazychamp1");
		hide("img_crazy2");
		hide("img_clan2");
		hide("img_crazychamp2");
		document.getElementById("cup1").className ='on';
		document.getElementById("cup2").className ='off';
		document.getElementById("cup3").className ='off';
	}else if (id == 2)
	{
		display("box_contentcup2");
		hide("box_contentcup1");
		hide("box_contentcup3");
		display("img_crazy2");
		display("img_clan2");
		display("img_crazychamp1");
		hide("img_crazy1");
		hide("img_clan1");
		hide("img_crazychamp2");
		document.getElementById("cup1").className ='off';
		document.getElementById("cup2").className ='on';
		document.getElementById("cup3").className ='off';
	}
	else
	{
		display("box_contentcup3");
		hide("box_contentcup1");
		hide("box_contentcup2");
		display("img_crazy2");
		display("img_clan1");
		display("img_crazychamp2");
		hide("img_crazy1");
		hide("img_clan2");
		hide("img_crazychamp1");
		document.getElementById("cup1").className ='off';
		document.getElementById("cup2").className ='off';
		document.getElementById("cup3").className ='on';
	}
/*	for (i=1;i<=2;i++)
	{
		if (id == i)
		{
			display("box_contentcup"+i);
			display("img_crazy"+i);
			display("img_clan"+i);
      		document.getElementById("cup"+i).className ='on';
		}else{
			hide("box_contentcup"+i);
			hide("img_crazy"+i);
			hide("img_clan"+i);
      		document.getElementById("cup"+i).className ='off';
		}
	}*/

//	stoper(); //ต้องการให้ auto เปลี่ยนก็เอาออก ใช้คู่กับ rotate() ในหน้า index
//	timer = setTimeout("rotate("+id+","+10000+")", 10000);//default=5000
}

function clicktabwallpaper(id){

	if (id == 1)
	{
		display("box_contentwall1");
		hide("box_contentwall2");
		hide("box_contentwall3");
		display("img_wall1");
		display("img_scr1");
		display("img_mov1");
		hide("img_wall2");
		hide("img_scr2");
		hide("img_mov2");
		document.getElementById("wallpaper1").className ='on';
		document.getElementById("wallpaper2").className ='off';
		document.getElementById("wallpaper3").className ='off';
	}else if (id == 2)
	{
		display("box_contentwall2");
		hide("box_contentwall1");
		hide("box_contentwall3");
		display("img_wall2");
		display("img_scr2");
		display("img_mov1");
		hide("img_wall1");
		hide("img_scr1");
		hide("img_mov2");
		document.getElementById("wallpaper1").className ='off';
		document.getElementById("wallpaper2").className ='on';
		document.getElementById("wallpaper3").className ='off';
	}
	else
	{
		display("box_contentwall3");
		hide("box_contentwall1");
		hide("box_contentwall2");
		display("img_wall2");
		display("img_scr1");
		display("img_mov2");
		hide("img_wall1");
		hide("img_scr2");
		hide("img_mov1");
		document.getElementById("wallpaper1").className ='off';
		document.getElementById("wallpaper2").className ='off';
		document.getElementById("wallpaper3").className ='on';
	}

//	stoper(); //ต้องการให้ auto เปลี่ยนก็เอาออก ใช้คู่กับ rotate() ในหน้า index
//	timer = setTimeout("rotate("+id+","+10000+")", 10000);//default=5000
}

function stoper() {
	clearTimeout(timer);
}


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

}

//---------------No loop
function getName(id){


	for (i=1;i<=7;i++)
	{
		if (id == i)
		{
			display("BoxContent"+i);
      		document.getElementById("NameGame"+i).className ='onNoLoop';
		}else{
			hide("BoxContent"+i);
      		document.getElementById("NameGame"+i).className ='offNoLoop';
		}
	}

}

function clickName(id){

	for (i=1;i<=7;i++)
	{
		if (id == i)
		{
			display("BoxContent"+i);
      		document.getElementById("NameGame"+i).className ='onNoLoop';
		}else{
			hide("BoxContent"+i);
      		document.getElementById("NameGame"+i).className ='offNoLoop';
		}
	}

}

function rotateName(id){
	if (id >7){id=1;}
		getName(id);
		id++;
}