function setclip(x,y,kind){
	if (clipno<5){
		clipx[clipno]=Math.floor((x-newx)*100/zoom);
		clipy[clipno]=Math.floor((y-newy)*100/zoom);
		clipk[clipno]=kind;
		var Table='';
		clipno++;
		for (i=0;i<clipno;i++){
			x=(clipx[i]*zoom/100)-6;
			y=(clipy[i]*zoom/100)-6;
			Table+='<div id="clip'+i+'" style="position:absolute;z-index:3;left:'+x+'px;top:'+y+'px;">';
			Table+='<img src="./img/icon'+clipk[i]+'_red.gif" width="12" height="12" border="0" onclick="apdel(\''+i+'\')">\n';
			Table+='</div>\n';
			}
		$('tempiconlay').innerHTML=Table;
		}
	}

function apdel(dd){
	if (apldelflg==1){
		apldelflg=0;
		var Table='';
		Table+='<img src="./img/icon'+clipk[dd]+'del.gif" width="23" height="24" usemap="#o'+dd+'" border="0" onclick="apdel(\''+dd+'\')">';
		Table+='<map name="o'+dd+'"><area shape="circle" coords="15,7,7" onclick="delclip(\''+dd+'\')"';
		Table+=' onmouseover="javascript:document.body.style.cursor=\'pointer\'" onmouseout="javascript:document.body.style.cursor=\'default\'"></map>';
		$('clip'+dd).innerHTML=Table;
		x=(clipx[dd]*zoom/100)-6-1;
		y=(clipy[dd]*zoom/100)-6-11;
		$('clip'+dd).style.left=x+'px';
		$('clip'+dd).style.top=y+'px';
		}
	else{
		apldelflg=1;
		var Table='<img src="./img/icon'+clipk[dd]+'_red.gif" width="12" height="12" border="0" onclick="apdel(\''+dd+'\')">\n';
		$('clip'+dd).innerHTML=Table;
		x=(clipx[dd]*zoom/100)-6;
		y=(clipy[dd]*zoom/100)-6;
		$('clip'+dd).style.left=x+'px';
		$('clip'+dd).style.top=y+'px';
		}
	}


function delclip(del){
	if (del){
		del=del-0;
		for (i=del;i<clipno;i++){
			j=i+1;
			clipx[i]=clipx[j];
			clipy[i]=clipy[j];
			clipk[i]=clipk[j];
			}
		clipno--;
		var Table='';
		for (i=0;i<clipno;i++){
			x=(clipx[i]*zoom/100)-6;
			y=(clipy[i]*zoom/100)-6;
			Table+='<div id="clip'+i+'" style="position:absolute;z-index:3;left:'+x+'px;top:'+y+'px;">';
			Table+='<img src="./img/icon'+clipk[i]+'_red.gif" width="12" height="12" border="0" onclick="apdel(\''+i+'\')">\n';
			Table+='</div>\n';
			}
		$('tempiconlay').innerHTML=Table;
		}
	}
function saveicon(){
	var Table='';
	for (i=0;i<clipno;i++){
		if (i==0) Table+='x0='+clipx[0];
		else Table+='&x'+i+'='+clipx[i];
		Table+='&y'+i+'='+clipy[i]+'&k'+i+'='+clipk[i];
		}
	if (Table){
		ajax.open("GET", "http://gvtrademap.daa.jp/ajax/xml/icon/geticonpos.php?"+Table);
		$('save').innerHTML='<img src="./img/progress.gif"><b>保存中</b>';
		ajax.onreadystatechange = function() {
			if (ajax.readyState == 4 && ajax.status == 200) {
				$('save').innerHTML='<button onclick="saveicon()">保存</button>';
				clipno=0;
				$('tempiconlay').innerHTML='';
				drawicon();
				}
			}
		ajax.send(null);
		}
	}

