function _hookLists()
{
	$('*[list=horizontal]').each(function(){
		widget = $(this);
		$(widget).attr('page', '1');
		contents = $(widget).find('.contents');
		items = $(contents).find('.list li');
		$(items).width($(items).width());

		$(contents).width($(widget).width() - ($(widget).children('.arrowLeft').width() + $(widget).children('.arrowRight').width()));
		perpage = Math.floor($(contents).width() / $(items).width());
		$(contents).width($(items).width() * perpage);
		pages = Math.round($(items).length / (perpage - 1));

		$(widget).children('.arrowLeft').addClass('noArrow');
		if (pages > 1)
		{
			$(widget).children('.arrowRight').removeClass('noArrow');
		}
	});
	$('*[list=horizontal] .arrowLeft').click(function(){
		widget = $(this).parents('*[list=horizontal]');
		contents = $(widget).find('.contents');
		items = $(contents).find('.list li');

		perpage = Math.round($(contents).width() / $(items).width());
		page = parseInt(($(widget).attr('page'))?$(widget).attr('page'):0);
		pages = Math.round($(items).length / (perpage - 1));

		if (page > 1)
		{
			$(widget).attr('page', (page - 1));
			$(contents).find('.list').animate({
				'left':'+='+($(contents).find('.list li').width() * perpage)+'px'
			}, 1000);

			$(this).parents('*[list=horizontal]').children('.arrowRight').removeClass('noArrow');
		}
		if ((page - 1) <= 1) {
			$(this).addClass('noArrow');
		}
		else {
			$(this).removeClass('noArrow');
		}
	});
	$('*[list=horizontal] .arrowRight').click(function(){
		widget = $(this).parents('*[list=horizontal]');
		contents = $(widget).find('.contents');
		items = $(contents).find('.list li');

		perpage = Math.round($(contents).width() / $(items).width());
		page = parseInt(($(widget).attr('page'))?$(widget).attr('page'):0);
		pages = Math.round($(items).length / (perpage - 1));

		if (page < pages)
		{
			$(widget).attr('page', (page + 1));
			$(contents).find('.list').animate({
				'left':'-='+($(contents).find('.list li').width() * perpage)+'px'
			}, 1000);

			$(this).parents('*[list=horizontal]').children('.arrowLeft').removeClass('noArrow');
		}

		if ((page + 1) >= pages) {
			$(this).addClass('noArrow');
		}
		else {
			$(this).removeClass('noArrow');
		}
	});
}



$(document).ready(function(){
	_hookLists();
})