var imgid = "";
var m = "";
var ms = "";
var q = "";
var p = "";

function $(tagId){
	return document.getElementById(tagId);
}

//
function ywsSearch(){
	// ページ番号クリア
	$('p').value = 0;
	// 表示済みデータクリア
	$('web').innerHTML = "";
	$('img').innerHTML = "";
	// 検索実行
	ywsSearchOn();
}

function ywsSearchOn(){
	// フォーム内容
	q = $('q').value;
	q = encodeURL(q)
	p = $('p').value;
	p = parseInt(p)*1 + 1;
	$('p').value = p;
	ms = $('m').selectedIndex;
	m = $('m').options[ms].value
	// チェック
	if(!q || !p){ return false; }
	// 画面表示切替
	if(m == 'w'){
		document.getElementById('searching').innerHTML = '<img src="loading.gif" height="32" width="32" />';
	}else{
		document.getElementById('searching').innerHTML = '<div class="img"><img src="loading.gif" height="32" width="32" id="loading" onLoad="positionCenter(\'loading\',170,170);" /></div>';
	}
	// 20ページで終了
	if(p > 20){
		if(m == 'w'){
			document.getElementById('searching').innerHTML = '<div>END</div>';
		}else{
			document.getElementById('searching').innerHTML = '<div class="img">END</div>';
		}
		return false;
	}
	// URL
	var url = 'yws.php?m=' + m + '&q=' + q + '&p=' + p;
	// リクエスト実施
	var script     = document.createElement('script');
	script.type    = 'text/javascript';
	script.charset = 'utf-8';
	script.src     = url;
	document.getElementsByTagName('head')[0].appendChild(script);
}

function yws (json){
	var items = json["items"];
	var html = "";
	// 検索結果なしの場合
	if(!items.length){
		document.getElementById('searching').innerHTML = '<div>該当情報は見つかりませんでした。<br />キーワードを変えて検索してみてください。</div>';
		return false;
	}
	// 検索結果表示
	for(var i = 0; i < items.length; i++) {
		imgid++;
		var el = items[i];
		var text = '';
		// web
		if(m == 'w'){
			text += '<li><a href="' + el["cu"] + '" target="_blank">' + el["t"] + '</a><br />';
			text += el["s"] + '<br /><span>' + el["u"] + '</span></li>';
		}
		// 画像・映像
		else{
			text += '<div class="img">';
			text += '<a href="' + el["u"] + '" target="_blank">';
			text += '<img src="' + el["tu"] + '" height="' + el["th"] + '" width="' + el["tw"] + '"';
			text += ' id="i' + imgid + '" onLoad="positionCenter(\'i' +imgid+ '\',170,170);" />';
			text += "</a></div>";
		}
		html += text;
	}
	if(m == 'w'){
		document.getElementById("web").innerHTML += html;	
	}else{
		document.getElementById("img").innerHTML += html;	
	}
	document.getElementById('searching').innerHTML = "";
}

window.onload = function(){
	$('p').value = 0;
	setPosition();
};

function setPosition() {
	var obj = new Object();
	var doH = getDocumentSize().h;
	var scY = getScrollPosition().y;
	if(m == 'w' && doH - scY > 700 && doH - scY < 1000 && $('q').value && $('web').innerHTML){
		ywsSearchOn();
		setTimeout( function(){setPosition()},2000 );
	}else if(doH - scY > 700 && doH - scY < 1000 && $('q').value && $('img').innerHTML){
		ywsSearchOn();
		setTimeout( function(){setPosition()},2000 );
	}else{
		setTimeout( function(){setPosition()},1 );
	}
}

// 画像を中心に寄せる
function positionCenter(imgId,maxW,maxH){
	if(document.all){
		obj = document.all(imgId);
	}else if(document.getElementById){
		obj = document.getElementById(imgId);
	}
	var imgW = obj.width;
	var imgH = obj.height;
	var positionL = (maxW - imgW) / 2;
	var positionT = (maxH - imgH) / 2;
	obj.style.marginLeft = positionL + 'px';
	obj.style.marginTop = positionT + 'px';
}