﻿(function (){
    var timer=null,
	$sliderContain = $("#fplay"),
	$ul = $sliderContain.find("#fplay_list > ul"),
	$li = $ul.children(),
	size = $li.size(),
	height = $li.eq(0).height(),
	lastLiH = height*size,
	index=1,
	$btns = $sliderContain.find("#fplay_text li").mouseDelay().hover(function(){
		if(timer){
			clearInterval(timer);
		}
		index=$(this).index();
		slider();
	},function(){if(!timer){timer = setInterval(slider, 5000);}}),
	slider = function(){
		if(index === size){
			var t = $li.eq(0).css({position:"relative",top:lastLiH}),
			callback = function(){
				t.css({top:0});
				$ul.css({top:0});
			},
			myTop = -index*height,
			eq = index = 0;
		}else{
			var myTop = -index*height,
			callback='',
			eq = index;
		};
		$btns.removeClass("li1").eq(eq).addClass('li1');
		$ul.stop().animate({top:myTop},300,callback);
		index++;
	};
	timer = setInterval(slider, 5000);
	$("#fplay_list").hover(function(){clearInterval(timer)}, function(){timer = setInterval(slider, 5000);});
})();
