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

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

//描画処理
function dataDisplay(){
	if (loadOk == false) {
		//データ読み込みが完了していなければループ
		setTimeout(dataDisplay, 500);
		return false;
	}
	loadOk = false;
	if(take_count == 0){
		//初期取得
		list = image_search.get();
	}else{
		//補填時取得
		list = image_search.getMoreGet(per_page - take_count);
	}

	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['img'];
		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'];
		img.onerror = function(){this.src="/spopics/common/img/no-s.jpg"};
//		span.appendChild(img);
//		atag.appendChild(span);
		atag.appendChild(img);
		li.appendChild(atag);
		ul.append(li);

		take_count++;
	}
	//LightBox配置

	$j(".heightLine a").unbind("click");
	$j(".heightLine a").bind("click", function(event){imageClick(event); return false;});

	is_request = image_search.is_request();
	is_poolData = image_search.is_poolData();
	if(take_count < per_page && is_request == true){
		if(image_search.getMoreResult() == true){
			first = true;
			return;
		}
	}

	//ページングナビ表示
	is_request = image_search.is_request();
	is_poolData = image_search.is_poolData();
	if(is_request == true || is_poolData == true){
		$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(image_search.getResultCount());

	//次ページのデータを取得
	first = false;
	if(is_request == true){
		image_search.nextpage();
	}

		loadOk = true;
}

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

function init() {
	image_search = new cls_image_search();
	initAjaxStop();
	image_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;
	});
}