/*!
 * touchslide v1.1
 * javascript触屏滑动特效插件，移动端滑动特效，触屏焦点图，触屏tab切换，触屏多图切换等
 * 详尽信息请看官网：http://www.superslide2.com/touchslide/
 *
 * copyright 2013 大话主席
 *
 * 请尊重原创，保留头部版权
 * 在保留版权的前提下可应用于个人或商业用途

 * 1.1 宽度自适应（修复安卓横屏时滑动范围不变的bug）
 */
var touchslide = function(a){
	
	a = a||{};
	var opts = {
		slidecell:a.slidecell || "#touchslide", //运行效果主对象，必须用id！，例如 slidecell:"#touchslide"
		titcell:a.titcell || ".hd li", // 导航对象，当自动分页设为true时为“导航对象包裹层”
		maincell:a.maincell || ".bd", // 切换对象包裹层
		effect:a.effect || "left", // 效果，支持 left、leftloop
		autoplay:a.autoplay || false, // 自动播放
		delaytime:a.delaytime || 200, // 效果持续时间
		intertime:a.intertime ||2500, // 自动运行间隔
		defaultindex:a.defaultindex ||0, // 默认的当前位置索引。0是第一个； defaultindex:1 时，相当于从第2个开始执行
		titonclassname:a.titonclassname ||"on", // 当前导航对象添加的classname
		autopage:a.autopage || false, // 自动分页，当为true时titcell为“导航对象包裹层”
		prevcell:a.prevcell ||".prev", // 前一页按钮
		nextcell:a.nextcell ||".next", // 后一页按钮
		pagestatecell:a.pagestatecell ||".pagestate", // 分页状态对象，用于显示分页状态，例如：2/3
		pnloop:a.pnloop=='undefined '?true:a.pnloop , // 前后按钮点击是否继续执行效果，当为最前/后页是会自动添加“prevstop”/“nextstop”控制样色
		startfun:a.startfun || null, // 每次切换效果开始时执行函数，用于处理特殊情况或创建更多效果。用法 satrtfun:function(i,c){ }； 其中i为当前分页，c为总页数
		endfun:a.endfun || null, // 每次切换效果结束时执行函数，用于处理特殊情况或创建更多效果。用法 endfun:function(i,c){ }； 其中i为当前分页，c为总页数
		switchload:a.switchload || null //每次切换效果结束时执行函数，用于处理特殊情况或创建更多效果。用法 endfun:function(i,c){ }； 其中i为当前分页，c为总页数
	}

	var slidecell = document.getelementbyid(opts.slidecell.replace("#",""));
	if( !slidecell ) return false;


	//简单模拟jquery选择器
	var obj = function(str,parele){ 
		str = str.split(" ");
		var par = [];
		parele = parele||document;
		var retn = [ parele ] ;
		for( var i in str ){ if(str[i].length!=0) par.push(str[i]) } //去掉重复空格
		for( var i in par ){ 
			if( retn.length==0 ) return false;
			var _retn = [];
			for ( var r in retn )
			{
				if( par[i][0] =="#" ) _retn.push( document.getelementbyid( par[i].replace("#","") ) );
				else if( par[i][0] =="." ){
					var tag = retn[r].getelementsbytagname('*');
					for( var j=0; j<tag.length; j++ ){
						var cln = tag[j].classname;
						if( cln && cln.search(new regexp("\\b" + par[i].replace(".","") + "\\b"))!=-1 ){ _retn.push( tag[j] ); }
					}
				}
				else { var tag = retn[r].getelementsbytagname( par[i] ); for( var j=0; j<tag.length; j++ ){ _retn.push( tag[j] ) } }
			}
			retn =_retn;
		}
		
		return retn.length==0 || retn[0] == parele ? false:retn;
	}// obj e

	// 创建包裹层
	var wrap = function(el, v){
			var tmp = document.createelement('div');
			tmp.innerhtml = v;
			tmp = tmp.children[0];
			var _el = el.clonenode(true);
			tmp.appendchild(_el);
			el.parentnode.replacechild(tmp, el);
			conbox = _el; // 重置conbox
			return tmp;
	};

	// 获取样色数值
	var getstyleval =function(el, attr){ var v=0; if(el.currentstyle){ v= el.currentstyle[attr] } else { v= getcomputedstyle(el,false)[attr]; } return parseint(v.replace("px","")) } 

	// class处理
	var addclass =function(ele, classname){
		 if (!ele || !classname || (ele.classname && ele.classname.search(new regexp("\\b" + classname + "\\b")) != -1)) return;
		 ele.classname += (ele.classname ? " " : "") + classname;
	}

	var removeclass = function(ele, classname){
		 if (!ele || !classname || (ele.classname && ele.classname.search(new regexp("\\b" + classname + "\\b")) == -1)) return;
		 ele.classname = ele.classname.replace(new regexp("\\s*\\b" + classname + "\\b", "g"), "");
	}

	//全局对象
	var effect = opts.effect;
	var prevbtn = obj( opts.prevcell,slidecell )[0];
	var nextbtn = obj( opts.nextcell,slidecell )[0];
	var pagestate = obj( opts.pagestatecell )[0];
	var conbox = obj( opts.maincell,slidecell )[0];//内容元素父层对象
	if( !conbox ) return false;
	var conboxsize= conbox.children.length;
	var navobj = obj( opts.titcell,slidecell );//导航子元素结合
	var navobjsize = navobj?navobj.length:conboxsize;
	var sload=opts.switchload;

	/*字符串转换*/
	var index=parseint(opts.defaultindex);
	var delaytime=parseint(opts.delaytime);
	var intertime=parseint(opts.intertime);
	var autoplay = (opts.autoplay=="false"||opts.autoplay==false)?false:true;
	var autopage = (opts.autopage=="false"||opts.autopage==false)?false:true;
	var loop = (opts.pnloop=="false"||opts.pnloop==false)?false:true;
	var oldindex = index;
	var inter=null;// autoplay的setinterval
	var timeout = null; // leftloop的settimeout
	var endtimeout = null;  //translate的settimeout
	
	var startx = 0;
	var starty = 0;
	var distx = 0;
	var disty = 0;
	var dist = 0; //手指滑动距离
	var istouchpad = (/hp-tablet/gi).test(navigator.appversion);
	var hastouch = 'ontouchstart' in window && !istouchpad;
	var touchstart = hastouch ? 'touchstart' : 'mousedown';
	//var touchmove = hastouch ? 'touchmove' : 'mousemove';
	var touchmove = hastouch ? 'touchmove' : '';
	var touchend = hastouch ? 'touchend' : 'mouseup';
	var slideh=0;
	var slidew= conbox.parentnode.clientwidth;// maincell滑动距离
	var twcell;
	var scrolly ;
	var tempsize = conboxsize;
	
	//处理分页
	if( navobjsize==0 )navobjsize=conboxsize;
	if( autopage ){
		navobjsize=conboxsize;
		navobj=navobj[0];
		navobj.innerhtml=""; 
		var str="";

		if( opts.autopage==true|| opts.autopage=="true" ){ for( var i=0; i<navobjsize; i++ ){ str+="<li>"+(i+1)+"</li>" } }
		else{ for( var i=0; i<navobjsize; i++ ){ str+=opts.autopage.replace("$",(i+1))  } }
		
		navobj.innerhtml=str;
		navobj = navobj.children;//重置navobj
	}

	
	
	if( effect == "leftloop" ){
		tempsize +=2;
		conbox.appendchild( conbox.children[0].clonenode(true) );
		conbox.insertbefore( conbox.children[conboxsize-1].clonenode(true),conbox.children[0] );
	}
	twcell = wrap(conbox,'<div class="tempwrap" style="overflow:hidden; position:relative;"></div>');
	conbox.style.csstext="width:"+tempsize*slidew+"px;"+"position:relative;overflow:hidden;padding:0;margin:0;";
	for ( var i =0; i<tempsize; i++ ){  conbox.children[i].style.csstext="display:table-cell;vertical-align:top;width:"+slidew+"px"  }
	

	var dostartfun=function(){ if ( typeof opts.startfun =='function' ){ opts.startfun( index,navobjsize ) } }
	var doendfun=function(){ if (  typeof opts.endfun =='function' ){ opts.endfun( index,navobjsize ) } }
	var doswitchload=function( moving ){ 
				var curindex = ( effect=="leftloop"?index+1:index ) + moving;
				var changeimg = function( ind ){
						var img = conbox.children[ind].getelementsbytagname("img");
						for ( var i=0; i<img.length ; i++ )
						{
							if ( img[i].getattribute(sload) ){ 
								img[i].setattribute("src", img[i].getattribute(sload) ); 
								img[i].removeattribute( sload );
							} 
						}
				}// changeimg e
				changeimg( curindex );
				if( effect=="leftloop" ){
					switch ( curindex )
					{
						case 0: changeimg( conboxsize );break;
						case 1: changeimg( conboxsize+1 );break;
						case conboxsize: changeimg( 0 );break;
						case conboxsize+1: changeimg( 1 );break;
					}
				}
	}// doswitchload e

	//动态设置滑动宽度
	var orientationchange = function(){ 
		slidew = twcell.clientwidth;
		conbox.style.width = tempsize*slidew +"px";
		for ( var i =0; i<tempsize; i++ ){  conbox.children[i].style.width=slidew+"px";  }
		var ind = effect == "leftloop"? index+1:index;
		translate(  -ind*slidew ,0 );
	} 
	window.addeventlistener("resize", orientationchange, false); 


	//滑动效果
	var translate = function( dist, speed, ele ) {
		if( !!ele ){ ele=ele.style; }else{ ele=conbox.style; }
		ele.webkittransitionduration =  ele.moztransitionduration = ele.mstransitionduration = ele.otransitionduration = ele.transitionduration =  speed + 'ms';
		ele.webkittransform = 'translate(' + dist + 'px,0)' + 'translatez(0)';
		ele.mstransform = ele.moztransform = ele.otransform = 'translatex(' + dist + 'px)';		
	}

	//效果函数
	var doplay=function(istouch){
		
		switch (effect)
		{
			case "left": 
				if ( index >= navobjsize) { index = istouch?index-1:0; } else if( index < 0) { index = istouch?0:navobjsize-1; } 
				if( sload!=null ){ doswitchload(0) } 
				translate(  (-index*slidew),delaytime ); oldindex=index; break;
				
				
			case "leftloop":
				if( sload!=null ){ doswitchload(0) }
				translate(  -(index+1)*slidew ,delaytime );
				if ( index==-1){ 
						timeout= settimeout( function(){ translate( -navobjsize*slidew ,0 ); }, delaytime );
						index = navobjsize-1; 
				}
				else if( index==navobjsize ){ timeout= settimeout( function(){ translate( -slidew ,0 ); }, delaytime );
						index = 0; 
				}
				oldindex=index;
				break;// leftloop end

		}//switch end
		dostartfun();
		endtimeout= settimeout( function(){ doendfun() }, delaytime );

		//设置classname
		for ( var i=0; i<navobjsize; i++ )
		{
			removeclass(navobj[i],opts.titonclassname);
			if( i == index ){ addclass(navobj[i],opts.titonclassname) }
		}

		if( loop==false ){ //loop控制是否继续循环
			removeclass( nextbtn,"nextstop" );removeclass( prevbtn,"prevstop" );
			if (index==0 ){ addclass( prevbtn,"prevstop" ) }
			else if (index==navobjsize-1 ){ addclass( nextbtn,"nextstop" ) }
		}
		if(pagestate){ pagestate.innerhtml= "<span>"+(index+1)+"</span>/"+navobjsize; }

	};// doplay end

	//初始化执行
	doplay();
	
	//自动播放
	if (autoplay) {
		 inter=setinterval(function(){ index++; doplay() }, intertime); 
	}

	//点击事件
	if( navobj ){
		for ( var i=0; i<navobjsize; i++ )
		{		
			(function(){
				var j = i;
				navobj[j].addeventlistener('click', function(e){ cleartimeout( timeout ); cleartimeout( endtimeout );  index=j; doplay();  })
			})()
			
		}
	}
	if(nextbtn){ nextbtn.addeventlistener('click', function(e){ if ( loop==true || index!=navobjsize-1 ){ cleartimeout( timeout ); cleartimeout( endtimeout ); index++; doplay(); } }) }
	if(prevbtn){ prevbtn.addeventlistener('click', function(e){ if ( loop==true || index!=0 ){ cleartimeout( timeout ); cleartimeout( endtimeout ); index--; doplay(); } }) }



	//触摸开始函数
	var tstart = function(e){
		cleartimeout( timeout );cleartimeout( endtimeout );
		scrolly = undefined;
		distx = 0;
		var point = hastouch ? e.touches[0] : e;
		startx =  point.pagex;
		starty =  point.pagey;

		//添加“触摸移动”事件监听
		conbox.	addeventlistener(touchmove, tmove,false);
		//添加“触摸结束”事件监听
		conbox.addeventlistener(touchend, tend ,false);
	}

	//触摸移动函数
	var tmove = function(e){
		if( hastouch ){ if ( e.touches.length > 1 || e.scale && e.scale !== 1) return }; //多点或缩放

		var point = hastouch ? e.touches[0] : e;
		distx = point.pagex-startx;
		disty = point.pagey-starty;

		if ( typeof scrolly == 'undefined') { scrolly = !!( scrolly || math.abs(distx) < math.abs(disty) ); }
		if( !scrolly ){ 
			e.preventdefault(); if(autoplay){clearinterval(inter) }
			switch (effect){
				case "left":
					if( (index==0 && distx>0) || (index>=navobjsize-1&&distx<0 )){ distx=distx*0.4 }
					translate( -index*slidew+distx ,0 );
				break;
				case "leftloop":translate( -(index+1)*slidew+distx ,0 );break;
			}
			
			if(  sload!=null && math.abs(distx)>slidew/3 ){ 
				doswitchload( distx>-0?-1:1 ) 
			}
		}
	}

	//触摸结束函数
	var tend = function(e){
		if(distx==0) return;
		e.preventdefault(); 
		if( !scrolly )
		{
			if( math.abs(distx) > slidew/10  ){ distx>0? index--: index++; }
			doplay( true );  
			if (autoplay) {
				 inter=setinterval(function(){ index++; doplay() }, intertime); 
			}
		}

		conbox.removeeventlistener(touchmove, tmove, false);
		conbox.removeeventlistener(touchend, tend, false);
	}


	//添加“触摸开始”事件监听
	conbox.addeventlistener(touchstart, tstart ,false);


}// touchslide e