var public_description = new init();
var curObj;
var curObj2;
var ctime ="";

//get current date..
var now_date=new Date();
var s_year=now_date.getYear();
if( s_year<1900) s_year=s_year+1900;
var s_month = return0(now_date.getMonth()+1);
var s_day = return0(now_date.getDate());
var dtype = "YYYY/MM/DD";
var strLang = "";
var day_name="";
//var month_name=new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
var month_name=new Array('1','2','3','4','5','6','7','8','9','10','11','12');
var isSelect = 0;
var calWidth = 210;
var menuPopup;
var langCd = "KO";// Á¤À±Ç¥ ¼öÁ¤ "" --> "KO"   20081027

function init()
{
   this.put_datetype = put_datetype;
   this.put_curDate = put_curDate;
   this.put_month_name= put_month_name;
   this.put_day_name= put_day_name;
   this.put_select = put_select;
   this.put_calWidth = put_calWidth;
}

function hover(on, el)
{
   //var el = window.event.srcElement;
   //var el = menuPopup.event.srcElement;
   if (el && el.nodeName == "TD")
   {
      if (el.title == '') return;
      if (on)
      {
         el.style.border = '1px solid #000033';
      }
      else
      {
         el.style.border = '1px solid #ffffff';
      }
   }
}

function choose(y,m, el)
{
   //var el = window.event.srcElement;
   if (el && el.nodeName == "TD")
   {
      if (el.title == '') return;
      return_date(y,m,el.title);
   }
}

function put_datetype(str)
{
   dtype = str;
}

function put_month_name(str)
{
   month_name = str;
}

function put_day_name(str)
{
   day_name = str;
}

function put_select(str)
{
   isSelect = str;
}

function put_calWidth(str)
{
   calWidth = str;
}

function put_curDate(str)
{
	var y=0,m=0,d=0;
	ctime = "";
	if (str.length == 0 )
	{
		y = s_year;
		m = s_month;
		d = s_day;
	}
	else
	{
		y = parseInt(str.substring(0,4),10);
		m = parseInt(str.substring(4,6),10);
		d = parseInt(str.substring(6,8),10);

		if (str.length >= 14) ctime = str.substring(8,14);
	}

	show_current(y,m,d);

	return(false);
}

function setLang( lang )
{

	if( lang != null || lang != "" )
		strLang = lang;
	else
		strLang = "E";
}

function return0(str)
{
	str=""+str;
	if (str.length==1) str="0"+str;
	return str;
}


function dreplace( str , old_char , new_char )
{
	if( str == null || str == "" ) return;
	else
	{
		var fromindex = 0;
		var temp = "";
		for(var i=0 ; i<str.length ; i++)
		{
			fromindex = i;
			pos = str.indexOf(old_char,fromindex);
			if( pos != -1 )
			{
				temp = str.substring(0,pos) + new_char + str.substring(pos+old_char.length);
				str = temp;
				i = pos+new_char.length-1;
			} else break;
		}
		return str;
	}
}

//open calendar
function show_current(y,m,d)
{

	s_year=y;
	s_month=m;
	s_day=d;

	make_calendar(s_year,s_month,s_day)


}

//processing changed date
function return_date(year_item, month_item, day_item)
{

	if( year_item < 1900) year_item = 1900 + year_item;

	month_item=return0(month_item);
	day_item=return0(day_item);
	//make_calendar(year_item,month_item,day_item);
	input_date(year_item,month_item,day_item);
}

