/* 循环展示图片
	1. kk_scroll(d,n) d:循环展示图片的外容器 n:每次循环所要展示的图片数 p:循环图片之间的距离
	2. 样式disab，控制左右控制按钮是否有效 ，同时具有一定的样式区分
	3. 所需布局结构
		.*** //容器
			.lk_l //想左滑动按钮
			.lk_r //向右滑动按钮
			.scroll_page //当前页码
			.scroll_all_page //总页码
	4. 接口方式
		kk_scroll($(".***"),6,33);
*/
function kk_scroll(d,n,p){
	d.each(function(index, element){
		var scroll_on = 0;//动画是否正在执行
		var page_all_num,page_num;
		var ul = $(this).children('ul');
		var len = ul.children('li').length;
		var liw = ul.children('li:eq(0)').width();
		var page_all_num = math.ceil(len/n);
		var page_num = math.abs(ul.position().left)/(liw*n)+1;
		var al = $(this).find('a.l');
		var ar = $(this).find('a.r');

		$(this).find('.scroll_all_page').html(page_all_num);
		$(this).find('.scroll_page').html(1);
		if(page_all_num==1){ar.addclass('disab');}
		var page_contral = function(aa,bb,cc,dd){
			if(aa>bb){
				if(bb==1){
					cc.addclass('disab');
					dd.removeclass('disab');
				}else{
					cc.removeclass('disab');
					dd.removeclass('disab');
				}
			}else if(aa==bb){
				cc.removeclass('disab');
				dd.addclass('disab');
			}
			scroll_on = 0;//释放点击滑动功能
		}
		//设置容器宽度
		ul.css('width',(liw*len+p)+"px");
		/*
			1.nolnk 是系统取消连接可点
			2.disab 告诉用户连接失效
		*/
		//向左侧移动
		ar.click(function(){
			if(!$(this).hasclass('disab') && scroll_on==0){
				scroll_on = 1;//关闭点击滑动功能
				var left = ul.position().left-(liw*n);
				ul.animate({left:left+"px"},500,function(){
					page_num = parseint(math.abs(ul.position().left)/(liw*n))+1;
					d.find('.scroll_page').html(page_num);
					page_contral(page_all_num,page_num,al,ar);
				});
			}
		})
		//向右侧移动
		al.click(function(){
			if(!$(this).hasclass('disab') && scroll_on==0){
				scroll_on = 1;//关闭点击滑动功能
				var left = ul.position().left+(liw*n);
				ul.animate({left:left+"px"},500,function(){
					page_num = parseint(math.abs(ul.position().left)/(liw*n))+1;
					d.find('.scroll_page').html(page_num);
					page_contral(page_all_num,page_num,al,ar);
				});
			}
		})
    });
}


/*
	容器高度全屏
	1、kk_full_h(h)
	2、h: 省去的距离
	3、布局样式：
		.kk_full_h
*/
function kk_full_h(t,h){
	var con = t;
	var wh = document.documentelement.clientheight;//显示器的显示区域的宽度
	var sh = wh-h;
	con.each(function(index, element){
		if($(this).height()<wh){$(this).css("height",sh+"px");}
	})
}
$(function(){
	/*未知宽度dom元素居中*/
	if($(".kk_dom_w_cen").length>0){
		$(".kk_dom_w_cen").each(function(index, element) {
        	var pw = $(this).parent().width();
			var cssw = math.round((pw-$(this).width())/2);
			//css style
			$(this).css("margin-left",cssw+"px");
		});
	}
	if($(".kk_dom_h_cen").length>0){
		$(".kk_dom_h_cen").each(function(index, element) {
			var ph = $(this).parent().height();
			var cssh = math.round((ph-$(this).height())/2);
			//css style
			$(this).css("margin-top",cssh+"px");
		});
	}
})