﻿ var n = 1
 var num,wid
 var delay = 2000
 var speed = 300
 $(document).ready(function (){
    $("#focus li a:first").addClass("current")
	$("#focus li a").attr("href","javascript:void(0)")
	$("#innerDiv").css("height", $("#focus li a").size() * 285 )
	
    $("#focus li a").each(function (i){
	    
		$(this).mouseover(function ()
	    {
		   clearTimeout(wid)
		   n = $(this).index("#focus li a")
		   $("#pic").stop()
		   $("#pic").animate({scrollTop: n* 285},speed);
		   $("#focus li a").removeClass("current")
		   $(this).addClass("current")
	   
		})
	
		$(this).mouseout(function ()
	    {
		  wid = window.setTimeout("autoPlay()",delay)
	   
		})
	 
	})
  num =  $("#focus li a").size()
  wid = window.setTimeout("autoPlay()",2000)


 })
function autoPlay()
{
	$("#pic").animate({scrollTop:n * 285},speed);
    $("#focus li a").removeClass("current");
    $($("#focus li a")[n]).addClass("current")
	n++
    if(n>=num) n = 0
    wid = window.setTimeout("autoPlay()",delay)
}