//output selected date
function input_date(year_item, month_item, day_item)
{
	var m_name=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
	var m_name2=new Array('JANUARY','FEBRUARY','MARCH','APRIL','MAY','JUNE','JULY','AUGUST','SEPTEMBER','OCTOBER','NOVEMBER','DECEMBER');
	if( year_item < 1900) year_item = 1900 + year_item;
	month_item=""+month_item;
	day_item=""+day_item;
	month_item2 = return0(month_item);
	day_item2 = return0(day_item);
	
	if(langCd == "EN") {
		var backupidval =month_item2 +"/"+ day_item2+"/"+ year_item ;
	} else if (langCd =="JA"){
		var backupidval = year_item +"/"+ month_item2 +"/"+ day_item2;
	} else {
		var backupidval = year_item +"-"+ month_item2 +"-"+ day_item2;
	}	
	realDate = dtype.toUpperCase();
	if(realDate.indexOf("YYYY")!=-1) realDate=dreplace(realDate,"YYYY",year_item);
	else if(realDate.indexOf("YY")!=-1) realDate=dreplace(realDate,"YY",year_item.substring(2));
	if(realDate.indexOf("DD")!=-1) realDate=dreplace(realDate,"DD",day_item2);
	else if(realDate.indexOf("D")!=-1) realDate=dreplace(realDate,"D",day_item);
	if(realDate.indexOf("MON")!=-1) realDate=dreplace(realDate,"MON",m_name[parseInt(month_item,10)-1]);
	else if(realDate.indexOf("MMMM")!=-1) realDate=dreplace(realDate,"MMMM",m_name2[parseInt(month_item,10)-1]);
	else if(realDate.indexOf("MMM")!=-1) realDate=dreplace(realDate,"MMM",m_name[parseInt(month_item,10)-1]);
	else if(realDate.indexOf("MM")!=-1) realDate=dreplace(realDate,"MM",month_item2);
	else if(realDate.indexOf("M")!=-1) realDate=dreplace(realDate,"M",month_item);
	var backupval = realDate;

     setCalDate(scriptId, backupidval);
    menuPopup.hide();

}
//draw calendar UI
function make_calendar(y,m,d)
{
    y = parseInt(y, 10);
    m = parseInt(m, 10);
    d = parseInt(d, 10);

	var content="";


    if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
    {
        isIe = 1;
    }
    else
    {
        isIe = 0;
    }

    if(isIe)
    {

    	var day_num=new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

        if (m == 0) { y = y - 1; m = 12; }
        else if (m == 13) { y = y + 1; m = 1; }

    	if(((y % 4 == 0) && (y % 100 != 0)) || (y % 400 == 0)) day_num[1]=29;

    	var first=new Date(y,m-1, 1);
    	firstday    = first.getDay()+1
    	DaysInMonth = day_num[m-1]

    	if ((m-2) == -1) DaysInBefMonth = day_num[11]
    	else DaysInBefMonth = day_num[m-2]


    	if (d > DaysInMonth) day = DaysInMonth
    	else day = d

	content = content + "<body bgcolor=#FFFFFF text=#000000 leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>\n"
	content = content + " <form name=calendar>\n"
	content = content + "<table width=210 border=0 cellspacing=0 cellpadding=0" +
    	         "onmouseover='parent.hover(true, window.event.srcElement)' onmouseout='parent.hover(false, window.event.srcElement)' onclick='parent.choose(" + y + "," + m + ", window.event.srcElement)'>  \n"
	content = content + "<tr>                                                                                                 \n"
	content = content + "	<Td valign=top>                                                                                 \n"
	content = content + "		<Table width=210 cellpadding=0 cellspacing=0 border=0 background=/mp/common/images/calendar/top_bg.gif> \n"
	content = content + "		<tr height=31>                                                                                \n"
	content = content + "			<td width=1 bgcolor=#4291BC></td>                                                       \n"
	content = content + "			<Td width=63 align=right  style=font-size:12px>\n"
    	content=content + "<select style='font-size:8pt;' name=years  onChange='parent.showCalendarPopup(this.value, calendar.months.value,"+ day+")'>\n"

       	 for( i=1920 ;i <= 2037;i++)
    	   {
    		   content=content + "<option value=" + i
    		   if (i ==y) content=content +  " selected>" + i  + "</option>\n"
    		   else content=content +  ">" + i + "</option>\n"
    	   }

         content=content + "</select>³â</TD>      \n"
	content = content + "			<Td width=20 align=center >                                                             \n"
	content = content + "				<Table width=20 cellpadding=0 cellspacing=0 border=0>                         \n"
	content = content + "				<Tr>                                                                                  \n"
	content = content + "					<Td><span style='font-size: 8px;font-family:tahoma,verdana; color:blue; text-decoration:none; cursor:hand' onClick='parent.showCalendarPopup(" + (y+1) + "," + m + "," + day + ");' ><img src=/images/calendar/button_up.gif style=border:none></a></TD>\n"
	content = content + "				</TR>                                                                                 \n"
	content = content + "				<Tr>                                                                                  \n"
	content = content + "					<Td><span style='font-size: 8px;font-family:tahoma,verdana; color:blue; text-decoration:none; cursor:hand' onClick='parent.showCalendarPopup(" + (y-1) + "," + m + "," + day + ");' ><img src=/images/calendar/button_down.gif style=border:none></TD>\n"
	content = content + "				</TR>                                                                                 \n"
	content = content + "				</TABLE>                                                                              \n"
	content = content + "			</TD>                                                                                     \n"
	content = content + "			<Td width=45  align=right style=font-size:12px>\n"
	content=content + "<select style='font-size:8pt;' name=months onChange='parent.showCalendarPopup(calendar.years.value, this.value,"+ day+")'>\n"

    	   for (i=1 ;i<= 12;i++)
    	   {
    		    content=content + "<option value=" + i
    		    if (i ==m) content=content +  " selected>"
    		    else content=content +  ">"

    		    content=content + month_name[i-1]  + "</option>\n"
    	   }

    	content=content + "</select >¿ù</TD>     \n"
	content = content + "			<Td width=21  align=center>                                                             \n"
	content = content + "				<Table width=20 cellpadding=0 cellspacing=0 border=0>                         \n"
	content = content + "				<Tr>                                                                                  \n"
	content = content + "					<Td><span style='font-size: 8px;font-family:tahoma,verdana; color:blue; text-decoration:none; cursor:hand' onClick='parent.showCalendarPopup(" + y + "," + (m+1) + "," + day + ");' ><img src=/images/calendar/button_up.gif style=border:none></TD>\n"
	content = content + "				</TR>                                                                                 \n"
	content = content + "				<Tr>                                                                                  \n"
	content = content + "					<Td><span style='font-size: 8px;font-family:tahoma,verdana; color:blue; text-decoration:none; cursor:hand' onClick='parent.showCalendarPopup(" + y + "," + (m-1) + "," + day + ");' ><img src=/images/calendar/button_down.gif style=border:none></TD>\n"
	content = content + "				</TR>                                                                                 \n"
	content = content + "				</TABLE>                                                                              \n"
	content = content + "			</TD>                                                                                     \n"
	content = content + "			<Td width=59  align=center><span style='font-size: 12px;text-decoration:none; cursor:hand' onClick='parent.showCalendarPopup(" + s_year + "," + s_month + "," + s_day + ");' >[Today]</span></TD>\n"
	content = content + "			<td width=1 bgcolor=#4291BC></td>                                                       \n"
	content = content + "		</tr>		                                                                                  \n"
	content = content + "		</TABLE>		                                                                              \n"
	content = content + "	</TD>	                                                                                          \n"
	content = content + "</tr>                                                                                                \n"
	content = content + "<tr>                                                                                                 \n"
	content = content + "	<Td height=1 bgcolor=#B4B4B4></TD>                                                            \n"
	content = content + "</tr>	                                                                                              \n"
	content = content + "<tr>                                                                                                 \n"
	content = content + "	<Td height=1 bgcolor=#ffffff></TD>                                                            \n"
	content = content + "</tr>                                                                                                \n"
	content = content + "<tr>                                                                                                 \n"
	content = content + "	<Td valign=top>                                                                                 \n"
	content = content + "		<Table width=210 cellpadding=0 cellspacing=0 border=0>                                \n"
	content = content + "		<Tr height=22 align=center>                                                                 \n"
	content = content + "			<Td width=19  background=/images/calendar/mon_bg.gif></TD>			                          \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#FF0000'>" + day_name[0] + "</TD>                      \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#000000'>" + day_name[1] + "</TD>                                     \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#000000'>" + day_name[2] + "</TD>                                     \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#000000'>" + day_name[3] + "</TD>                                     \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#000000'>" + day_name[4] + "</TD>                                     \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#000000'>" + day_name[5] + "</TD>                                     \n"
	content = content + "			<Td width=26 background=/images/calendar/mon_bg.gif style='font-size:12px; text-decoration:none;color:#005CE6'>" + day_name[6] + "</TD>                    \n"
	content = content + "			<Td width=19 background=/images/calendar/mon_bg.gif></TD>			                              \n"
	content = content + "		</TR>                                                                                         \n"
	content = content + "		<Tr height=24 align=center>                                                                 \n"
	content = content + "			<Td></TD>			                                                                      \n"

    	var column = 0

    	for (i=1 ; i <= (firstday-1);i++)
    	{
    		content=content + "<TD align=center style='font-size:12px;bgcolor:#ffffff;'></TD>\n"
    		column =column + 1
    	}

    	for( i=1 ; i<= DaysInMonth;i++)
    	{
    		if(y == s_year && m == s_month && i == s_day) content=content+"<TD align=center style='border:1px; font-size:12px;  font-weight:bold;color:#ffffff; background-color:#00A2D7; vertical-align:middle; cursor:hand'\n"
    		else if(column ==0) content=content+"<TD align=center style='border:1px; font-size:12px;  background-color:ffffff; vertical-align:middle; color:#ff0000; cursor:hand'\n"
    		else if(column ==6) content=content+"<TD align=center style='border:1px; font-size:12px;  background-color:ffffff; vertical-align:middle; color:#0000ff; cursor:hand'\n"
    		else  content=content+"<TD align=center style='border:1px; font-size:12px; background-color:ffffff; vertical-align:middle; cursor:hand'\n"
    		content = content + " title=" + i + ">" + i;
    		//content=content + "<span style=cursor:hand; onclick=javascript:parent.return_date(" + y + "," + m+ "," + i + ")>" + i + "</span>"
    		column  = column + 1
    		content = content + "</TD>\n"

    		if(column == 7 && i < DaysInMonth)
    		{
    			content = content + "<td></td></TR><Tr><Td colspan=9 background=/images/calendar/dot.gif height=1></TD></TR><TR height=24  bgcolor=#FFFFFF><td></td>\n"
    			column = 0
    		}
    	}

    	if((column > 0) && (column < 7))
    	{
    		for (i=1 ;i <= (7-column) ; i++)
    			content=content+"<TD align=center style='font-size:12px;bgcolor:#ffffff;'></TD>\n"
    			//content=content+"<TD align=center style='font-size:12px; font-family:tahoma,verdana; background-color:cccccc; vertical-align:top'>"+i+"</TD>\n"
    	}

	content = content + "			<Td></TD>			                                                \n"                      
	content = content + "		</TR>                                                                   \n"                      
	content = content + "		<Tr>                                                                    \n"                      
	content = content + "			<Td colspan=9 bgcolor=#737173 height=1></TD>                    \n"                      
	content = content + "		</TR>                                                                   \n"                      
	content = content + "		</TABLE>                                                                \n"                      
	content = content + "	</TD>                                                                       \n"                      
	content = content + "</tr>                                                                          \n"                      
	content = content + "</table>                                                                       \n"     
	content = content + "</form> \n"                 
	content = content + "</body>                                                                        \n"                      
	content = content + "</html>                                                                        \n"                      


      menuPopup = window.createPopup();
      menuPopup.document.body.innerHTML = content;
  }
}

