w3ncolor = "#999999";		// Navi番号の色　#88D9FF #A0A0A0
orgcolor = "#000000";		// Naviフィールドデフォルトの色
pageno = "";				// Navi番号保存用
var navino = "navino";		// Naviフィールドのid名称
var w3ncode = "w3ncode";	// アクセスキーのid名称

// ロード時ページ番号を表示する
window.onload=function(){
 	if(document.getElementById(navino).style){
		orgcolor = document.getElementById(navino).style.color;
		document.getElementById(navino).style.color = w3ncolor;
  	}
	getNavino();
	pageno = document.getElementById(navino).value;
}

// Naviフィールドにフォーカスが入ったときクリアする
function clearNavino() {
 	if(document.getElementById(navino).style){
		document.getElementById(navino).style.color = orgcolor;
  	}
	document.getElementById(navino).value = "";
}

// Naviフィールドからフォーカスが出たときページ番号を表示する
function changeNavino() {
	if (document.getElementById(navino).value == "") {
 		if(document.getElementById(navino).style){
			document.getElementById(navino).style.color = w3ncolor;
  		}
		if (pageno != "") {
			document.getElementById(navino).value = pageno;
		} else {
			getNavino();
			pageno = document.getElementById(navino).value;
		}
	}
}


// AjaxでPHPと通信（別ドメイン）
function getNavino() {

	var w3nkey = document.getElementById(w3ncode).value;

	// パラメータの作成
	var param = 'url=' + encodeURI(location.href);
	if(w3nkey != '') param += '&key=' + encodeURI(w3nkey);

	// 別ドメインのAJAXサーバを呼び出す
   	var navi = document.getElementById('NaviForm');
	var out = document.createElement('script');
	out.src='http://w3navi.com/w3najaxdom.php?' + param;
	navi.appendChild(out);
}