var rBox1 = null;
var rBox2 = null;
var wElm = null;
var Br;
var Ver;

function makeBalloon(elm, text, color, width, x, y, opacity)
{
	var name = "balloonBox";
	var body = document.getElementsByTagName("body")[0];

	VerChk();

	if(wElm != null)
		wElm.style.color = "#8391f3";

	if(rBox1 != null) {
		if (document.getElementById("content").offsetTop + document.getElementById("search").offsetHeight > rBox1.offsetTop && Br == "Internet Explorer" && parseFloat(Ver) < 7)
		{
			document.getElementsByName("year1").item(document.getElementsByName("year1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("month1").item(document.getElementsByName("month1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("day1").item(document.getElementsByName("day1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("year2").item(document.getElementsByName("year2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("month2").item(document.getElementsByName("month2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("day2").item(document.getElementsByName("day2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("sel_area").item(document.getElementsByName("sel_area").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			for(i = 1; i <= parseInt(document.getElementsByName("ctgcnt").item(0).value); ++i)
				document.getElementsByName("sel_category" + i).item(document.getElementsByName("sel_category" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			for(i = 1; i <= 10; ++i)
			{
				if(document.getElementsByName("sel_chkcrse" + i).item(0) != null)
					document.getElementsByName("sel_chkcrse" + i).item(document.getElementsByName("sel_chkcrse" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			}
		}
		body.removeChild(rBox1);
		body.removeChild(rBox2);
		wElm = null;
		rBox1 = null;
		rBox2 = null;
	}

	color = color || "#fc0";
	width = width || 120;
	x ? x = +x : x = -285;
	y ? y = +y : y = -312;
	// elm ‚Ì�¶�ã‚ÌX’l�AY’l‚ðŽæ“¾
	var oLeft = 0;
	var oTop = 0;
	wElm = elm;
	var node = wElm;
	while (node) {
		oLeft += node.offsetLeft;
		oTop += node.offsetTop;
		node = node.offsetParent;
	}
	// ��‚«�o‚µƒ{ƒbƒNƒX
	if (document.getElementById(name)) {
		var b = document.getElementById(name);
		b.parentNode.removeChild(b);
	}
	rBox1 = document.createElement("div");
	rStyle = rBox1.style;
	rStyle.textAlign = "center";
	rStyle.width = width + "px";
	rStyle.position = "absolute";
	rStyle.left = (oLeft + x) + "px";
	rStyle.top = (oTop + y) + "px";
	rStyle.paddingRight = "5px";
//	rBox1.ondblclick = function() {this.parentNode.removeChild(this);}
	rBox1.setAttribute("id", name + "1");

//	rBox1.appendChild(createR(4, "top")); // ŠpŠÛ�ã•”
	rBox1.appendChild(createText(text, color, "darkgray")); // ƒeƒLƒXƒgƒ{ƒbƒNƒX
//	rBox1.appendChild(createR(4, "bottom")); // ŠpŠÛ‰º•”
	rBox1.appendChild(createArrow("left", color, "darkgray")); // –îˆó

	rBox2 = document.createElement("div");
	rStyle2 = rBox2.style;
	rStyle2.filter = "alpha(opacity=70)";
	rStyle2.textAlign = "center";
	rStyle2.width = width + "px";
	rStyle2.position = "absolute";
	rStyle2.left = (oLeft + x + 5) + "px";
	rStyle2.top = (oTop + y + 5) + "px";
	rStyle2.paddingRight = "5px";
	rBox2.setAttribute("id", name + "2");
	rBox2.appendChild(createText("", "#c0c0c0", "#c0c0c0")); // ƒeƒLƒXƒgƒ{ƒbƒNƒX
	rBox2.appendChild(createArrow("left", "#c0c0c0", "#c0c0c0")); // –îˆó

	body.appendChild(rBox2);
	body.appendChild(rBox1);

	var LH = rBox1.offsetHeight;
	if (document.getElementById("content").offsetTop + document.getElementById("search").offsetHeight > rBox1.offsetTop && Br == "Internet Explorer" && parseFloat(Ver) < 7)
	{
		document.getElementsByName("year1").item(document.getElementsByName("year1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("month1").item(document.getElementsByName("month1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("day1").item(document.getElementsByName("day1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("year2").item(document.getElementsByName("year2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("month2").item(document.getElementsByName("month2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("day2").item(document.getElementsByName("day2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		document.getElementsByName("sel_area").item(document.getElementsByName("sel_area").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		for(i = 1; i <= parseInt(document.getElementsByName("ctgcnt").item(0).value); ++i)
			document.getElementsByName("sel_category" + i).item(document.getElementsByName("sel_category" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		for(i = 1; i <= 10; ++i)
		{
			if(document.getElementsByName("sel_chkcrse" + i).item(0) != null)
				document.getElementsByName("sel_chkcrse" + i).item(document.getElementsByName("sel_chkcrse" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "hidden";
		}
	}

	wElm.style.color = "#f63";

	function createR (number, position, color1, color2) {
		var n = number = +number;
		var box = document.createElement("div");
		// ŠpŠÛ�¶�¬
		for (var i = 0; i < n; i++) {
			var r = document.createElement("div");
			var style = r.style;
			if (position == "top") {
				style.margin = "0px " + number + "px";
				if (i == 0)
					style.borderTop = "solid 1px " + color2;
			}
			if (position == "bottom") {
				style.margin = "0px " + (i + 1) + "px";
				if (i == n - 1)
					style.borderBottom = "solid 1px " + color2;
			}
			style.overflow = "hidden";
			style.backgroundColor = color1;
			style.height = "1px";
			style.borderLeft = "solid 1px " + color2;
			style.borderRight = "solid 1px " + color2;
			box.appendChild(r);
			number -= 1;
		}
		return box;
	}

	function createText (text, color1, color2) {
		var tBox = document.createElement("div");
//		tBox.appendChild(document.createTextNode(text));
		tBox.innerHTML = text.replace(/'/g, "\"");
		var tStyle = tBox.style;
		tStyle.height = "282px";
		tStyle.color = "#000";
		tStyle.backgroundColor = color1;
		tStyle.border = "solid 2px " + color2;
		tStyle.padding = "5px";
		tStyle.textAlign = "left";
		tStyle.fontSize = "16px";
		return tBox;
	}

	function createArrow (margin, color1, color2) {
		var arrow = document.createElement("div");
		arrow.style.width = "50px";
		arrow.style.margin = "0 auto";

		// –îˆó�¶�¬
		var n = 30;
		for (var i = 0; i < 20; i++) {
			var r = document.createElement("div");
			var style = r.style;
			style.overflow = "hidden";
			style.backgroundColor = color1;
			style.height = "1px";
			style.marginTop = "0px";
			style.marginBottom = "0px";
			style.borderLeft = "solid 2px " + color2;
			style.borderRight = "solid 2px " + color2;
			if (margin == "left") style.marginLeft = n + "px";
			if (margin == "right") style.marginRight = n + "px";
			if(i == 0) {
				style.borderTop = "solid 2px " + color1;
				style.marginTop = "-2px";
			}
			arrow.appendChild(r);
			n += 1;
		}
		return arrow;
	}
}

function removeBalloon()
{
	var body = document.getElementsByTagName("body")[0];

	if(rBox1 != null) {
		if (document.getElementById("content").offsetTop + document.getElementById("search").offsetHeight > rBox1.offsetTop && Br == "Internet Explorer" && parseFloat(Ver) < 7)
		{
			document.getElementsByName("year1").item(document.getElementsByName("year1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("month1").item(document.getElementsByName("month1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("day1").item(document.getElementsByName("day1").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("year2").item(document.getElementsByName("year2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("month2").item(document.getElementsByName("month2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("day2").item(document.getElementsByName("day2").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			document.getElementsByName("sel_area").item(document.getElementsByName("sel_area").item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			for(i = 1; i <= parseInt(document.getElementsByName("ctgcnt").item(0).value); ++i)
				document.getElementsByName("sel_category" + i).item(document.getElementsByName("sel_category" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			for(i = 1; i <= 10; ++i)
			{
				if(document.getElementsByName("sel_chkcrse" + i).item(0) != null)
					document.getElementsByName("sel_chkcrse" + i).item(document.getElementsByName("sel_chkcrse" + i).item(0).type.indexOf("select") >= 0 ? 0 : 1).style.visibility = "visible";
			}
		}
	}

	if(wElm != null)
		wElm.style.color = "#8391f3";

	if(rBox1 != null)
	{
		body.removeChild(rBox1);
		body.removeChild(rBox2);
	}
	wElm = null;
	rBox1 = null;
	rBox2 = null;
}

function VerChk()
{
	Br = navigator.appName;
	Ver = navigator.appVersion; 
	if (Br == "Netscape") 
	{ 
	Br= "Netscape Navigator";
	Ver = Ver.substring(0,4); 
	} 
	else if (Br == "Microsoft Internet Explorer") 
	{ 
	Br = "Internet Explorer";
	x = Ver.indexOf("MSIE",0); 
	if (Ver.substring(x+8, x+9) == ";")
	Ver = Ver.substring(x+5,x+8);
	else Ver = Ver.substring(x+5, x+9); 
	}
}

/*function resizeBalloon()
{
	var oLeft = 0;
	var oTop = 0;
	if(rBox1 != null) {
		var node = wElm;
		while (node) {
			oLeft += node.offsetLeft;
			oTop += node.offsetTop;
			node = node.offsetParent;
		}
		rStyle = rBox.style;
		rStyle.left = (oLeft - 280) + "px";
		rStyle.top = (oTop - 206) + "px";
		rStyle = rBox2.style;
		rStyle.left = (oLeft - 280) + "px";
		rStyle.top = (oTop - 206) + "px";
	}
}*/

//window.onresize=resizeBalloon;