var Xwidth = 150;
	   var Fwidth;
	   var Xfixed;
	   var Yfixed;
	   var MoveC ="ok";
	   var toolTp = 1;

	   var nv = (document.layers);
	   var ex = (document.all);
	   if (nv) {
		   var TMov = document.tooltipMov;
		   var TFix = document.tooltipFix;
	   }
	   else if (ex) {
		   //var TMov = tooltipMov.style;
		   //var TFix = tooltipFix.style;
		   var TMov = document.getElementById("tooltipMov").style;
		   var TFix = document.getElementById("tooltipFix").style;
	   }
	   else {
			document.addEventListener('mousemove',SaveMouseEventT,false);
			var TMov = document.getElementById("tooltipMov").style;
			var TFix = document.getElementById("tooltipFix").style;
	  }

       function SaveMouseEventT(e) {
          MouseEventValue = e;
       }

	   if (nv) document.captureEvents(Event.MOUSEMOVE);
	   document.onmousemove = get_mouse;

	   function pop(framec,title,titlec,msg,msgc,bakc) {
		 var content ="<table width='400' style='border:solid 1px #393939' cellpadding='2' cellspacing='0' bgcolor='" +framec+ "'><tr><td><table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td align='left' style='font-size:12px;color:" + titlec + ";font-weight:bold;padding:5px;'>" +title+ "</td></tr></table><table width='100%' border='0' cellpadding='2' cellspacing='0' bgcolor='"+bakc+"'><tr><td align='left' style='font-size:12px;color:" +msgc+ "'>"+msg+"</td></tr></table></td></tr></table>";

         Xwidth = 400;

		 visibilityX(content);
	   }

	   function popx(framec,title,titlec,msg,msgc,bakc,x) {
		 var content ="<table width='" + x + "' style='border:solid 1px #393939;' cellpadding='2' cellspacing='0' bgcolor='" +framec+ "'><tr><td><table width='100%'  cellpadding='0' cellspacing='0'><tr><td align='left' style='font-size:12px;color:" + titlec + ";font-weight:bold;padding:5px;'>" +title+ "</td></tr></table><table width='100%'  cellpadding='2' cellspacing='0' bgcolor='"+bakc+"'><tr><td align='left' style='padding:10px;font-size:12px;color:" + msgc + ";'>"+msg+"</td></tr></table></td></tr></table>";

         Xwidth = x;

		 visibilityX(content);
	   }

	   function popimgx(framec,framepx,img,x) {
         if (framepx == '0' || framepx == 0 || framepx == '') var border = "";
		 else var border = "border:" + framepx + "px solid " + framec + ";";
		 var content ="<div style='background-color:#ffffff;" + border  + "'><img alt='' src='"+img+"'  width='"+x+"' /></div>";

         Xwidth = x;

		 visibilityX(content);
	   }

	   function popT(msg,msgc,msgs,bakc,framec,framepx,x) {
		 if (framepx == '0' || framepx == 0 || framepx == '') var border = "";
		 else var border = "border:" + framepx + "px solid " + framec + ";";
		 if (x == '0' || x == 0 || x == '') var width = "width:0;";
		 else var width = "width:" + x + "px;";
         var content ="<div style='text-align:left;padding:5px;background-color:" + bakc + ";font-size:" + msgs + "px;color:" +msgc+ ";" + border  + width + "'>"+msg+"</div>";

		 Xwidth = x;

		 visibilityX(content);
	   }

	   function visibilityX(content){
		 if (nv) {
		   TMov.document.write(content);
		   TMov.document.close();
		   TMov.display = "inline-block";
		 }
		 else if (ex) {
		   document.getElementById("tooltipMov").innerHTML = content;
		   TMov.display = "inline-block";
		 }
		 else {
		   document.getElementById('tooltipMov').innerHTML = content;
		   TMov.display = "inline-block";
		 }
	   }

	   function get_mouse(e) {
		 if (nv) {
			 var x = e.pageX;
			 var y = e.pageY;
		 }
		 else if (ex){
             var x = event.x+document.documentElement.scrollLeft;
			 if( navigator.appVersion.indexOf("MSIE 6") > -1 && document.body.scrollTop == ''){ //IE6
				var y = event.y+document.documentElement.scrollTop;
			 }
			 else if (navigator.appVersion.indexOf("MSIE 7") > -1 && document.body.scrollTop == ''){ //IE7
				 var y = event.y+document.documentElement.scrollTop;
			 }
			 else { // 그외
				 var y = event.y+document.body.scrollTop;
			 }
		 }
		 else if (e.clientX || e.clientY) {
			 //var x = e.clientX+document.body.scrollLeft;
			 var x = e.clientX+document.documentElement.scrollLeft;
			 if (document.body.scrollTop != '') { //크롬
				 var y = e.clientY+document.body.scrollTop;
			 }
			 else { // 파폭
				 var y = e.clientY+document.documentElement.scrollTop;
			 }
		 }

		 if (ex) {
			 var w = window.document.body.clientWidth;
			 var h = window.document.body.clientHeight;
		 }
		 else {
			 var w = window.document.documentElement.clientWidth;
			 var h = window.document.documentElement.clientHeight;
		 }

         var TMovX = x - 100;
		 var TMovY = y + 20;

		 var tw = w - parseInt(Xwidth);

		 if (x > tw) {
			  Fwidth = x - tw + 10;
			  //tw = x - Fwidth + document.body.scrollLeft;
			  tw = x - Fwidth + document.documentElement.scrollLeft;
		 }
		 else Fwidth = 10;

	     if (TMovX > tw - 15) TMovX = tw - 15;
		 else if (TMovX < 15) TMovX = 15;

		 TMov.left = TMovX + 'px';
		 TMov.top = TMovY + 'px';

		 if (Xfixed == '' || MoveC == 'ok') {
			if (x > tw) TFix.left = (tw - 10) + 'px';
			else TFix.left = (x - 10) + 'px';
			TFix.top = (y + 10) + 'px';

			if (x > tw) Xfixed = tw -10;
			else Xfixed = x -10;
			Yfixed = y + 10;
		 }
		 else {//alert (Xfixed + "," + Yfixed + "," + MoveC);
			TFix.left = parseInt(Xfixed) + 'px';
			TFix.top = parseInt(Yfixed) + 'px';
		 }

	   }

	   function off() {
		 TMov.display = "none";
	   }

	  // JavaScript Calendar

	  var cal_frm = "";
	  var cal_fld = "";
	  var cal_idx = "";
	  var tmpImg = new Image
	  var arrImg = new Array();
	  var direct = document.getElementById('direct').value;
	  tmpImg.src = direct + "/images/arrow_prev.gif";arrImg[0] =tmpImg.src;
	  tmpImg.src = direct + "/images/arrow_next.gif";arrImg[1] =tmpImg.src;
	  var prev_img = "<img alt='' src='"+arrImg[0]+"' border='0' style='text-align:center' />"
	  var next_img = "<img alt='' src='"+arrImg[1]+"' border='0' style='text-align:center' />"

	  //var nv = (document.layers);
	  //var ex = (document.all);

	  //if (nv) document.captureEvents(Event.MOUSEMOVE);
	  //document.onmousemove = get_mouseC;

	  function setObj(formName,fieldName,index,e) {
		cal_frm = formName;
		cal_fld = fieldName;
		cal_idx = index || "";

		popEnterBa();

		MoveC = 'no';

		cal();
	  }

	  function setDate(y, m, d) {
		m = (m.toString().length==1)? "0"+m : m;
		d = (d.toString().length==1)? "0"+d : d;
		var date = y + "-" + m + "-" + d;
		var ele = eval("document."+cal_frm+"."+cal_fld)
		var cnt = ele.length;
		if(typeof(cnt)=="undefined" || cnt < 2){
		  ele.value = date;
		}
		else{
		  for(var i =0;i<cnt;i++)  {
			var tmpEle = eval("document."+cal_frm+"."+cal_fld);
			if(tmpEle[i].cal_idx==cal_idx) {
			  tmpEle[i].value = date;
			}
		  }
		}

		offT()
	  }
	  function cal(year, month) {
		var date = new Date();
		var nowYear = date.getYear();
		nowYear = (nowYear < 1000) ? nowYear + 1900 : nowYear;
		var nowMonth = date.getMonth()+1;
		var curYear = year || nowYear;
		var curMonth = month || nowMonth;
		var curDate = date.getDate();
		var february = ((0 == curYear % 4) && (0 != (curYear % 100))) ||
			 (0 == curYear % 400) ? 29 : 28;
		var arrMonth = new Array("1","2","3","4","5","6","7","8","9","10","11","12");
		var arrLastDate = new Array(31, february, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
		var arrDay = new Array("일", "월", "화", "수", "목", "금", "토");
		var link_year_prev = "<font style='cursor:pointer' onClick='cal("+(curYear-1)+","+curMonth+");'>";
		var link_year_next = "<font style='cursor:pointer' onClick='cal("+(curYear+1)+","+curMonth+");'>";
		var prev_year = (curMonth == 1)? curYear - 1:curYear;
		var prev_month = (curMonth == 1)? 12 : curMonth - 1;
		var next_year = (curMonth == 12)? curYear+1:curYear;
		var next_month = (curMonth == 12)? 1 : curMonth + 1;
		var link_month_prev = "<font style='cursor:pointer' onClick='cal("+prev_year+","+prev_month+")'>";
		var link_month_next = "<font style='cursor:pointer' onClick='cal("+next_year+","+next_month+")'>";

		var arrDate = new Array("&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;","&nbsp;")
		var tmpDate = new Date(curYear, curMonth-1, 1)
		var startPos = tmpDate.getDay();

		var j = 1;
		for(var i = startPos; i<arrLastDate[curMonth-1]+startPos; i++) {
		  if (curYear == nowYear && curMonth == nowMonth && j == curDate) arrDate[i] = "<font onClick='setDate("+curYear+","+curMonth+",\""+j+"\")' style='cursor:pointer;font-size:12px' color='#009900'><b><u>"+j+"</u></b></font>";
		  else arrDate[i] = "<font onClick='setDate("+curYear+","+curMonth+",\""+j+"\")' style='cursor:pointer;'>"+j+"</font>";
		  j++;
		}

		var cont  = "<table width='180' border='0' cellpadding='0' cellspacing='0' bgcolor='#F9F9F9' style='border:solid 1px #808080'>";

		cont += "<tr height='25'><td align='center' valign='top' bgcolor='#F9F9F9'><br />"
		cont += "<table height='20' border='0' cellpadding='0' cellspacing='0' bgcolor='#F9F9F9'><tr><td width='11'>"
		cont += link_year_prev+prev_img+"</font></td><td width='55' align='center'><b>"+curYear+"년</b></td><td width=11>"+link_year_next+next_img+"</font></td><td width='5'></td><td width='11'>";
		cont += link_month_prev+prev_img+"</font></td><td width='35' align='center'><b>"+curMonth+"월</b></td><td width='11'>"+link_month_next+next_img+"</font>";
		cont += "</td><td width='15' align='right'><font style='cursor:pointer' onClick='offT()'><img alt='' src='"+direct+"/images/del.gif' width=11 border='0' /></font>"
		cont += "</td></tr></table>"
		cont += "</td></tr>";

		cont += "<tr><td align='center'>"

		cont += "<table border='0' width='' cellpadding='1' cellspacing='0' bgcolor='#F9F9F9'>"
		cont += "<tr height='13' align='center'>"

		cont += "<td width='20'><strong><font color='#E43030'>"+arrDay[0]+"</font></strong></td>"
		cont += "<td width='20'>"+arrDay[1]+"</td>"
		cont += "<td width='20'>"+arrDay[2]+"</td>"
		cont += "<td width='20'>"+arrDay[3]+"</td>"
		cont += "<td width='20'>"+arrDay[4]+"</td>"
		cont += "<td width='20'>"+arrDay[5]+"</td>"
		cont += "<td width='20'><strong><font color='#0071bc'>"+arrDay[6]+"</font></strong></td>"

		for(var i =0; i<arrDate.length;i+=7) {
		  if(i!=35 || arrDate[35]!="&nbsp;") {
			cont += "<tr height='14' align='center'>";
			cont += "<td><font color='#E43030'>"+arrDate[i]  +"</font></td>";
			cont += "<td>"+arrDate[i+1]+"</td>";
			cont += "<td>"+arrDate[i+2]+"</td>";
			cont += "<td>"+arrDate[i+3]+"</td>";
			cont += "<td>"+arrDate[i+4]+"</td>";
			cont += "<td>"+arrDate[i+5]+"</td>";
			cont += "<td><font color='#0071bc'>"+arrDate[i+6]+"</font></td>";
			cont += "</tr>"
		  }
		}
		cont += "</table><br />"
		cont += "</td></tr>"

		cont += "</table>";

		Xwidth = 180;

		visibilityXT(cont);
	  }

	  function popEnterBa(){
		Xfixed = "";
		Yfixed = "";
	  }

	  function popEnterB(a,b,c) {
		MoveC = 'no';

		var width = c;
		var twidth = parseInt(width) + 6;
		Xwidth = twidth;
		var fwidth = parseInt(Fwidth);
		if (fwidth > width) var fwidth = width - 15;
		var rwidth = width - fwidth - 15;
		//alert(Xwidth.value + ", " + Fwidth.value);
		var content ="<table style='border:solid 0px #FFFFFF' cellpadding='0' cellspacing='0' width="+twidth+">";
				content +="<tr>";
					content +="<td colspan='3' height='14' align='center'>";
						content +="<table cellpadding='0' cellspacing='0' width="+width+" height='100%'>";
							content +="<tr>";
								content +="<td width="+fwidth+"></td>";
								content +="<td width='15' height='100%'></td>";
								content +="<td width="+rwidth+"></td>";
							content +="</tr>";
						content +="</table>";
					content +="</td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td width='3'  height='3'  bgcolor='#7cb2cc'></td>";
					content +="<td width='"+width+"' bgcolor='#7cb2cc'></td>";
					content +="<td width='3'  bgcolor='#7cb2cc'></td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td bgcolor='#7cb2cc'></td>";
					content +="<td>";
						content +="<table width='100%' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' valign='top'>";
							content +="<tr>";
								content +="<td align='left' width='100%' height='50' valign='top' style='padding-top:3px;'>&nbsp;#&nbsp;<font style='font-size:12px' color='#000000'><b>"+a+"</b></font><br />";
									content +="<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
										content +="<tr>";
											content +="<td width='100%'>"+b+"</td>";
										content +="</tr>";
										content +="<tr>";
											content +="<td align='right'>&nbsp;<input type='button' value='닫기' onclick='offT()' style='cursor:pointer'>&nbsp;&nbsp;&nbsp;</td>";
										content +="</tr>";
									content +="</table>";
								content +="</td>";
							content +="</tr>";
						content +="</table>";
					content +="</td>";
					content +="<td bgcolor='#7cb2cc'></td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td height='3'  bgcolor='#7cb2cc'></td>";
					content +="<td width='"+width+"' bgcolor='#7cb2cc'></td>";
					content +="<td width='3'  bgcolor='#7cb2cc'></td>";
				content +="</tr>";
			content +="</table>";

		visibilityXT(content);

	  }

	  function popEnterB1(a,b,c,d,e,f) {
		MoveC = 'no';

		var width = e;
		var twidth = parseInt(width) + (parseInt(b) * 2);
		Xwidth = twidth;
		var fwidth = parseInt(Fwidth);
		if (fwidth > width) var fwidth = width - 15;
		var rwidth = width - fwidth - 15;
		//alert(Xwidth + ", " + Fwidth + ", " + Xfixed + ", " + Yfixed + ", " + MoveC);
		var content ="<table border='0' style='border:solid 0px #FFFFFF' cellpadding='0' cellspacing='0' width="+twidth+">";
				content +="<tr>";
					content +="<td colspan='3' height='14' align='center'>";
						content +="<table border='0' cellpadding='0' cellspacing='0' width="+width+" height='100%'>";
							content +="<tr>";
								content +="<td width="+fwidth+"></td>";
								content +="<td width='15' height='100%'></td>";
								content +="<td width="+rwidth+"></td>";
							content +="</tr>";
						content +="</table>";
					content +="</td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td width=" + b + "  height=" + b + " bgcolor='" + a + "'></td>";
					content +="<td width="+width+" bgcolor='" + a + "'></td>";
					content +="<td width=" + b + "  bgcolor='" + a + "'></td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td bgcolor='" + a + "'></td>";
					content +="<td>";
						content +="<table width='100%' border='0' cellpadding='0' cellspacing='0' bgcolor='" + c + "' valign='top'>";
							content +="<tr>";
								content +="<td align='left' width='100%' height='50' valign='top'>";
									content +="<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
										content +="<tr>";
											content +="<td width='100%'>"+d+"</td>";
										content +="</tr>";

								if (f == '1') {
										content +="<tr>";
											content +="<td align='right'>&nbsp;<input type='button' value='닫기' onclick='offT()' style='cursor:pointer'>&nbsp;&nbsp;&nbsp;</td>";
										content +="</tr>";
								}

									content +="</table>";
								content +="</td>";
							content +="</tr>";
						content +="</table>";
					content +="</td>";
					content +="<td bgcolor='" + a + "'></td>";
				content +="</tr>";
				content +="<tr>";
					content +="<td height=" + b + "  bgcolor='" + a + "'></td>";
					content +="<td width="+width+" bgcolor='" + a + "'></td>";
					content +="<td width=" + b + "  bgcolor='" + a + "'></td>";
				content +="</tr>";
			content +="</table>";

		visibilityXT(content);

	  }

	  function visibilityXT(content) {
		  if (nv) {
			TFix.document.write(content);
			TFix.document.close();
			TFix.display = "inline-block";
		  }
		  else if (ex) {
			document.all("tooltipFix").innerHTML = content;
			TFix.display = "inline-block";
		  }
		  else {
		    document.getElementById('tooltipFix').innerHTML = content;
		    TFix.display = "inline-block";
		  }
	  }

	   function offT() {
		 TFix.display = "none";
	   }

		function colorSel() {
			addary = new Array(); //red
			addary[0] = new Array(0,1,0); //red green
			addary[1] = new Array(-1,0,0); //green
			addary[2] = new Array(0,0,1); //green blue
			addary[3] = new Array(0,-1,0); //blue
			addary[4] = new Array(1,0,0); //red blue
			addary[5] = new Array(0,0,-1); //red
			addary[6] = new Array(255,1,1);
			clrary = new Array(360);

			for(i = 0; i < 6; i++) {
			   for(j = 0; j < 60; j++) {
				  clrary[60 * i + j] = new Array(3);
				  for(k = 0; k < 3; k++) {
					 clrary[60 * i + j][k] = addary[6][k];
					 addary[6][k] += (addary[i][k] * 4);
				  }
			   }
			}
		}

		function capture() {

		   colorSel();

		   if(document.layers) {
			  layobj = document.layers['wheel'];
			  layobj.document.captureEvents(Event.MOUSEMOVE);
			  layobj.document.onmousemove = moved;
		   }
		   else if (document.all){
			  layobj = document.all["wheel"];
			  layobj.onmousemove = moved;
		   }
		   else {
			  document.addEventListener('mousemove',moved,false);
			  document.getElementById('wheel').sourceHTML = document.getElementById('wheel').innerHTML;
		   }
		}

		function moved(e) {
		   if (document.layers) {
			   var y = 4 * (e.layerX);
			   var x = 4 * (e.layerY);
		   }
		   else if (document.all) {
			   var y = 4 * (event.offsetX);
			   var x = 4 * (event.offsetY);
		   }
		   else {
			   var y = 4 * (e.pageX - Xfixed);
			   var x = 4 * (e.pageY - Yfixed);//alert (document.getElementById('Xfixed').value + "," + e.pageX + "," + document.getElementById('Yfixed').value + "," + e.pageY);
		   }

		   sx = x - 512;
		   sy = y - 512;
		   qx = (sx < 0)?0:1;
		   qy = (sy < 0)?0:1;
		   q = 2 * qy + qx;
		   quad = new Array(-180,360,180,0);
		   xa = Math.abs(sx);
		   ya = Math.abs(sy);
		   d = ya * 45 / xa;
		   if(ya > xa) d = 90 - (xa * 45 / ya);
		   deg = Math.floor(Math.abs(quad[q] - d));
		   n = 0;
		   sx = Math.abs(x - 512);
		   sy = Math.abs(y - 512);
		   r = Math.sqrt((sx * sx) + (sy * sy));
		   if(x == 512 & y == 512) {
			  c = "000000";
		   }
		   else {
			  for(i = 0; i < 3; i++) {
				 r2 = clrary[deg][i] * r / 256;
				 if(r > 256) r2 += Math.floor(r - 256);
				 if(r2 > 255) r2 = 255;
				 n = 256 * n + Math.floor(r2);
			  }
			  c = n.toString(16);
			  while(c.length < 6) c = "0" + c;
		   }
		   if(document.layers) { //alert ('t0');
			  document.layers["wheel"].document.getElementById('colorv').value = "#" + c;
			  document.layers["wheel"].bgColor = "#" + c;
		   }
		   else if (document.all){ //alert ('t1');
			  document.all["wheel"].document.getElementById('colorv').value = "#" + c;
			  document.all["wheel"].style.backgroundColor = "#" + c;
		   }
		   else { //alert('t2');
			  document.getElementById('colorv').value = "#" + c;
			  document.getElementById('wheel').style.backgroundColor = "#" + c;
		   }
		   return false;
		}

		function stop(a,b){
		   var k = eval("document." + a + "." + b);
		   k.value = document.getElementById('colorv').value;
		   k.style.backgroundColor = document.getElementById('colorv').value;
		   document.getElementById('wheel').style.display = 'none';
		   offT();
		}

		function opencolor(a,b) {
			var colorTable = "<div id='wheel' style='width:256px;height:276px;position:relative; left:0px; top:0px; z-index:1;display:inline-block;'>";
				colorTable += "<table border='0' cellpadding='0' cellspacing='0' width='100%'>";
				  colorTable += "<tr>";
				    colorTable += "<td>";
				      colorTable += "<img alt='' src='../images/colorwheel.jpg' width='256' height='256'  onclick=\"stop('" + a + "','" + b + "')\" />";
				    colorTable += "</td>";
				  colorTable += "</tr>";
				  colorTable += "<tr>";
				    colorTable += "<td align='right' height='20'>";
				      colorTable += "<img alt='' src='../images/del.gif' style='cursor:pointer' onclick='offT()' />&nbsp;&nbsp;";
				    colorTable += "</td><input type='hidden' id='colorv' size='27' />";
				  colorTable += "</tr>";
				colorTable += "</table>";
				colorTable += "</div>";


			popEnterBa();
			//popEnterB('색찾기',colorTable,'256');
			popEnterB1('#A2A2A2','1','#FFFFFF',colorTable,'256','0');

			capture();
		}
/*  //보류
	    function myokfunc(){
			alert("색상이 변경되었습니다.");
		}

		//init colorpicker:
		$(document).ready(
			function()
			{
				$.ColorPicker.init();
			}
		);
*/

/*

# Tooltip ver 1.1.0
xhtml 에 맞추기 위하여
- .left, .top 에 값 넣을때 + 'px' 붙였음
- document.body.scrollTop/Left 을 dument.documentElement.scrollTop/Left 으로 수정 (크롬은 그대로)

# Tooltip ver 1.2.0
color picker Jquery 붙였음. 칼라선택할 때 이용 가능

# Tooltip ver 1.2.1
각 브라우져별 스크롤 높이 계산법을 다르게 설정
*/