/**
 * カルーセル
 */
$(document).ready( function()
{

	// 4つ目にクラスをつける
	$(".carousel").each(function(){
		var carouselItem = 1;
		$(this).children('.carouselItem').each(function(){

			var commodityItem = 1;
			$(this).children('.commodityItem').each(function(){
				var count = commodityItem % 4;
				if (count == 0) {
					$(this).addClass('comLast');
				}
				commodityItem++;
			});

			if (carouselItem > 1) {
				$(this).hide();
			}

			$(this).addClass('carousel' + carouselItem);
			carouselItem++;
		});
		var max = carouselItem - 1;

		// 現在のページ
		var page = 1;

		$(this).parent().children('.pageInfo').children('.page').html(page);
		$(this).parent().children('.pageInfo').children('.item').html(max);

		// 次へクリック
		var rightButton = $(this).parent().children('.rightbtn').children('p').children('img.roll');
		var leftButton  = $(this).parent().children('.leftbtn').children('p').children('img.roll');

		rightButton.click(function(){
			var target = $(this).parent().parent().parent().children('.carousel');
			var hide   = target.children(':visible');
			var show   = hide.next();
			var btn    = $(this).parent();

			hide.hide();
			show.show();

			page = page + 1;
			target.parent().children('.pageInfo').children('.page').html(page);

			
			// 最後のページの場合はリンク削除
			if (page == max)
			{
				btn.hide();
			}
			//前へボタンを表示
			if (page != 1) {
				leftButton.parent().show();
			}
		});

		// 前へクリック
		leftButton.click(function(){
			var target = $(this).parent().parent().parent().children('.carousel');
			var hide   = target.children(':visible');
			var show   = hide.prev();
			var btn    = $(this).parent();

			hide.hide();
			show.show();

			page = page - 1;
			target.parent().children('.pageInfo').children('.page').html(page);

			// 最後のページの場合はリンク削除
			if (page == 1)
			{
				btn.hide();
			}
			//前へボタンを表示
			if (page != max) {
				rightButton.parent().show();
			}
		});

	});
});

function changePage(page)
{
	$('.recommendation .pageInfo .page').html(page);
}