//サイト毎固有情報定義
var per_page = 30;		//１ページあたりの表示件数

//内部利用変数定義
var take_count = 0;
var first = true;
var loadOk = false;
var safe_search = "active";		//googleリクエストのセーフサーチ：高→"active" 中→"" なし→"off"
var image_count = 0;

//描画処理
function dataDisplay(){
	if (loadOk == false) {
		//データ読み込みが完了していなければループ
		setTimeout(dataDisplay, 500);
		return false;
	}
	loadOk = false;

	list = video_search.get();
	makeThumb(list);

	ret = false;
	if(list.length < per_page && list.length != take_count && take_count > -1 && list.length > 0){
		take_count = (take_count ? take_count : per_page) - list.length;
		first = true;
		ret = video_search.search(per_page);
		if(ret == false){
			return;
		}
	}
	//ページングナビ表示
	if(take_count > -1 && list.length > 0 && !ret){
		$j("#image_list p.more a").css("display", "block");
	}
	take_count = 0;
	//ローディング非表示
	$j("div.loading").css("display", "none");
	//総件数表示
	$j("#image_list p.count strong").text(video_search.getResultCount());

	//次ページのデータを取得
	first = false;
	if(list.length > 0){
		video_search.nextpage();
	}
}

//以下基本的に編集の必要は無いはず-------------------------------------------

function makeThumb(list){
	var ul = $j('#image_list ul');
	for(i=0; i<list.length; i++){

		var image = list[i];
		// li 要素の生成
		var li = document.createElement('li');
		li.className = "heightLine";
//		li.style.height = "14px";

		// a 要素の生成
		var atag = document.createElement('a');
		atag.className = "thumb";
		atag.href = image['video'];
//		atag.href = image['thumb'];
		atag.rel = ++image_count;
		atag.title = image['name'];

		// span 要素の作成
//		var span = document.createElement('span');
//		span.className = "thumb";

		// img 要素の生成
		var img = document.createElement('img');
		img.src = image['thumb'];
		img.alt = image['name']; 

		var titleatag = document.createElement('a');
		titleatag.href = image['video'];
		titleatag.rel = image_count;
		titleatag.title = image['name'];
		titleatag.appendChild(document.createTextNode(image['name']));

//		span.appendChild(img);
//		atag.appendChild(span);
		atag.appendChild(img);
		li.appendChild(atag);
		li.appendChild(titleatag);
		ul.append(li);
	}
	//LightBox配置
	$j(".heightLine a").unbind("click");
	$j(".heightLine a").bind("click", function(event){imageClick(event); return false;});

}

function init() {
	video_search = new cls_video_search();
	initAjaxStop();
	video_search.search(per_page);
}

function initAjaxStop(){
	//ページングナビ非表示
	$j("#image_list p.more a").css("display", "none");

	//取得結果を表示
	$j("#image_list").ajaxStop(function(){
		loadOk = true;
		if(first) {
			$j("#image_list p.more a").click();
		}
	});

	$j("#image_list p.more a").click(function(){
		$j("div.loading").css("display", "block");
		$j("#image_list p.more a").css("display", "none");

		setTimeout(dataDisplay, 0);

		return false;
	});
}