$(document).ready(function ()
{
	$(".scroller").scroller();
});

jQuery.fn.scroller=function ()
{
	$(this).each(function ()
	{
		var _n=Number($(this).attr("_n"));
		var _this=this;
		var _container=$(this).find(".scroller_container");
		var _container_mov=$(this).find(".scroller_container_mov");
		var _w=500;
		$(_container).width(_w);
		var _scroller_1=$(_container).find(".scroller_1");
		var _w1=_w / _n;
		var _scroller_2=$(_container).find(".scroller_2");
		var _scroller_l=$(this).find(".scroller_l").hoverClass("scroller_l_over");
		var _scroller_r=$(this).find(".scroller_r").hoverClass("scroller_r_over");
		var _scroller_play=$(this).find(".scroller_play");
		
		$(_scroller_2).width(_w1);
		$(_scroller_play).width(_w1);
		
		// Последнюю картинку влево
			var _last=$(_container_mov).find(".scroller_1:last");
			$(_container_mov).prepend(_last).css("left", -_w1);
		// Последнюю картинку влево End
		
		$(_container).scroller_1_pos({w1:_w1});
		/*$(_scroller_1).each(function (i)
		{
			var _l=i*_w1;
			$(this).css("margin-left", _l+"px").addClass("scroller_i_"+i);
		});*/
		
		var _move=false;
		
		// L Click
			$(_scroller_r).click(function ()
			{
				if (!_move)
				{
					_move=true;
					$(_container_mov).animate({left:-_w1*2}, 150, function ()
					{
						var _o=$(_container).find(".scroller_1:first");
						$(_container_mov).css("left", -_w1).append(_o);
						$(_container).scroller_1_pos({w1:_w1});
						_move=false;
					});
				}
				
				return false;
			});
		// L Click End
		
		// R Click
			$(_scroller_l).click(function ()
			{
				if (!_move)
				{
					_move=true;
					$(_container_mov).animate({left:0}, 150, function ()
					{
						var _o=$(_container).find(".scroller_1:last");
						$(_container_mov).css("left", -_w1).prepend(_o);
						$(_container).scroller_1_pos({w1:_w1});
						_move=false;
					});
				}
				
				return false;
			});
		// R Click End
	});
	
	return this;
};

// Scroller_1_pos
	jQuery.fn.scroller_1_pos=function (params)
	{
		$(this).find(".scroller_1").each(function (i)
		{
			var _l=i*params.w1;
			$(this).css("margin-left", _l+"px").addClass("scroller_i_"+i);
		});
		
		return this;
	};
// Scroller_1_pos End

