前の配列だったり、次の配列だったり

前の配列を参照したり、次の配列を参照したり。
本来は同処理は吸収したほうが良いがとりあえずメモとして...。

	
	var statusDatas = {
		'list' : [{
			'data' : 'first',
			'css'  : 'firstCss'
		},{
			'data' : 'second',
			'css'  : 'secondCss'
		},{
			'data' : 'third',
			'css'  : 'thirdCss'
		},{
			'data' : 'fourth',
			'css'  : 'fourthCss'
		}],
		'next' : function(status){
			var list = this.list,
				max = list.length,
				key = 0;
			for (var i = 0; i < max; i++) {
				if (status !== list[i].data) continue;
				key = i === (max-1) ? 0 : (i + 1);
				//console.log("NEXT :", i, max, key);
				return this.list[key];
			}
			return "";
		},
		'prev' : function(status){
			var list = this.list,
				max = list.length,
				key = 0;
			for (var i = 0; i < max; i++) {
				if (status !== list[i].data) continue;
				key = i === 0 ? max-1 : i-1;
				//console.log("PREV :", i, max, key);
				return this.list[key];
			}
		}
	};
	$(function(){
		$(document).on('click', 'ul.list li', function(){
			var $this = $(this),
				status = $this.attr('data-change-test'),
				next,
				prev;
			next = statusDatas.next(status);
			prev = statusDatas.prev(status);
			
			
			console.log("NEXT:",next, "PREV:",prev);
		});
		
		
	});