//***************************************************代码区域******
$(function(){
	$(".marquee").marquee({
		step : 410 ,			//步长(像素)
		delay : 5000 ,			//延时(毫秒)
		direction : "l",		//方向(上=t, 下=b, 左=l, 右=r)
		btnl : ".btnl",			//按钮左
		btnr : ".btnr"			//按钮右
	});
	$(".prodimglist").marquee({
		step : 1 ,				//步长(像素)
		delay : 20 ,			//延时(毫秒)
		direction : "t",		//方向(上=t, 下=b, 左=l, 右=r)
		rownum: 3,				//每行个数
		btnt : ".btnt",			//按钮上
		btnb : ".btnb"			//按钮下
	});
	
});

/* 
* marquee 0.9 无缝移动
* copyright (c) 2014 zhibinpu
* date: 2014-12-12
* jquery-1.11.1.min.js
* 使用方法：
	加载jquery库
	加载本插件
*/ 
(function($){ 
	$.fn.marquee = function(options){

		var defaults = {
			step : 1 ,				//步长(像素)
			delay : 20 ,			//延时(毫秒)
			direction : "t",		//方向(上=t, 下=b, 左=l, 右=r)
			btnt : "",				//按钮上
			btnb : "",				//按钮下
			btnl : "",				//按钮左
			btnr : "",				//按钮右
			rownum : 1				//每行的个数（用于上下滚动）
		}

		var options = $.extend(defaults, options);

		var step = options.step;
		var delay = options.delay;
		var direction = options.direction;

		var $canvas = this;						//画布
		var $cont = this.find("ul");			//内容
		var $contunit = $cont.find("li");		//内容元素

		var canvaswidth = $canvas.width();		//画布宽度
		var canvasheight = $canvas.height();	//画布高度

		var contwidth;							//内容宽度
		var contheight;							//内容高度

		var scrollrange = 0;					//移动距离

		var myinterval;							//定时器

		init();		//初始化

		//初始化
		function init(){
			if(direction == "l" || direction == "r"){
				//判断画布是否小于内容宽度
				if(canvaswidth<getcontwidth()){
					//复制内容
					copycont();
					//内容的宽度设置
					$cont.width(getcontwidth());
					//移动
					startmove();

					$canvas.mouseover(function(){stopmove();});
					$canvas.mouseout(function(){startmove();});
					
				}
			}else if(direction == "t" || direction == "b"){
				//判断画布是否小于内容高度
				var contheight = getcontheight();
				if(canvasheight<getcontheight()){
					//复制内容
					copycont();
					//内容的高度设置
					$cont.height(getcontheight());
					
					//移动
					startmove();
					
					$canvas.mouseover(function(){stopmove();});
					$canvas.mouseout(function(){startmove();});
				
				}
			}else{
				alert("方向(direction)参数错误：(上=t, 下=b, 左=l, 右=r)")
			}
		}

		//复制内容并重新获取内容
		function copycont(){
			$contunit.clone().appendto($cont);
			$contunit = $cont.find("li");
		}

		//计算内容宽度
		function getcontwidth(){
			var res = 0;
			for(i=0; i<$contunit.length; i++){
				res += $contunit.eq(i).outerwidth(true);
			}
			contwidth = res ;
			return contwidth;
		}

		//计算内容高度
		function getcontheight(){
			var res = 0;
			for(i=0; i<$contunit.length; i++){
				res += $contunit.eq(i).outerheight(true);
			}
			contheight = res / options.rownum;
			return contheight;
		}

		//********移动效果********************************************************
		//开始移动
		function startmove(){
			if(direction == "l"){
				myinterval = setinterval(movel,delay);
			}else if(direction == "r"){
				myinterval = setinterval(mover,delay);
			}else if(direction == "t"){
				myinterval = setinterval(movet,delay);
			}else if(direction == "b"){
				myinterval = setinterval(moveb,delay);
			}

		}

		// 向左移动
		function movel(){
			if(step>10 && delay>1000){
				if(scrollrange>=contwidth/2){
					scrollrange = 0;
					$canvas.scrollleft(scrollrange);
				}
				scrollrange = scrollrange+1*step;
				$canvas.animate({scrollleft:(scrollrange)}, "normal", "swing");
			}else{
				if(scrollrange>contwidth/2){
					scrollrange = 0;
				}
				scrollrange = scrollrange+1*step;
				$canvas.scrollleft(scrollrange);
			}
		}

		// 向右移动
		function mover(){
			if(step>10 && delay>1000){
				if(scrollrange<=0){
					scrollrange = contwidth/2;
					$canvas.scrollleft(scrollrange);
				}
				scrollrange = scrollrange-1*step;
				$canvas.animate({scrollleft:(scrollrange)}, "normal", "swing");
			}else{
				if(scrollrange<0){
					scrollrange = contwidth/2;
				}
				scrollrange = scrollrange-1*step;
				$canvas.scrollleft(scrollrange);
			}
		}
		
		// 向上移动
		function movet(){
			if(step>10 && delay>1000){
				if($canvas.scrolltop()>=contheight/2){
					scrollrange = 0;
					$canvas.scrolltop(scrollrange);
				}
				scrollrange = scrollrange+1*step;
				$canvas.animate({scrolltop:(scrollrange)}, "normal", "swing");
			}else{
				if(scrollrange>contheight/2){
					scrollrange = 0;
				}
				scrollrange = scrollrange+1*step;
				$canvas.scrolltop(scrollrange);
			}
		}

		// 向下移动
		function moveb(){
			if(step>10 && delay>1000){
				if($canvas.scrolltop()<=0){
					scrollrange = contheight/2;
					$canvas.scrolltop(scrollrange);
				}
				scrollrange = scrollrange-1*step;
				$canvas.animate({scrolltop:(scrollrange)}, "normal", "swing");
			}else{
				if(scrollrange<0){
					scrollrange = contheight/2;
				}
				scrollrange = scrollrange-1*step;
				$canvas.scrolltop(scrollrange);
			}
		}

		//停止移动
		function stopmove(){
			clearinterval(myinterval);
		}

		////********按钮动作********************************************************
		$(options.btnt).css({"cursor": "pointer"}).click(function(){
			stopmove();
			direction = "t";
			movet();
			startmove()
		});
		$(options.btnb).css({"cursor": "pointer"}).click(function(){
			stopmove();
			direction = "b";
			moveb();
			startmove()
		});
		$(options.btnl).css({"cursor": "pointer"}).click(function(){
			stopmove();
			direction = "l";
			movel();
			startmove()
		});
		$(options.btnr).css({"cursor": "pointer"}).click(function(){
			stopmove();
			direction = "r";
			mover();
			startmove()
		});

	}

})(jquery);