// JavaScript Document

function my_focus()
{
	var my_pages = document.getElementById("p_p_list").getElementsByTagName("li");
	var my_show = document.getElementById("p_t_list").getElementsByTagName("li");
	for (var fi = 0; fi < my_pages.length; fi++)
	{
		
		my_pages[fi].onclick = function(){
			clearTimeout(myplay);
			for (var fy = 0; fy < my_pages.length; fy++)
			{
				my_pages[fy].className = "";
				my_show[fy].className = "t_t_h";
			}
			this.className = "page_now";
			
			if(this.innerHTML!="")
			{
				myi = Number(this.innerHTML)-1;
			}
			else
			{
				myi = 0;
			}
			my_show[myi].className = "t_t_s";

			myi = Number(myi)+1;
			myplay = setTimeout("auto_focus("+ myi +")",5000);
		}
		
		my_show[fi].onmouseover = function(){
			clearTimeout(myplay);
		}
		
		my_show[fi].onmouseout = function(){
			for(var fz = 0; fz < my_show.length; fz++)
			{
				if(my_show[fz]==this)
				{
					newfz = Number(fz)+1;
					myplay = setTimeout("auto_focus("+ newfz +")",3000);
				}
			}
		}
		
		
	}
	auto_focus(0);
}

function auto_focus(sp)
{
	var my_pages = document.getElementById("p_p_list").getElementsByTagName("li");
	var my_show = document.getElementById("p_t_list").getElementsByTagName("li");
	if (sp >= my_pages.length)
	{
		sp = 0;
	}

	for (var fk = 0; fk < my_pages.length; fk++)
	{
		my_pages[fk].className = "";
		my_show[fk].className = "t_t_h";
	}

	my_pages[sp].className = "page_now";
	my_show[sp].className = "t_t_s";

	
	sp = Number(sp)+1;
	myplay = setTimeout("auto_focus("+ sp +")",3000);
}


window.onload = function(){
	my_focus();
	//my_scroll();
}
