//対象となるテキストボックスのID
var KeyID = 'keyword';
var SimilarID = 'inputext1';
var GamutID = 'inputext2';

//デフォルトで表示させるキーワードを設定
var DefaultKeyword = '検索キーワードを入力';
//デフォルト表示時の文字色
var DefaultColor = '#CCCCCC';
//入力時の文字色
var InputColor = '#000000';
//ページ読み込み時に検索ボックスの文字列を判別して文字色を変更
//空白だった場合デフォルトキーワードを設定
//デフォルトキーワードだった場合文字色を設定（リロード対策）
//それ以外→入力用文字色
function setKeyStyle() {
	var obj = document.getElementById(KeyID);
	if(obj.value == '') {
		obj.style.color = DefaultColor ;
		obj.value = DefaultKeyword;
	} else if(obj.value == DefaultKeyword ) {
		obj.style.color = DefaultColor ;
	} else {
		obj.style.color = InputColor ;
	}
}

function setSimilarStyle() {
	var obj = document.getElementById(SimilarID);
	if(obj.value == '') {
		obj.style.color = DefaultColor ;
		obj.value = DefaultKeyword;
	} else if(obj.value == DefaultKeyword ) {
		obj.style.color = DefaultColor ;
	} else {
		obj.style.color = InputColor ;
	}
}

function setGamutStyle() {
	var obj = document.getElementById(GamutID);
	if(obj.value == '') {
		obj.style.color = DefaultColor ;
		obj.value = DefaultKeyword;
	} else if(obj.value == DefaultKeyword ) {
		obj.style.color = DefaultColor ;
	} else {
		obj.style.color = InputColor ;
	}
}


//キーワードが入っていなかった場合デフォルトのキーワードを表示
//使用例：onblur="setDefaultValue();"
function setKeyDefaultValue() {
	var obj = document.getElementById(KeyID);
	if (obj.value == '') {
		obj.value = DefaultKeyword;
		obj.style.color = DefaultColor ;
	}
}

function setSimilarDefaultValue() {
	var obj = document.getElementById(SimilarID);
	if (obj.value == '') {
		obj.value = DefaultKeyword;
		obj.style.color = DefaultColor ;
	}
}

function setGamutDefaultValue() {
	var obj = document.getElementById(GamutID);
	if (obj.value == '') {
		obj.value = DefaultKeyword;
		obj.style.color = DefaultColor ;
	}
}

//デフォルトのキーワードだった場合検索ボックス内をクリア
//使用例：onfocus="resetDefaultValue();"
function resetKeyDefaultValue() {
	var obj = document.getElementById(KeyID);
	if (obj.value == DefaultKeyword) {
		obj.value = '';
		obj.style.color = InputColor ;
	}
}

function resetSimilarDefaultValue() {
	var obj = document.getElementById(SimilarID);
	if (obj.value == DefaultKeyword) {
		obj.value = '';
		obj.style.color = InputColor ;
	}
}

function resetGamutDefaultValue() {
	var obj = document.getElementById(GamutID);
	if (obj.value == DefaultKeyword) {
		obj.value = '';
		obj.style.color = InputColor ;
	}
}
//onLoadイベント追加
if(window.addEventListener) {
	window.addEventListener("load", setKeyStyle, false);
	window.addEventListener("load", setSimilarStyle, false);
	window.addEventListener("load", setGamutStyle, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", setKeyStyle);
	window.attachEvent("onload", setSimilarStyle);
	window.attachEvent("onload", setGamutStyle);
}