// javascript document
$(document).ready(function() {
    
	var w=window.innerwidth || document.documentelement.clientwidth || document.body.clientwidth;
    var h=window.innerheight || document.documentelement.clientheight || document.body.clientheight;
	
	var indexprow=$(".index_bar5 .box").width()/6;
	if($(window).width()<767){
		var indexprow=$(".index_bar5 .box").width()/4;
		}
	var indexprol=$(".index_bar5 .box ul li").length;
	$(".index_bar5 .box  ul li").css({"width":indexprow});
	$(".index_bar5 .box  ul").css({"width":indexprow*indexprol,"margin-left":-indexprow});
	$(".index_bar5 .box  ul li").first().before($(".index_bar5 .box  ul li").last());
	function indexproleft(){
		$(".index_bar5 .box  ul").animate({"margin-left":0},500,function(){
			$(".index_bar5 .box  ul").css({"margin-left":-indexprow});
			$(".index_bar5 .box  ul li").first().before($(".index_bar5 .box  ul li").last());
			});
		}
	function indexproright(){
		$(".index_bar5 .box  ul").animate({"margin-left":-2*indexprow},500,function(){
			$(".index_bar5 .box  ul").css({"margin-left":-indexprow});
			$(".index_bar5 .box  ul li").last().after($(".index_bar5 .box  ul li").first());
			});
		}
	$(".index_bar5 .box  ul").hammer().on("swiperight",function(){
		indexproleft();
		});
	$(".index_bar5 .box  ul").hammer().on("swipeleft",function(){
		indexproright();
		});
	
	$(".index_bar5 .btn .left").hammer().on("tap",function(){
		indexproleft();
		});
	$(".index_bar5 .btn .right").hammer().on("tap",function(){
		indexproright();
		});
	var time=setinterval(indexproright,4000)
	$(".index_bar5 .btn").mouseover(function(){clearinterval(time)
			}).mouseout(function(){time=setinterval(indexproright,4000)
				})
});