﻿//焦点图片轮播插件（带数字按钮切换） created by lengyg

jQuery.fn.picPlayer = function(params) {
    var p = params || {
		timeOut:2000,
		ui:"#slider",
		picNum:4,
		imgPath:"images/focusPic/",
		arrImgUrl:["Ad_slide1.jpg","06.jpg","08.jpg","07.jpg"],
		arrPicLink:["http://www.baidu.com","http://www.yahoo.com","http://www.yahoo.cn","http://www.126.com"],
		arrImgTitle:["图片1","图片2","图片3","图片4"]
    };
	//图片为0时，删除轮播控件
	if(p.picNum<1){
		$(p.ui).remove();
		return false;
	}
	function creatUi(){
		var ui_Id=p.ui.substring(1,p.ui.length);
		var str='<div id="'+ui_Id+'_bg"></div><div id="'+ui_Id+'_info"></div><ul>';
		for(var i=1;i<=p.picNum;i++){
			str+='<li id="pbtn'+i+'" data="'+i+'">'+i+'</li>';
			}
		str+='</ul><div id="'+ui_Id+'_list">';
		//未设置imgPath则用图片全路径
		if(typeof(p.imgPath) == "undefined"){p.imgPath=""};
		for(var i=0;i<p.picNum;i++){
			str+='<a href="'+p.arrPicLink[i]+'"target="_blank"><img src="'+p.imgPath+p.arrImgUrl[i]+'"alt="'+p.arrImgTitle[i]+'"/></a>';
			}
		str+='</div>';
		$(p.ui).append(str);
		}
	creatUi();
	
	$(p.ui+" li:eq(0)").addClass("on");
	
	var t = n = 0, count;
	count=p.picNum;
	$(p.ui+"_list a:not(:first-child)").hide();
	//此处禁用了图片标题栏
	//$(p.ui+"_info").html($(p.ui+"_list a:first-child").find("img").attr('title'));
	$(p.ui+"_info").click(function(){window.open($(p.ui+"_list a:first-child").attr('href'), "_blank")});
	
	
	$(p.ui+" li").click(function() {
		var i = $(this).attr("data")-1;//获取Li元素内的值，即1，2，3，4
		n=i;
		play(i);
	});
	
	
	function play(index){
		//此处禁用了图片标题栏
		//$(p.ui+"_info").html($(p.ui+"_list a").eq(i).find("img").attr('title'));
		$(p.ui+"_info").unbind().click(function(){window.open($(p.ui+"_list a").eq(index).attr('href'), "_blank")})
		$(p.ui+"_list a").filter(":visible").fadeOut(500).parent().children().eq(index).fadeIn(1000);
		$("#pbtn"+(index+1)).addClass("on").siblings().removeClass();
	}
	
	if(p.picNum>1){
		t = setInterval(showAuto,p.timeOut);
	}
	$(p.ui+"").hover(function(){clearInterval(t)}, function(){if(p.picNum>1){t = setInterval(showAuto,p.timeOut);}});
	
	function showAuto(){
		n = n >=(count - 1) ? 0 : ++n;
		play(n)
	}
	

}
