$(function(){
	$(".b-tabs dt").click(function(){
		$(this).siblings(".current").removeClass("current").end().addClass("current").next().addClass("current");
	});
	
	$(".b-tabs dd").each(function(i){
		var $this = $(this),
			$ul = $this.find("ul");

		if ($ul.children().length > 4) {
			var $larr = $this.find(".larr"),
				$rarr = $this.find(".rarr"),
				animated = false;

			$larr.click(function(e){
				if (!animated) {
					animated = true;

          var $li = $ul.find("li:last-child");
          _width = - ( $li.width() + 64 );

					$ul.find("li:last-child").css({ marginLeft: _width }).prependTo($ul).animate({ marginLeft: "0px" }, 800, "swing", function(){
						animated = false;
            $ul.find('li').css({visibility : 'visible'});

            l_ul_offset = $($ul).position().left;
            l_li_offset = $('li:last-child', $ul).position().left;

            if ( l_li_offset + $('li:last-child', $ul).width() > 768 ) {
              $('li:last-child', $ul).css({visibility : 'hidden'});

              l_li_offset = $('li:last-child', $ul).prev().position().left;
              if ( l_li_offset + $('li:last-child', $ul).prev().width() > 768 )
                $('li:last-child', $ul).prev().css({visibility : 'hidden'});
            }
					});
				}
				return false;
			}).show();

      $rarr.click(function(e){
				if (!animated) {
					animated = true;
					var $li = $ul.find("li:first-child");
          _width = - ( $li.width() + 64 );

					  $li.animate({ marginLeft: _width }, 800, "swing", function() {
						$li.appendTo($ul).css({ marginLeft: "0px" });
						animated = false;
            $ul.find('li').css({visibility : 'visible'});

            l_ul_offset = $($ul).position().left;
            l_li_offset = $('li:last-child', $ul).position().left;

            if ( l_li_offset + $('li:last-child', $ul).width() > 768 ) {
              $('li:last-child', $ul).css({visibility : 'hidden'});

              l_li_offset = $('li:last-child', $ul).prev().position().left;
              if ( l_li_offset + $('li:last-child', $ul).prev().width() > 768 )
                $('li:last-child', $ul).prev().css({visibility : 'hidden'});
            }
					});
				}
				return false;
			}).show();
		};
	});
})