//表示する画像を準備
PI = new Array();
PI[1] = "/cmn/images/popup_bg01.gif";
PI[2] = "/cmn/images/popup_bg02.gif";
PI[3] = "/cmn/images/popup_bg03.gif";
PI[4] = "/cmn/images/popup_bg04.gif";



function popOutImage(position,yy,imgNo) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '';
}

function popupImage(num,text,icon,position,yy,imgNo) {

	if(document.all) {

		if (num == 4) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div style="background: url(' + PI[num] + '); background-repeat:no-repeat; position:absolute; top : 25px; left:-75px; z-index:1;"><table width="260" height="50"><tr><td height="13"></td><td></td></tr><tr><td width="1"></td><td align="center"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td width="205" height="50" align="left">' + text + '</td></tr><tr><td height="2"></td><td height="2"></td></tr></table></div>';

		} else if(num == 3) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div style="background: url(' + PI[num] + '); background-repeat:no-repeat; position:absolute; top : 25px; left:-155px; z-index:1;"><table width="260" height="50"><tr><td height="13"></td><td></td></tr><tr><td width="1"></td><td align="center"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td width="205" height="50" align="left">' + text + '</td></tr><tr><td height="2"></td><td height="2"></td></tr></table></div>';
		} else if (num == 2) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div style="background: url(' + PI[num] + '); background-repeat:no-repeat; position:absolute; top : -70px; left:-75px; z-index:1;"><table width="260" height="50"><tr><td width="1"></td><td align="center"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td width="205" height="50" align="left">' + text + '</td></tr><tr><td height="15"></td><td height="13"></td></tr></table></div>';

		} else if(num == 1) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div style="background: url(' + PI[num] + '); background-repeat:no-repeat; position:absolute; top : -70px; left:-155px; z-index:1;"><table width="260" height="50"><tr><td width="1"></td><td align="center"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td width="205" height="50" align="left">' + text + '</td></tr><tr><td height="15"></td><td height="13"></td></tr></table></div>';
		}

	} else {
		if (num == 4) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div class="ff_num4"><table width="260" height="50"><tr><td height="13"></td><td height="13"></td></tr><tr><td width="1"></td><td width="50" align="left"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td align="left">' + text + '</td></tr><tr><td height="2"></td><td height="2"></td></tr></table></div>';

		} else if(num == 3) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div class="ff_num3"><table width="260" height="50"><tr><td height="13"></td><td height="13"></td></tr><tr><td width="1"></td><td width="50" align="left"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td align="left">' + text + '</td></tr><tr><td height="2"></td><td height="2"></td></tr></table></div>';
		} else if (num == 2) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div class="ff_num2"><table width="260" height="50"><tr><td width="1"></td><td width="50" align="left"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td align="left">' + text + '</td></tr><tr><td height="15"></td><td height="15"></td></tr></table></div>';

		} else if(num == 1) {
			document.getElementById("pops[" + position + "][" + yy + "][" + imgNo + "]").innerHTML = '<div class="ff_num1"><table width="260" height="50"><tr><td width="1"></td><td width="50" align="left"><img src="/cmn/images/icon/large/' + icon + '" width="50" height="50" border="0"></td><td align="left">' + text + '</td></tr><tr><td height="15"></td><td height="15"></td></tr></table></div>';
		}
	}
}

