;(function($){
	$(document).ready(
		function () {
			$('#recommend > ul').addClass('content');
			$('#recommend > ul.content').after('<div class="page_navigation"></div>');
			$('.page_navigation').before('<div id="show_products">商品表示数&nbsp;&nbsp;<select id="per_page"><option value="20">20件</option><option value="50">50件</option><option value="100">100件</option></select></div>');
			// cookie 有効期限を30分に設定
			var date = new Date();
			date.setTime(date.getTime() + (30 * 60 * 1000));
			// 表示件数の取得
			var per_page = 20;
			if($.cookie('per_page')){
				per_page = parseInt($.cookie('per_page'));
				if($.type(per_page) !== "number" && per_page !='20' && per_page !='50' && per_page !='100'){
					// 表示件数をクリア
					per_page = 20;
					$.cookie('per_page',20,{expires:date});
				}
			};
			// 表示ページの取得
			var page_no = 0;
			if($.cookie('page_no')){
				page_no = parseInt($.cookie('page_no'));
				if($.type(page_no) !== "number"){
					// ページ番号のクリア
					page_no = 0;
					$.cookie('page_no',0,{expires:date});
				};
			};
			
			$('#recommend').pajinate({
				items_per_page : parseInt(per_page),
				nav_label_prev : '<<前のページ',
				nav_label_next : '次のページ>>',
				page_no        : parseInt(page_no)
			});
			// 表示件数設定
			$('#per_page').val(per_page);
		}
	);

	// 表示件数切り替え
	$( function(){
		$('#per_page').change(function(){
			var per_page = $('#per_page').val();
			if(per_page !='20' && per_page !='50' && per_page !='100'){
				per_page = 20;
			};
			$('#recommend').pajinate({
				items_per_page : parseInt(per_page),
				nav_label_prev : '<<前のページ',
				nav_label_next : '次のページ>>'
			});
			var HashOffset = $('#recommend').offset().top;
			$("html,body").animate({
				scrollTop: HashOffset
			}, 1000);
			// 表示件数を保存
			$.cookie('per_page',per_page,{expires:1});
			// ページ番号のクリア
			$.cookie('page_no',0,{expires:1});
		});
	});

	$(document).ready(
		function() {
			$('#list_area #pagenavi_top').before('<div class="page_navigation"></div>');
			$('#list_area #pagenavi_bottom').after('<div class="page_navigation"></div>');
			$('#list_area #list_element').addClass('content');
			
			// cookie 有効期限を30分に設定
			var date = new Date();
			date.setTime(date.getTime() + (30 * 60 * 1000));
			
			// 名前作成のためURLのGETを使用
				var vars = [], hash; 
				var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
				for(var i = 0; i < hashes.length; i++) { 
					hash = hashes[i].split('=');
					vars.push(hash[i]); 
					vars[hash[0]] = hash[1]; 
				};
				
			// 表示ページの取得
			var page_no = 0;
			var cookie_name = 'page_no' + vars['category_id'];
			if($.cookie(cookie_name)){
				page_no = parseInt($.cookie(cookie_name));
				if($.type(page_no) !== "number"){
					// ページ番号のクリア
					page_no = 0;
					$.cookie(cookie_name,0,{expires:date});
				};
			};
			$('#list_area').pajinate({
				items_per_page: 16,
				nav_label_prev : '<<前のページ',
				nav_label_next : '次のページ>>',
				page_no        : parseInt(page_no),
				cookie_name    : cookie_name
			});
		}
	);

})(jQuery);