// javascript document
(function($){
	$.number = function (num) {
        return parseint(num.replace("px", ""));
    }
	$.fn.scrollx = function(o){
		var o =  $.extend({speed:"slow",num:4,easing:"easeoutquad"}, o || {});
		this.each(function(){
		    var $tab = $(this).find(".scrolllist");
			var $tabconten = $(this).find(".div_conten ul");
			var $tabcontenlist = $tabconten.find("li");
			var $this = $tab.find("ul");
			var $list = $tab.find("li");
			var $prev = $(this).find(".prev");
			var $next = $(this).find(".next");
			if($list.length<=o.num){
				$prev.hide();
				$next.hide();
				return;	
			}
			var listwidth = $list.width()+$.number($list.css("marginright"))+$.number($list.css("marginleft"))+$.number($list.css("paddingright"))+$.number($list.css("paddingleft"));
			var listwidth2 = $tabcontenlist.width();
			var scrollwidth = listwidth*o.num;
			var scrollwidth2 = listwidth2*o.num;
			var width = $list.length*listwidth;
			var width2 = $list.length*listwidth2;
			var left = 0;
			var left2 = 0;
			$this.css("width",width);
			$tabconten.css("width",width2);
			$prev.addclass("no");
			$prev.click(function(){
				left = left+scrollwidth;
				left2 = left2+scrollwidth2;
				scrollplay();
				$next.removeclass("no");
			})
			$next.click(function(){
				left = left-scrollwidth;
				left2 = left2-scrollwidth2;
				scrollplay();
				$prev.removeclass("no");	
			})
			function scrollplay(){
				if(left>0){
					left = 0;
					left2 = 0;
					$prev.addclass("no");
					
				}else if(left<-width+scrollwidth){
					left = -width+scrollwidth;
					left2 = -width2+scrollwidth2;	
					$next.addclass("no");
					
				}
				$this.animate({left:left},o.speed,o.easing);
				$tabconten.animate({left:left2},o.speed,o.easing);
			}
		})
	}
})(jquery)