function dockMenu()
{


	$('#menuDock').each(function(){
		dock = $(this);
		$(dock).attr('page', '1');
		contents = $(dock).find('.contents');
		items = $(contents).find('.list li');
	

                perpage = Math.floor($(contents).width() / $(items).outerWidth(true));
		$(contents).width(($(items).outerWidth(true)) * perpage);
                $(contents).css('margin-left', Math.round((($(contents).parent().width() - $(contents).width()) /2)));
		pages = Math.round($(items).length / (perpage - 1));
         

		$(dock).children('.arrowLeft').addClass('noArrow');
		if (pages > 1)
		{
			$(dock).children('.arrowRight').removeClass('noArrow');
		}
	});
	$('#menuDock .arrowLeft').click(function(){
		dock = $(this).parents('#menuDock');
		contents = $(dock).find('.contents');
		items = $(contents).find('.list li');

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

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

			$(this).parents('#menuDock').children('.arrowRight').removeClass('noArrow');
		}
		if ((page - 1) <= 1) {
			$(this).addClass('noArrow');
		}
		else {
			$(this).removeClass('noArrow');
		}
	});
        
	$('#menuDock .arrowRight').click(function(){
		dock = $(this).parents('#menuDock');
		contents = $(dock).find('.contents');
		items = $(contents).find('.list li');

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

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

			$(this).parents('#menuDock').children('.arrowLeft').removeClass('noArrow');
		}

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



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