/*--------------------------------------------------------------------------
	javascript by ＠うさ http://www.usagi-js.com/
	Script changed by high-low @ めもりあのーと
--------------------------------------------------------------------------*/
/* レイヤ設置 */
//マウスの座標
var nXPos = 0;
var nYPos = 0;
//レイヤーの座標
var nLayerXPos = 0;
var nLayerYPos = 0;
//レイヤー表示文字列
var strLayer = "";
var i;
function cmtShow(kind, fType)
{
	nLayerXPos = nXPos;
	nLayerYPos = nYPos;

	nWidth  = ( document.documentElement.clientWidth || window.innerWidth );
	nHeight = ( document.documentElement.clientHeight || window.innerHeight );

/* レイヤ構成要素リスト */
	var startSet= '<div class="border"><table class="back"><tr><td><span style="position:relative">';
	var underSet= '<div><table class="uback"><tr><td><div style="position:relative">';
	var endSet  = '</div></td></tr></table></div>';
	
	var sTitle	= '<div class="title">';
	var oTitle	= '<div class="tiOff">';
	var eTitle	= '</div>';
	var sIcon   = '<img src="./materia/img/icon_';
	var eIcon   = '.gif" class="icon" />';
	var ssIcon	= '<img src="./materia/img_skill/tech_';
	var esIcon	= '.gif" class="iconSkill" />必要スキル&nbsp;&nbsp;';
	var sTxt	= '<div class="txt">';
	var ssTxt	= '<div class="txSkill">';
	var uTxt	= '<div class="txUnder">';
	var eTxt	= '</div>';

/*	ポインタ位置によるレイヤ表示位置の修正	*/
	if( nXPos + 160 > nWidth )
		nLayerXPos -= 180;

/* レイヤー内容セット */
	if( kind == "" ){
		strLayer = "";
	}
	else if( kind.charAt(0) == "_" ){
		nLayerYPos += 15;
		strLayer   = underSet + uTxt + "&nbsp;" + cmtId[kind] + "&nbsp;" + eTxt + endSet;
	}
	else if( kind.charAt(0) == "/" ){
		nLayerXPos -= 30;
		if( nYPos - document.documentElement.scrollTop + 150 > nHeight ){
				nLayerXPos -= 40;
				nLayerYPos -= 145;
		}
		else	nLayerYPos += 20;

		strLayer   = startSet + sTitle + sIcon + "ship" + eIcon + skillId[kind][0];

		switch( skillId[kind][1] )
		{
			case 0:  strLayer += "&nbsp;<sub>(自動効果)</sub>";	break;
			case 1:  break;
			case 2:  strLayer += "&nbsp;<sub>(瞬間発動)</sub>";	break;
			default: strLayer += "&nbsp;<sub>(指定条件下で効果発動)</sub>";	break;
		}

		strLayer  += ssTxt;


		for( i = 2; i < skillId[kind].length -2; i += 2 )		//>
		{
			strLayer += ssIcon + skillId[kind][i] + esIcon;

			switch( skillId[kind][i] )
			{
				case "sailing":		strLayer += "航行技術"; break;
				case "management":	strLayer += "管理技術"; break;
				case "arms":		strLayer += "兵器技術"; break;
			}

			strLayer += "　　" + skillId[kind][i+1] + "<br />";
		}
		strLayer += skillId[kind][i] + eTxt + endSet;
	}
	else{
		nLayerXPos -= 40;
		if( nYPos - document.documentElement.scrollTop + 95 > nHeight )
				nLayerYPos -= 90;
		else	nLayerYPos += 15;
		strLayer   = startSet;

		strLayer += sTitle;
		i = 0;
		if( cmtId[kind].length != 2 )
		{
			strLayer += sIcon + cmtId[kind][0] + eIcon;
			i++;
		}

		strLayer += cmtId[kind][i] + eTitle + sTxt + cmtId[kind][i+1];
		strLayer += eTxt + endSet;
	}
/* レイヤー表示・非表示 */
	if (document.layers)
	{
		if (fType)
		{
			document.cmtLayer.left = nLayerXPos;
			document.cmtLayer.top  = nLayerYPos;
			document.cmtLayer.document.write(strLayer);
			document.cmtLayer.document.close();
			document.cmtLayer.visibility = "show";
		}
		else
		{
			document.cmtLayer.visibility = "hide";
		}
	}
	if (document.getElementById)
	{	
		if (fType)
		{	
			document.getElementById("cmtLayer").style.left = nLayerXPos + "px";
			document.getElementById("cmtLayer").style.top  = nLayerYPos + "px";
			document.getElementById("cmtLayer").innerHTML  = strLayer;
			document.getElementById("cmtLayer").style.visibility="visible";
		}
		else
		{
			document.getElementById("cmtLayer").style.visibility="hidden";
		}
	}
	
}

/* 座標取得 */
if (navigator.appName=="Netscape")
{
	function nMouse(e)
	{
		nXPos = e.pageX;
		nYPos = e.pageY;
	}
	//NN4
	if (document.layers)
	{
		window.captureEvents(Event.MOUSEMOVE);
		window.onMouseMove = nMouse;
	}
	//NC6
	else
	{
		document.onmousemove = nMouse;
	}
}
else
{
	function iMouse()
	{
		nXPos = event.clientX + document.documentElement.scrollLeft;
		nYPos = event.clientY + document.documentElement.scrollTop;
	}
	document.onmousemove = iMouse;
}

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