function popupinput(dd){
	var Table='<br><b>Choose icon...</b><br><center><table border="0" cellpadding="2" cellspacing="1" bgcolor="#E0E0E0" width="233">';
	var t='<img src="./img/icon';
	var o='.gif" onclick="foc(';
	var h='<td style="background:#E0E0E0" width="12"></td>';
	var w='<td style="background:#E0E0E0" width="30"></td>';
	/*
	Table+='<tr>'+w+'<td id="td10">'+t+'10'+o+'10)"></td><td id="td11">'+t+'11'+o+'11)"></td><td id="td12">'+t+'12'+o+'12)"></td><td id="td13">'+t+'13'+o+'13)"></td><td id="td14">'+t+'14'+o+'14)"></td>'+w+'</tr>';
	Table+='</table>';
	*/
	
	Table+='<tr>'+w+'<td id="td7">'+t+'7'+o+'7)"></td><td id="td8">'+t+'8'+o+'8)"></td><td id="td9">'+t+'9'+o+'9)"></td>'+h+''+h+''+h+''+h+''+h+''+h+''+h+''+h+''+h+'</tr>';
	Table+='<tr>'+w+'<td id="td4">'+t+'4'+o+'4)"></td><td id="td5" style="background:#E0E0E0"></td><td id="td6">'+t+'6'+o+'6)"></td>'+h+'<td id="td10">'+t+'10'+o+'10)"></td>';
	Table+='<td id="td11">'+t+'11'+o+'11)"></td><td id="td12">'+t+'12'+o+'12)"></td><td id="td13">'+t+'13'+o+'13)"></td><td id="td14">'+t+'14'+o+'14)"></td>';
	//Table+='<td id="td15">'+t+'15'+o+'15)"></td>';
	Table+='<td id="td16">'+t+'16'+o+'16)"></td><td id="td17">'+t+'17'+o+'17)"></td>';
	Table+=w+'</tr>';
	Table+='<tr>'+w+'<td id="td1">'+t+'1'+o+'1)"></td><td id="td2">'+t+'2'+o+'2)"></td><td id="td3">'+t+'3'+o+'3)"></td>'+h+''+h+''+h+''+h+''+h+''+h+''+h+''+h+''+h+'</tr>';
	Table+='</table>';
	
	Table+='<table border="0" cellpadding="2" cellspacing="1" bgcolor="#E0E0E0" width="233"><tr><td id="iconname"><b>サメ</b></td></tr></table></center><br>';
	Table+='　一度に5個までアイコンを貼り付けられます。<br>保存ボタンを押すとサーバーに保存され、<br>全ての人に公開されます。<br>　いたずら防止のためIP記録をしております。<br>';
	Table+='<div id="save" align="right"><button onclick="saveicon()">保存</button></div><br>';
	$('maintable').innerHTML=Table;
	foc(10);
	
	Table='<br>　地図にアイコンを貼り、みんなで情報を<br>共有します。アイコンを選んで<br>「Shift＋クリック」で貼り付けられます。';
	
	$('title').innerHTML=Table;
	for (i=0;i<10;i++){
		$(tabname[i]).innerHTML='';
		}
	/*
	$('koueki').innerHTML='';
	$('koubou').innerHTML='';
	$('dougu').innerHTML='';
	$('hito').innerHTML='';
	$('fune').innerHTML='';
	*/
	$('pageno').innerHTML='';
	$('language').innerHTML='';
	$('progress').innerHTML='';
	$('help').innerHTML='';
	//getlink();
	}

function drawicon(dd){
	var Table='';
	alliconno=0;
	for (i=1;i<18;i++){
		if (i==15) continue;
		if (i!==5){
			ajax.open("GET", "http://gvtrademap.daa.jp/ajax/xml/icon/"+i+".xml?rand="+Math.random(),false);
			ajax.onreadystatechange = function() {
				if (ajax.readyState == 4 && ajax.status == 200) {
					var xmldoc = ajax.responseXML;
					var no= xmldoc.getElementsByTagName('x').length;
					//alert(i+'_'+no);
					if (no>0){
						var x = xmldoc.getElementsByTagName('x');
						var y = xmldoc.getElementsByTagName('y');
						Table='';
						for (j=0;j<no;j++){
							iconx[alliconno]=x[j].firstChild.nodeValue-0;
							icony[alliconno]=y[j].firstChild.nodeValue-0;
							var xx=(iconx[alliconno]*zoom/100)-6;
							var yy=(icony[alliconno]*zoom/100)-6;
							Table+='<div id="icon'+alliconno+'" style="position:absolute;z-index:3;left:'+xx+'px;top:'+yy+'px;">';
							Table+='<img src="./img/icon'+i+'.gif" width="12" height="12">';
							Table+='</div>';
							alliconno++;
							}
						$('iconlay'+i).innerHTML=Table;
						}
					}
				}
			ajax.send(null);
			}
		}
	$('tempiconlay').innerHTML='';
	}

function hideicon(no){
	if (hidesw[no]!==1){
		if (no!==0) $('iconlay'+no).style.visibility='hidden';
		$('iconbutton'+no).innerHTML='<img src="./img/icon'+no+'_0.gif">';
		hidesw[no]=1;
		if (no==0){
			for (i=5;i<18;i++){
				if (i==15) continue;
				if (i==5 || 10<=i){
					$('iconlay'+i).style.visibility='hidden';
					$('iconbutton'+i).innerHTML='<img src="./img/icon'+i+'_0.gif">';
					hidesw[i]=1;
					}
				}
			}
		}
	else{
		if (iconv==0){
			$('progress').style.right=winx-240+'px';
			$('progress').innerHTML='<img src="./img/progress.gif">';
			drawicon();
			$('progress').innerHTML='<img src="./img/blank.gif">';
			iconv=1;
			}
		if (no!==0) $('iconlay'+no).style.visibility='visible';
		$('iconbutton'+no).innerHTML='<img src="./img/icon'+no+'_1.gif">';
		hidesw[no]=0;
		if (no==0){
			for (i=5;i<18;i++){
				if (i==15) continue;
				if (i==5 || 10<=i){
					$('iconlay'+i).style.visibility='visible';
					$('iconbutton'+i).innerHTML='<img src="./img/icon'+i+'_1.gif">';
					hidesw[i]=0;
					}
				}
			}
		}
	}

