$(function(){cateSort.init();});

var cateSort = {

	//apps : null,
	//lists : null,
	$cateNavList : null,
	$cateSortBtn : null,
	$cMainArticleArea : null,
	cateSortFixPos : null,
	$cateNav : null,
	cateNavNum : null,
	currentSortCate : "0_0",
	resetCate : true,
	scrollandLoding : true,
	$cArticleArea : null,
	cArticleAreaPos : null,
	

	//-------------------------------------------------
	// initialize
	//-------------------------------------------------
	init : function() {


		// add Article List	
		cateSort.$cArticleArea = $(".c-article-area");
		cateSort._onJsonLoaded(cateSort.currentSortCate);

		// onEnterFrame Action
		EnterFrameManager.add(cateSort.onEnterFrame);

		// start Category sort Nav
		cateSort._categorySortNav();

		// cate sort nav fix
		cateSort.$cMainArticleArea = $(".c-main-article-area");
		cateSort.$cateNav = $(".c-cate-nav");
		cateSort.cateSortFixPos = cateSort.$cMainArticleArea.offset().top;
		

	},

	//-------------------------------------------------
	// Category sort Nav
	//-------------------------------------------------
	_categorySortNav : function() {

		
		cateSort.$cateNavList = $(".c-cate-nav-list");
		cateSort.$cateSortBtn = $(".cate-sort-btn");
		cateSort.$cateNavList.addClass("c-cate-nav-anime");
		var currentCateHeight;

	
		cateSort.$cateSortBtn.click(function(){
			

			var currentCate = $(this).siblings(".cate-sort-btn"),
				currentCateCount = currentCate.length + 1;
			
			cateSort.cateNavNum = $(this).attr("date-cate");


			currentCateHeight = currentCateCount * 36 + 23;
			
			// judgment reset category
			if(cateSort.currentSortCate == $(this).attr("date-sort-cate")){
				cateSort.resetCate = true;
			}
			else {	
				
				cateSort.resetCate = false;
				cateSort.scrollandLoding = false;
				cateSort.$cArticleArea.empty();
				$("html, body").animate({scrollTop: cateSort.cateSortFixPos}, 600, "swing",function(){
					cateSort.scrollandLoding = true;
				});
			}


			cateSort.currentSortCate = $(this).attr("date-sort-cate");

			cateSort.$cateSortBtn.removeClass("cate-active");
			//$(this).addClass("cate-active");

			if (cateSort.currentSortCate.match(/_0/i)) {
				$(this).addClass("cate-active");
			}
			else {
				$(currentCate).eq(0).addClass("cate-active");
				$(this).addClass("cate-active");
			}


			//　list height adjust
			cateSort.$cateNavList.css("height", "59px");

			$(this).parent().parent(cateSort.$cateNavList).css("height", currentCateHeight + "px");



			cateSort._onJsonLoaded(cateSort.currentSortCate);


		});


		
		cateSort.$cateNavList.mouseenter(function(){
			var listCount = $(this).find(cateSort.$cateSortBtn).length,
			listHeight = listCount * 36 + 23;
		
			
			$(this).css("height", listHeight + "px");

		})


		cateSort.$cateNavList.mouseleave(function(){
			cateSort.$cateNavList.css("height", "59px");
			cateSort.$cateNavList.eq(cateSort.cateNavNum-1).css("height", currentCateHeight + "px");

		});
		

	},


	_onJsonLoaded : function(currentCategory) {
		
		

		var jsonURL = '/js/pc/article_data.php?w=&sp=22&c=' + currentCategory,
			showArticleNum = 12;

		var cateFlag = function(cate){
			switch (cate){
			
			case "PERSON":
					return 1;
				break;
			
			case "LIFESTYLE":
					return 2;
				break;
			
			case "UNIVERSITY":
					return 3;
				break;
			
			case "MONO":
					return 4;
				break;

			case "CREATION":
					return 5;
				break;
			
			case "EVENT":
					return 6;
				break;

			case "SOCIETY":
					return 7;
				break;

			case "JOB":
					return 8;
				break;

			case "PLACE":
					return 9;
				break;
			}
			
		}

		var addArticleGenerator = function(list){
			
			cateSort.$cArticleArea.append(list);
			
		}


		$.ajax({
				url: jsonURL,
				dataType: 'json',
				success : function(data){
					var articleData = data["article"],
					articleLen = articleData.length,
					addArticleLen = $('.c-article-list').length,
					setAdj = (articleLen) - (addArticleLen),
					setBeg = (articleLen) - (setAdj),
					addArticleList = "";

					if(showArticleNum > articleLen) {
						showArticleNum = articleLen;
					}
			
					if(!(articleLen == addArticleLen)){
						
						
						if(addArticleLen == 0){
			
							// 初期表示
							for (var i = 0; i < showArticleNum; i++) {

									var category =  articleData[i].category,
										cateNum = cateFlag(category);

									var articleList = [

										'<li class="c-article-list is-cf"><div class="c-article-list-thumb-area is-fl is-p-rela"><a href="',
										articleData[i].link,
										'" class="c-article-list-link com-link"><img src="',
										articleData[i].imgPath,
										'" class="c-article-list-img" width="360" height="160"><div class="com-link-hover is-p-abso"></div></a><span class="c-article-cate-icon com-cate_0',
										cateNum,
										' is-sprite is-p-abso">',
										category,
										'</span></div><div class="c-article-list-txt-area is-fl"><h4 class="c-article-list-ttl is-font-size_18 is-fontW_500"><a href="',
										articleData[i].link,
										'" class="c-article-list-ttl-link com-txt-link">',
										articleData[i].ttl,
										'</a></h4><ul class="c-articles-wr is-cf"><li class="c-articles-wr-list_01 c-articles-wr-list is-fl"><a href="',
										articleData[i].wrLink,
										'" class="c-articles-wr-icon"><img src="',
										articleData[i].wrIconPath,
										'" class="c-articles-wr-icon-img is-circle_26" width="26" height="26"></a></li><li class="c-articles-wr-list_02 c-articles-wr-list is-fl"><a href="',
										articleData[i].wrLink,
										'" class="c-articles-wr-link is-font-size_14 com-txt-link">',
										articleData[i].writer,
										' </a></li><li class="c-articles-wr-list_03 c-articles-wr-list is-cf is-fl"><span class="c-articles-pv is-fl is-block is-font-size_14">',
										articleData[i].pv,
										'</span><span class="c-articles-pv-icon com-pv-icon is-sprite is-fl">pv</span></li></ul></div></li>'


									].join("");

									
									addArticleGenerator(articleList);
								
							}
						}
						
						else if(addArticleLen > 0 && addArticleLen < articleLen){
							
							if(showArticleNum < setAdj){
								// 2回目以降の表示
							
								for (var i = 0; i < showArticleNum; i++) {
									v = i + setBeg;

									var category =  articleData[i].category,
										cateNum = cateFlag(category);

									var articleList = [

										'<li class="c-article-list is-cf"><div class="c-article-list-thumb-area is-fl is-p-rela"><a href="',
										articleData[v].link,
										'" class="c-article-list-link com-link"><img src="',
										articleData[v].imgPath,
										'" class="c-article-list-img" width="360" height="160"><div class="com-link-hover is-p-abso"></div></a><span class="c-article-cate-icon com-cate_0',
										cateNum,
										' is-sprite is-p-abso">',
										category,
										'</span></div><div class="c-article-list-txt-area is-fl"><h4 class="c-article-list-ttl is-font-size_18 is-fontW_500"><a href="',
										articleData[v].link,
										'" class="c-article-list-ttl-link com-txt-link">',
										articleData[v].ttl,
										'</a></h4><ul class="c-articles-wr is-cf"><li class="c-articles-wr-list_01 c-articles-wr-list is-fl"><a href="',
										articleData[v].wrLink,
										'" class="c-articles-wr-icon"><img src="',
										articleData[v].wrIconPath,
										'" class="c-articles-wr-icon-img is-circle_26" width="26" height="26"></a></li><li class="c-articles-wr-list_02 c-articles-wr-list is-fl"><a href="',
										articleData[v].wrLink,
										'" class="c-articles-wr-link is-font-size_14 com-txt-link">',
										articleData[v].writer,
										' </a></li><li class="c-articles-wr-list_03 c-articles-wr-list is-cf is-fl"><span class="c-articles-pv is-fl is-block is-font-size_14">',
										articleData[v].pv,
										'</span><span class="c-articles-pv-icon com-pv-icon is-sprite is-fl">pv</span></li></ul></div></li>'


									].join("");

									addArticleGenerator(articleList);
									
								}
							}
						
						else if(showArticleNum >= setAdj){
							
							// showArticleNum数より残データの数が少ない場合
						
							for (var i = 0; i < setAdj; i++) {
								v = i + setBeg;

								var category =  articleData[i].category,
									cateNum = cateFlag(category);

								var articleList = [

									'<li class="c-article-list is-cf"><div class="c-article-list-thumb-area is-fl is-p-rela"><a href="',
									articleData[v].link,
									'" class="c-article-list-link com-link"><img src="',
									articleData[v].imgPath,
									'" class="c-article-list-img" width="360" height="160"><div class="com-link-hover is-p-abso"></div></a><span class="c-article-cate-icon com-cate_0',
									cateNum,
									' is-sprite is-p-abso">',
									category,
									'</span></div><div class="c-article-list-txt-area is-fl"><h4 class="c-article-list-ttl is-font-size_18 is-fontW_500"><a href="',
									articleData[v].link,
									'" class="c-article-list-ttl-link com-txt-link">',
									articleData[v].ttl,
									'</a></h4><ul class="c-articles-wr is-cf"><li class="c-articles-wr-list_01 c-articles-wr-list is-fl"><a href="',
									articleData[v].wrLink,
									'" class="c-articles-wr-icon"><img src="',
									articleData[v].wrIconPath,
									'" class="c-articles-wr-icon-img is-circle_26" width="26" height="26"></a></li><li class="c-articles-wr-list_02 c-articles-wr-list is-fl"><a href="',
									articleData[v].wrLink,
									'" class="c-articles-wr-link is-font-size_14 com-txt-link">',
									articleData[v].writer,
									' </a></li><li class="c-articles-wr-list_03 c-articles-wr-list is-cf is-fl"><span class="c-articles-pv is-fl is-block is-font-size_14">',
									articleData[v].pv,
									'</span><span class="c-articles-pv-icon com-pv-icon is-sprite is-fl">pv</span></li></ul></div></li>'


								].join("");

								addArticleGenerator(articleList);
							}
						}
					}

					else if(addArticleLen == articleLen){
						
						return false;
					}
					}
					else {
						
						return false;
					}


							
				},
				complete : function(){
					return false;
				}
			});

		
			return false;

	},

		//-------------------------------------------------
	// enterframe
	//-------------------------------------------------
	onEnterFrame : function() {	

		// cate sort fix
		if( EnterFrameManager.scrollTop > cateSort.cateSortFixPos) {
			cateSort.$cateNav.addClass("c-cate-nav-fix");
			
		}else {
			cateSort.$cateNav.removeClass("c-cate-nav-fix");
		}

		// cate sort fix
		var winHeight = window.innerHeight ? window.innerHeight : $(window).height(),
			posBottom = $(document).height() - winHeight;
		
		// onJsonLoaded next
		if(EnterFrameManager.scrollTop == posBottom && cateSort.scrollandLoding) {
			var adjScrTop = $(document).scrollTop();
			
		
			// add Article List	
			cateSort._onJsonLoaded(cateSort.currentSortCate);

			$('html, body').animate({scrollTop:(adjScrTop) - 1},0);


		}


	}


}