﻿
//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";

function hover(on, el)
{
   //var el = window.event.srcElement;
   if (el && el.nodeName == "TD")
   {
      if (el.title == '') return;
      if (on)
      {
         el.style.border = '0px solid #F6F6F6';
         el.style.background = '#F6F6F6';
      }
      else
      {
         el.style.border = '0px solid #D0D0D0';
         el.style.background = '#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 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;
	}
}



//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);

	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.toString().substr(2,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 backupidval = year_item + "-" + month_item2 + "-" + day_item2;
	var backupidval = realDate;
	var backupval   = realDate;

		
	setCalDate(scriptId, backupidval);
}

function setCalDate(targetName, returnStr)
{
    eval(targetName).value = returnStr;
	var goodsYear = returnStr.substr(0, 4);
	var goodsMonth = returnStr.substr(4, 2);
	var goodsDay = returnStr.substr(6, 2);	
    location.href='backpack_sub.aspx?type=ym&goodsyear=' + goodsYear + '&goodsmonth=' + goodsMonth + '&goodsDay=' + goodsDay;
}

// selected date
function get_date()
{
	var y = s_year;
	var m = s_month;
	var d = s_day;

	getDate  = getCalDate(scriptId);
	typeDate = scriptType.toUpperCase();

	if (getDate.length == typeDate.length)
	{
		if      (typeDate.indexOf("YYYY") !=-1) y = getDate.substr(typeDate.indexOf("YYYY"), 4);
		else if (typeDate.indexOf("YY")   !=-1) y = getDate.substr(typeDate.indexOf("YY"),   2);
		if      (typeDate.indexOf("DD")   !=-1) d = getDate.substr(typeDate.indexOf("DD"),   2);
		else if (typeDate.indexOf("D")    !=-1) d = getDate.substr(typeDate.indexOf("D"),    1);
		if      (typeDate.indexOf("MM")   !=-1) m = getDate.substr(typeDate.indexOf("MM"),   2);
		else if (typeDate.indexOf("M")    !=-1) m = getDate.substr(typeDate.indexOf("M"),    1);
	}
	showCalendarPopup(y,m,d);
}

function getCalDate(targetName)
{
	return eval(targetName).value;	
}

//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


        //-------------new source calender of left at center----------
        
content=content + "<table width='220' border='0' cellpadding='0' cellspacing='0'>";
content=content + "	<tr>";
content=content + "		<td width='16'>&nbsp;</td>";
content=content + "		<td align='center'>";
content=content + "			<table width='60%' border='0' cellpadding='0' cellspacing='0'>";
content=content + "				<tr>";
content=content + "					<td height='20' align='center'>";
content=content + "						<span style='cursor:pointer' onClick='showCalendarPopup(" + y + "," + (m-1) + "," + day + ");' >";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/back_calendar_pre.gif' alt='' width='14' height='14'/>";
content=content + "						</span>";
content=content + "					</td>";
content=content + "					<td height='20' align='center'>";
content=content + "						<span class='style1'>  "+y+"년 "+m+"월 </span>";
content=content + "					</td>";
content=content + "					<td align='center'>";
content=content + "						<span style='cursor:pointer' onClick='showCalendarPopup(" + y + "," + (m+1) + "," + day + ");' >";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/back_calendar_next.gif' alt='' width='14' height='14'/>";
content=content + "						</span>";
content=content + "					</td>";
content=content + "				</tr>";
content=content + "			</table>";
content=content + "			<table cellspacing='0' cellpadding='0' width='90%' border='0' ";
content=content + "			onmouseover='hover(true, window.event.srcElement)' onmouseout='hover(false, window.event.srcElement)' onclick='choose(" + y + "," + m + ", window.event.srcElement)'";
content=content + "			>";
content=content + "				<tbody>";
content=content + "					<tr bgcolor='white'>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_sun.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_mon.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_tue.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_wed.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_thu.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_fri.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "						<td width='14%' height='30' align='center' bgcolor='white'>";
content=content + "							<img src='http://image.bico.jp/Site/100002/ko/v6/img/calendar_sat.gif' alt='' border='0' />";
content=content + "						</td>";
content=content + "					</tr>";
content=content + "					<tr bgcolor='white'>";

var column = 0

for (i=1 ; i <= (firstday-1);i++)
{
	content=content + "<td></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='middle'  style='color:red;font-weight:bold;vertical-align:middle; cursor:pointer'\n"
	else if(column ==0) content=content+"<td align='middle'  style='vertical-align:middle;color:#B9322F; cursor:pointer'\n"
	else if(column ==6) content=content+"<td align='middle'  style='vertical-align:middle;color:#274AB0;cursor:pointer'\n"
	else  content=content+"<td align='middle'  style='vertical-align:middle;color:black;cursor:pointer'\n"
	content = content + " title=" + i + ">" + i;
	
	column  = column + 1
	content = content + "</td>\n"

	if(column == 7 && i < DaysInMonth)
	{
		content = content + "</tr><tr bgcolor='white'>\n"
		column = 0
	}
}

if((column > 0) && (column < 7))
{
	for (i=1 ;i <= (7-column) ; i++)
		content=content+"<td></td>\n"
		
}

content=content +"</tr>"
content=content + "				</tbody>";
content=content + "			</table>";
content=content + "		</td>";
content=content + "		<td width='16'>&nbsp;</td>";
content=content + "	</tr>";
content=content + "</table>";

      document.getElementById('spnCalendar').innerHTML = content;
  }
}


var scriptId;
var scriptType;

//######  기존에 쓰던 펑션 

function callCalPop(scriptId, scriptType)
{
    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");
	}
    this.scriptId   = scriptId;
	this.scriptType = scriptType;
	this.dtype      = scriptType;
	get_date();
}

function showCalendarPopup(sYear,sMonth,sDay)
{
    
	make_calendar(sYear,sMonth,sDay);
    return false;
}


