//カラー選択

//リリース環境に合わせて変更
var search_script = "http://www.web-parts.info/b_parts/kanren-wd/searchWord.php?word=";
var stylesheet_url = "http://www.web-parts.info/b_parts/kanren-wd/css/style_kw.css";
//document.writeln(" <link href=\"http://www.web-parts.info/b_parts/kanren-wd/css/style_kw.css\" rel=\"stylesheet\" type=\"text/css\"> "); 
document.writeln(" <link href=\"http://www.web-parts.info/b_parts/kanren-wd/css/kanren-wd_g.css\" rel=\"stylesheet\" type=\"text/css\"> "); 
document.writeln(" <div id=\"ROzGOIf_wrap\"> "); 
document.writeln(" <div id=\"ROzGOIf\"> ");

var initialStr = "例:SEO";
var scriptId = 'jpYourbrainBlogpartsRelkeywordsSendWords';
var pre = '京あ龠';
var MAX_RESULT = 20;

//ブログパーツ初期表示
initParts();

/////////////////////////////////////
//ブログパーツ初期表示関数
function initParts() {

	var head = document.getElementsByTagName('head').item(0);
	var s = document.createElement('link');
	s.setAttribute('rel', 'stylesheet');
	s.setAttribute('href', stylesheet_url);
	s.setAttribute('type', 'text/css');
	s.setAttribute('charset', 'UTF-8');
	head.appendChild(s);

	document.write('<div id="jpYourbrainBlogpartsRelkeywordsBackground">  <input type="text" value="例:SEO" name="jpYourbrainBlogpartsRelkeywordsInputWord" id="jpYourbrainBlogpartsRelkeywordsInputWord"  onfocus="onFocusInput()" onblur="onBlurInput()"/>  <a href="javascript:searchWords()" id="jpYourbrainBlogpartsRelkeywordsButton" onclick="searchWords()"></a>  <div id="jpYourbrainBlogpartsRelkeywordsOutputList">    例1<br />    例2<br />  </div></div>');
}
/////////////////////////////////////
//trim関数
String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g, "");
}
/////////////////////////////////////
/**
 * 検索ボタンを押した時、yahoo関連検索キーワードをJSONP経由で取得する
 */
function searchWords() {
	var inp = getLayer("jpYourbrainBlogpartsRelkeywordsInputWord");
	var word = inp.value.trim();
	if (word == initialStr || word == "") {
		return;
	}
//	alert("word=" + word);
	
	//JSONPで検索結果を取得する
	var api = search_script + pre + word;
//	alert("api=" + api);

	var head = document.getElementsByTagName('head').item(0);
	if(document.getElementById(scriptId)!=null){
		head.removeChild(document.getElementById(scriptId));
	}
	var s = document.createElement('script');
	s.setAttribute('type', 'text/javascript');
	s.setAttribute('src', api);
	s.setAttribute('id', scriptId);
	s.setAttribute('charset', 'UTF-8');
	head.appendChild(s);
}

/////////////////////////////////////
/**
 * JSONP応答として呼ばれる関数。yahoo関連検索キーワードを表示する
 */
function showWords(args) {
	var outDiv = getLayer("jpYourbrainBlogpartsRelkeywordsOutputList");
	if (null == args) {
		//エラー時
//		alert("err");
		outHtml = "申し訳ありませんが、本日の営業は終了しました。 <br />明日また検索してみてください。";
		outDiv.innerHTML = outHtml;
		return;
	}
	var maxNum = args.length;
	if (0 == maxNum) {
//		alert("0件");
		outHtml = "関連キーワードは見付かりませんでした";
		outDiv.innerHTML = outHtml;
		return;
	}
	if (maxNum > MAX_RESULT) {
		maxNum = MAX_RESULT;
	}
	var outHtml = '';
	for(i = 0; i < maxNum; i++) {
//		alert(args[i]);
		outHtml = outHtml + "<a href='http://search.yahoo.co.jp/search?p=" + args[i] + "'>" + args[i] + "</a><br/>\n";
	}
	outDiv.innerHTML = outHtml;
}

/////////////////////////////////////
/**
 * 入力欄にフォーカスしたとき、初期文字列を消す
 */
function onFocusInput() {
	var inp = getLayer("jpYourbrainBlogpartsRelkeywordsInputWord");
	if (inp.value == initialStr) {
		inp.value = "";
	}
}

/////////////////////////////////////
/**
 * 入力欄からフォーカスが消えたとき、初期文字列を表示する
 */
function onBlurInput() {
	var inp = getLayer("jpYourbrainBlogpartsRelkeywordsInputWord");
	if (inp.value == "") {
		inp.value = initialStr;
	}
}

/////////////////////////////////////
/**
 * 指定IDのエレメントを返す
 */
function getLayer(layerId){
	var layerObj = document.getElementById(layerId);//NN6 or IE5+
	if(!layerObj){
		layerObj = document.all[layerId];//IE4
	}
	if(! layerObj){
		layerObj = document.layers[layerId];//NN4
	}
	return layerObj;
}

document.writeln(" </div></div> ");