function lostFocus()
{
    menuPopup.document.calendar.years.focus();
        //menuPopup.document.calendar.all['tempFocus'].focus();
        //menuPopup.document.calendar.tempFocus.focus();
    menuPopup.document.calendar.years.blur();
}

function closePopup()
{

    if(menuPopup != null)
    {
        menuPopup.hide();
    }
}
 menuDelay1 = 50; //delay before menu appears
 menuSpeed1 = 5; //speed which menu appears (lower=faster)
 menuOffset1 = 2; //offset of menu from mouse pointer

 menuWidth1 = 210;
 menuHeight1 =210; //menu height

var scriptId;
var scriptName;
function callCalendarPopup(scriptId, scriptName, langCd)
{

    if(window.navigator.appName == "Microsoft Internet Explorer" && window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, window.navigator.appVersion.indexOf("MSIE") + 8) >= 5.5)
    {
	}
	else
	{
    	return alert("Version of Internet Explorer must higher than 5.5");
	}
	
	if (scriptId.readOnly) {
	    return;
	}


    this.scriptId = scriptId;
    this.scriptName = scriptName;
    this.langCd = langCd;
	if(langCd=='KO'){
		day_name= new Array(' ÀÏ','¿ù', 'È­', '¼ö', '¸ñ', '±Ý', 'Åä');
	}else if (langCd == 'JA') {
		day_name= new Array('ìí' ,'êÅ',  'ûý', 'â©', 'ÙÊ', 'ÐÝ', '÷Ï');
	}else {
		day_name=new Array('S','M','T','W','T','F','S');
	}   
 

    if(scriptId.value==null || scriptId.value=='') {
    	showCalendarPopup(s_year,s_month,s_day);
    } else {
	var date;
   	if(scriptId.value.length != 10) {
    		alert('ÀÚ¸®¼ö°¡ ¸ÂÁö ¾Ê½À´Ï´Ù.');
    	}
    	if(langCd == 'EN' || langCd == 'JA') {
    	   	date = scriptId.value.split('/');
    	} else {
    		date = scriptId.value.split('-');
    	}
    	if(langCd == 'EN') {
    	   	showCalendarPopup(date[2], date[0], date[1]);
    	} else {
    	   	showCalendarPopup(date[0], date[1], date[2]);
    	}
    	
    }
}

