// JavaScript Document
var roll;
var rolltime=5000;
$(function(){
	$(".focusbutton span:first").addClass("selected");
	roll=setInterval("rollimg(-1)",rolltime);
	$(".focusbutton span").click(function(){
		clearInterval(roll);
		var i=$(".focusbutton span").index($(this)[0]);
		rollimg(i);
		roll=setInterval("rollimg(-1)",rolltime);
	});
});
//±ä»»Í¼Æ¬
function rollimg(i)
{
	var ii=$(".focusbutton span").index($(".focusbutton span.selected")[0]);
	$(".focusbutton span").removeClass();
	if(i==-1)
	{
		ii++;
		ii=ii%4;
	}
	else
	{
		ii=i;
	}
	var m=ii*-720;
	$(".focusimg div").animate({marginLeft: m+"px"},500);
	$(".focusbutton span:eq("+ii+")").addClass("selected");
}