//
//公共js效果，Html结构必须按照demo里的严格执行，请注意不要遗漏Id
//
function slidePlayer(slide_id,time){
	var index = 0;
	var O_slide = $("#" + slide_id);
	var O_list = O_slide.find(".slide-list");
	var O_title = O_slide.find(".slide-title");
	var O_trigger = O_slide.find(".slide-triggers");
	var F_time = time*1000;
	var len = O_list.find("img").length;
	var html = '';
	
	for(var i = 1; i <= len; i++){
		if(i == 1){
			html += '<span class="current">' + i + '</span>';
		}
		else{
			html += '<span>' + i + '</span>';
		}
	}
	O_trigger.html(html);	//渲染数字触发器
		var loopTime = setInterval(function(){	//循环切换
			slidePlayer(index);
			index++;
			if(index == len){
				index = 0;
			}
		},F_time);
	
	O_trigger.find("span").mouseover(function(){	//鼠标事件
		index = O_trigger.find("span").index(this);
		slidePlayer(index);
	});
	O_trigger.hover(function(){
		if(loopTime){
			clearInterval(loopTime);
		}},
		function(){
			loopTime = setInterval(function(){
				slidePlayer(index);
				index++;
				if(index == len){
					index = 0;
				}},F_time);
	});
	
	function slidePlayer(index){	//定义幻灯播放效果
		O_list.find("li")
		.eq(index).show()
		.siblings().hide();
		O_title.find("li")
		.eq(index).show()
		.siblings().hide();
		O_trigger.find("span")
		.eq(index).addClass("current")
		.siblings().removeClass("current");
	}
}