var obj;
var menuTimer;
function showCalendarPopup(sYear,sMonth,sDay)
{

    make_calendar(sYear,sMonth,sDay);
    obj = document.getElementById(scriptName);

    menuXPos = getX(obj)+5;
    menuYPos = getY(obj)+18;

//    menuXPos = event.clientX + menuOffset1;
//    menuYPos = event.clientY + menuOffset1;



    menuXIncrement = menuWidth1 / menuSpeed1;
    menuYIncrement = menuHeight1 / menuSpeed1;

     menuTimer = setTimeout("openMenu()", menuDelay1);

 //  menuTimer = setTimeout("openMenu(0,0)", menuDelay1);      
    return false;
}

var iHeight =0;
var iWidth=0;
	
function openMenu()
{

//    iHeight = height;
//    iWidth = width;

	iHeight +=menuYIncrement;
	iWidth+=menuXIncrement;

    if(iHeight < menuHeight1)
    {
//        menuTimer = setTimeout("openMenu(iHeight + menuYIncrement, iWidth + menuXIncrement)", 1);
        menuTimer = setTimeout("openMenu()", 1);
    }
    else
    {
	
        menuPopup.show(menuXPos, menuYPos, iWidth, iHeight, document.body);
        iHeight = 0;
        iWidth = 0;
        clearTimeout(menuTimer);
    }
}

 //if(isIe) document.oncontextmenu = showMenu;

function getX(obj)
{
 return( obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+getX(obj.offsetParent) );
}

function getY(obj)
{
 return( obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+getY(obj.offsetParent) );
}