function foc(a){
	nowiconno=a;
	var col="#E0E0E0";
	for (i=1;i<18;i++){	//16
		if (i==15) continue; //sakana out
		if (i==a){
			col="#FFBBBB";
			$('iconname').innerHTML='<b>'+iconname[a]+'</b>';
			$('cache').innerHTML='<img src="./img/icon'+i+'_red.gif"><img src="./img/icon'+i+'del.gif">';
			}
		else col="#E0E0E0";
		$('td'+i).style.background=col;
		}
	}

function npcinput(){
	zooming(100);
	hidesw[0]=0;
	hideicon(0);
	$('debug').innerHTML='';
	winsizeget();
	Table='<br><br><iframe src="seanpctest.htm" width="234" height="'+Math.floor(winy-250)+'" scroll="no"></iframe>';
	$('maintable').innerHTML=Table;
	//foc(10);
	
	Table='<b>　NPC情報記録</b><br>　[使い方]<br>　見る：リストクリック→MAPに<img src="./img/iconnpc.gif">が表示されます。<br>　記録：上の手順の後に記録したい位置で<br>　　　　　右クリック→[OK]';
	$('title').innerHTML=Table;
	for (i=0;i<10;i++){
		$(tabname[i]).innerHTML='';
		}

	$('pageno').innerHTML='';
	$('language').innerHTML='';
	$('progress').innerHTML='';
	$('help').innerHTML='';
	}

function npc(d,temp){
	npcid=d;
	npcname=temp;
	$('cmenu').style.visibility='hidden';
	setnpcicon(npcid);
	}

function savenpc(){
//		clipx[clipno]=Math.floor((x-newx)*100/zoom);
//		clipy[clipno]=Math.floor((y-newy)*100/zoom);

	$('cmenu').style.visibility='hidden';
	Table='npcid='+npcid+'&x='+npcx+'&y='+npcy;
	ajax.open("GET", "http://gvtrademap.daa.jp/ajax/xml/icon/savenpcpos.php?"+Table);
	//$('save').innerHTML='<img src="./img/progress.gif"><b>保存中</b>';
	ajax.onreadystatechange = function() {
		if (ajax.readyState == 4 && ajax.status == 200) {
			//alert('save!!!');
			setnpcicon(npcid);
			}
		}
	ajax.send(null);
	}


function setnpcicon(npcid){
	Table='';
	alliconno=0;
	ajax.open("GET", "http://gvtrademap.daa.jp/ajax/xml/icon/"+npcid+".xml?rand="+Math.random(),false);
	ajax.onreadystatechange = function() {
		if (ajax.readyState == 4 && ajax.status == 200) {
			var xmldoc = ajax.responseXML;
			var no=xmldoc.getElementsByTagName('x').length;
			if (no>0){
				var x = xmldoc.getElementsByTagName('x');
				var y = xmldoc.getElementsByTagName('y');
				Table='';
				for (j=0;j<no;j++){
					iconx[alliconno]=x[j].firstChild.nodeValue-0;
					icony[alliconno]=y[j].firstChild.nodeValue-0;
					var xx=(iconx[alliconno]*zoom/100)-2;
					var yy=(icony[alliconno]*zoom/100)-2;
					Table+='<div id="icon'+alliconno+'" style="position:absolute;z-index:3;left:'+xx+'px;top:'+yy+'px;">';
					Table+='<img src="./img/iconnpc.gif" width="4" height="4">';
					Table+='</div>';
					alliconno++;
					}
				}
			//alert(Table);
			$('iconlaynpc').innerHTML=Table;
			$('iconlaynpc').style.visibility='visible';
			}
		}
	ajax.send(null);
	$('tempiconlay').innerHTML='';
	}




function fishinput(){
	zooming(100);
	hidesw[0]=0;
	hideicon(0);
	$('debug').innerHTML='';
	winsizeget();
	Table='<br><br><iframe src="fishing.htm" width="234" height="'+Math.floor(winy-250)+'" scroll="no"></iframe>';
	$('maintable').innerHTML=Table;
	//foc(10);
	Table='<b>　釣り情報記録</b><br>　[使い方]<br>　見る：リストクリック→MAPに<img src="./img/iconnpc.gif">が表示されます。<br>　記録：上の手順の後に記録したい位置で<br>　　　　　右クリック→[OK]';
	$('title').innerHTML=Table;
	for (i=0;i<10;i++){
		$(tabname[i]).innerHTML='';
		}
	$('pageno').innerHTML='';
	$('language').innerHTML='';
	$('progress').innerHTML='';
	$('help').innerHTML='';
	}