/*jQuery幻灯片效果  Dev by CssRain.cn */
$( function() {
	var len = $(".num > li").length;
	var index = 0;
	var adTimer;
	$(".num li").mouseover( function() {
		index = $(".num li").index(this);
		showImg(index);
	}).eq(0).mouseover();
	// 滑入 停止动画，滑出开始动画.
	$('.ad').hover( function() {
		clearInterval(adTimer);
	}, function() {
		adTimer = setInterval( function() {
			index++;
			if (index == len) {
				index = 0;
			}
			showImg(index);
		}, 5000);
	}).trigger("mouseleave");
})

// 通过控制top ，来显示不通的幻灯片
function showImg(index) {
	var adHeight = $(".ad").height();
	$(".slider").stop(true, false).animate( {
		top : -adHeight * index
	}, 1000);
	$(".num li").removeClass("on").eq(index).addClass("on");
}