// top view control
j$(function() {
	
	// hide elements
	j$('#bt_more').hide();
	j$('#more_loading').hide();
	j$('#org_item').hide();
	
	j$('#contets_finder_person').hide();
	
	// TODO
	j$('ul.menu .new').hide();
	j$('ul.menu .search').hide();
	
	
	
	// init
	contents_list = j$('#contents_list');
	
	j$.data(contents_list, "mode", "update");
	j$.data(contents_list, "limit", "20");
	j$.data(contents_list, "is_even", false);
	j$.data(contents_list, "value", "");
	j$.data(contents_list, "has_more", false); 
	
	// 初期値設定
	j$.getJSON('/api/top_contents_list',{ mode: "update", limit: "20", start: "0"} , function(data) {
		console.log(data);
		j$.data(contents_list, "has_more", data.has_more);
		j$.data(contents_list, "current_num", data.current_num);
		
		// set more view
		if (j$.data(contents_list, "has_more") == true) {
			// more view
			j$('#bt_more').fadeIn();
		}
		// set even
		if (j$.data(contents_list, "current_num") % 2 == 0) {
			j$.data(contents_list, "is_even", true);
		}
		//alert(j$.data(contents_list, "is_even"));
		
	});
	
	// 人アクション
	j$('#person_action').click( function() {
		//console.log(this);
		clearBottunStyle();
		j$(this).addClass('crnt');
		
		clearContentsList();
		
		j$('#contets_finder_person').slideDown("slow");
		
		return false;
	}) ;
	
	// 更新順アクション
	j$('#update_action').click( function() {
		//j$('#contets_finder_person').hide();
		
		console.log(this);
		clearBottunStyle();
		j$(this).addClass('crnt');
		
		clearContentsList();
		
		j$.data(contents_list, "mode", "update");
		//j$.data(contents_list, "limit", "10");
		
		// 最初のリスト取得
		addContentsListMore();
		
		return false;
	}) ;
	
	
	// 人で探すやつ
	j$('#contets_finder_person a.find_person').click( function() {
		console.log(this);
		obj = j$(this);
		// 人ＩＤをセット
/*		a = obj.attr('rel');
		console.log(a);*/
		
		// パラメータセット
		j$.data(contents_list, "mode", "person");
		j$.data(contents_list, "value", obj.attr('rel'));
		//j$.data(contents_list, "limit", 5);
		clearContentsList();
		addContentsListMore();

		
		//alert('a');
		return false;
	}) ;
	
	// もっとみるアクション
	j$('#bt_more').click(function() {
		addContentsListMore();
		return false;
		
	});
	
	//detectCType();
	
	//-----------------トップバナー
	$banner_count = 0;
	$banner_array = new Array();
	$contents_rec = j$('#content_rec');
	j$('#content_rec a').each(function() {
		console.log(this);
		$id = j$(this).attr('id');
		if ($banner_count != 0) {
			j$(this).hide();
		}
		
		console.log($id);
		$banner_array[$banner_count] = $id;
		$banner_count++;
	});
	j$.data($contents_rec, "banner_array", $banner_array);
	j$.data($contents_rec, "banner_count", $banner_count);
	
	console.log($contents_rec);
	// 初期値
	j$.data($contents_rec, "banner_current", 0);
	
	// アクションセット
	setInterval(function(){
		// 入れ替え
		$item_count = j$.data($contents_rec, "banner_count");
		$current_num = j$.data($contents_rec, "banner_current");
		$item_array = j$.data($contents_rec, "banner_array");
		$next_num = $current_num + 1;
		
		$id = $item_array[$current_num];
		console.log($id);
		
		// 今のは隠す
		j$('#' + $id).hide();
		if ($next_num >= $item_count) {
			$next_num = 0;
		}
		$next_id = $item_array[$next_num];
		j$('#' + $next_id).fadeIn(1000);
		
		 j$.data($contents_rec, "banner_current", $next_num);
		
	}, 8000);
	//-----------------トップバナー
	
	
});
// ノーマルファンクション定義
// コンテンツの取得実行処理
function addContentsListMore() {
	// more view function
	j$('#bt_more').hide();
	j$('#more_loading').show();
	
	j$.getJSON('/api/top_contents_list',{ mode: j$.data(contents_list, "mode"), limit: j$.data(contents_list, "limit"), start: j$.data(contents_list, "current_num"), value: j$.data(contents_list, "value") } , function(data) {
		// do more
		j$.data(contents_list, "has_more", data.has_more);
		j$.data(contents_list, "current_num", data.current_num);
		
		j$.each(data.items, function() {
			// do each items
			//console.log(this);
			// make item
			var item = j$('#org_item').clone();
			item.removeAttr('id');
			// ----------modify item
			item.find('.item_a_title').text(this.c_title);
			item.find('.item_a_title').attr({
				href: this.c_url
			});
			item.find('.item_a_img').attr({
				href: this.c_url
			});
			
			// set even style
			if (j$.data(contents_list, "is_even") == true) {
				item.addClass('even');
				j$.data(contents_list, "is_even", false);
			} else {
				j$.data(contents_list, "is_even", true) ;
			}
			// クラスタイプ設定
			item.addClass(this.c_type_name);
			// 画像設定
			item.find(".item_image").attr({
				src: this.image_s_url,
				alt: this.c_title
			});
			// 説明
			desc = item.find("dd");
			desc.text(this.short_desc);
			desc.append('<span class="sub"></span>');
			sub = desc.find(".sub");
			if (this.is_new) {
				// 更新！
				sub.append('<span class="update">更新!!</span>');
			}
			// 日付追加
			sub.append(this.updated_formated + "");
			
			// image
			j$.each(this.member_list_main, function() {
				console.log(this);
				image = j$(document.createElement('img'));
				image.attr({
					src: this.image_s_url,
					alt: this.name
				});
				sub.append(image);
				
				text = j$(document.createElement('span'));
/*				text.attr({
					class: 'name'
				});*/
				text.addClass('name');
				text.text(this.name);
				sub.append(text);
				//sub.append('<img src="" alt="" />');
				
			});
			
			console.log(sub);
			// URL設定
			
			// ----------modify item
			j$('.items').append(item);
			//sleep(1);
			item.fadeIn(1000);
		});
		
		j$('#more_loading').hide();
		if (j$.data(contents_list, "has_more") == true) {
			j$('#bt_more').fadeIn();
		}
		
	});
}

/**
 * 検索関連ボタン初期化
 * 
 */
function clearBottunStyle() {
	
	j$('#update_action').removeClass('crnt');
	j$('#new_action').removeClass('crnt');
	j$('#person_action').removeClass('crnt');
	j$('#search_action').removeClass('crnt');
	
	j$('#contets_finder_person').slideUp("fast");
	//j$('#contets_finder_person').fadeOut(100);

	
}

/**
 * コンテンツリストクリア
 * 
 */
function clearContentsList() {
	var tmp_item = j$('#org_item').clone();
	// 中身をクリア
	j$('ul.items').empty();
	j$('ul.items').append(tmp_item);
	j$.data(contents_list, "current_num", 0);
	j$.data(contents_list, "is_even", false);
	j$.data(contents_list, "has_more", false); 
	
	j$('#bt_more').hide();
	j$('#more_loading').hide();

}