/*-- ------------------------------------------------------
oxsolution JAVASCRIPT functions  http://www.oxsolution.com
------------------------------------------------------ --*/

/*
<link rel="stylesheet" type="text/css" href="_oxdir/oxjs/addon.css">
<script type="text/javascript" src="_oxdir/oxjs/oxc_calendar.js"></script>
<script type="text/javascript">
var oxCalendar = new oxc_calendar("oxCalendar");
oxCalendar.userFunc = function(y,m,d[,h,n,s]) {
    //¼±ÅÃÀÌ ¿Ï·áµÈ ÈÄ ½ÇÇàÇÒ ÄÚµå
}
</script>

<input type="text" id="dateHere" onblur="oxCalendar.isDate(this)">
<button type="button" onclick="oxCalendar.showCalendar('dateHere','2012-01-31',event)">´Þ·Â(³¯Â¥)</button>
<button type="button" onclick="oxCalendar.showCalendarTime('dateHere','2012-01-31',event)">´Þ·Â(³¯Â¥+½Ã°£)</button>
*/

function oxc_calendar(vn) {
    this.vn = vn;
    this.cType = 1; //1:date, 2:datetime
    this.sType = 0; //1:year, 2:month, 3:hour, 4:minute is opened, 0:all closed
    this.elmId = "";

    this.lang = (typeof langOX != "undefined")? (langOX.currentType || "ko") : "ko";
    if (this.lang == "ko") {
        this.msg = {
            "calendar":"´Þ·Â",
            "months":["","01","02","03","04","05","06","07","08","09","10","11","12"],
            "days":["ÀÏ","¿ù","È­","¼ö","¸ñ","±Ý","Åä"],
            "am":"¿ÀÀü",
            "pm":"¿ÀÈÄ",
            "prev":"ÀÌÀü",
            "next":"´ÙÀ½",
            "ok":"È®ÀÎ",
            "close":"´Ý±â",
            "select":"³¯Â¥¸¦ ¼±ÅÃÇϼ¼¿ä.",
            "ymd":"Y-m-d (K)"
        };
    }else{
        this.msg = {
            "calendar":"Calendar",
            "months":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
            "days":["S","M","T","W","T","F","S"],
            "am":"AM",
            "pm":"PM",
            "prev":"Prev",
            "next":"Next",
            "ok":"Ok",
            "close":"Close",
            "select":"Please select a date.",
            "ymd":"D, M j, Y"
        };
    }

    var o = this.getTodayInfo();
    this.year = o[0];
    this.month = o[1];
    this.day = o[2];
    this.hour = 0;
    this.min = 0;

    this.ox_jsCalendarTpl = null;

    var that = this;
    attachFunc(document.body,"mousedown",function() {that.hideCalendar()});
}
oxc_calendar.prototype.getTodayInfo = function() {
    var o = new Date();
    return [o.getFullYear(),o.getMonth()+1,o.getDate()];
}
oxc_calendar.prototype.lastDay = function(y,m) {
    var o = this.checkYM(y,m);
    return getLastDay(o.y,o.m);
}
oxc_calendar.prototype.checkYM = function(y,m) {
    y = parseInt(y,10);
    m = parseInt(m,10);
    if (m < 1) {
        m = Math.abs(m);
        var i = Math.ceil(m / 12);
        if (!(m % 12)) i++;
        y -= i;
        m = 12 * i - m;
    }else if (m > 12) {
        var i = Math.floor(m / 12);
        if (!(m % 12)) i--;
        y += i;
        m = m - 12 * i;
    }
    return {"y":y,"m":m};
}
oxc_calendar.prototype.checkYMD = function(y,m,d) {
    y = parseInt(y,10);
    m = parseInt(m,10);
    d = parseInt(d,10);
    var o;
    if (d < 1) {
        while (d < 1) {
            o = this.prevYM(y,m);
            y = o.y;
            m = o.m;
            d += this.lastDay(y,m);
        }
    }else{
        o = this.checkYM(y,m);
        y = o.y;
        m = o.m;
        var last = this.lastDay(y,m);
        while (d > last) {
            o = this.nextYM(y,m);
            y = o.y;
            m = o.m;
            d -= last;
            last = this.lastDay(y,m);
        }
    }
    return {"y":y,"m":m,"d":d};
}
oxc_calendar.prototype.prevYM = function(y,m) {
    return this.checkYM(y,--m);
}
oxc_calendar.prototype.nextYM = function(y,m) {
    return this.checkYM(y,++m);
}
oxc_calendar.prototype.mkdate = function(y,m,d) {
    var o = this.checkYMD(y,m,d);
    return [o.y,o.m,o.d];
}
oxc_calendar.prototype.getStrDate = function(format,y,m,d,h,n,s) {
    if (!h) h = 0;
    if (!n) n = 0;
    if (!s) s = 0;
    var o = new Date(y,m-1,d,h,n,s);
    return format.replace(/[ADFHIJKLMNSY]/gi,function(s) {
        switch (s) {
            case "Y": return o.getFullYear();
            case "y": return (""+o.getFullYear()).substr(2);
            case "F": return (["January","Febrary","March","April","May","June","July","August","September","October","Novermber","December"])[o.getMonth()];
            case "M": return (["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"])[o.getMonth()];
            case "m": return zerofill(o.getMonth()+1,2);
            case "n": return o.getMonth()+1;
            case "d": return zerofill(o.getDate(),2);
            case "j": return o.getDate();
            case "l": return (["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"])[o.getDay()];
            case "D": return (["Sun","Mon","Tue","Wed","Thu","Fri","Sat"])[o.getDay()];
            case "K": return (["ÀÏ","¿ù","È­","¼ö","¸ñ","±Ý","Åä"])[o.getDay()];
            case "H": return zerofill(o.getHours(),2);
            case "h": return o.getHours();
            case "I": return zerofill(o.getMinutes(),2);
            case "i": return o.getMinutes();
            case "S": return zerofill(o.getSeconds(),2);
            case "s": return o.getSeconds();
            case "A": return (["AM","PM"])[(o.getHours() < 12)? 0 : 1];
            case "a": return (["am","pm"])[(o.getHours() < 12)? 0 : 1];
            default: return s;
        }
    });
}
oxc_calendar.prototype.showCalendar = function(elmId,d,e) {
    if (d && /(\d{4})-(\d{2})-(\d{2})/.test(d)) {
        var o = this.checkYMD(RegExp.$1,RegExp.$2,RegExp.$3);
        this.year = o.y;
        this.month = o.m;
        this.day = o.d;
    }

    if (this.ox_jsCalendarTpl == null) {
        this.ox_jsCalendarTpl = document.createElement("div");
        this.ox_jsCalendarTpl.id = this.vn+"_calendarTpl";
        this.ox_jsCalendarTpl.className = "ox_calendar";
        this.ox_jsCalendarTpl.style.display = "none";
        this.ox_jsCalendarTpl.style.position = "absolute";
        this.ox_jsCalendarTpl.style.zIndex = 9000;
        document.body.appendChild(this.ox_jsCalendarTpl);
        attachFunc(this.ox_jsCalendarTpl,"mousedown",stopBubbleEvent);
    }

    var htmlY = '<button type="button" onclick="'+this.vn+'.showYear()" id="'+this.vn+'_yearElm" class="year">'+this.year+'</button>',
        htmlM = '<button type="button" onclick="'+this.vn+'.showMonth()" id="'+this.vn+'_monthElm" class="month">'+this.msg["months"][this.month]+'</button>';

    this.ox_jsCalendarTpl.innerHTML = ''
        +'<div class="head">'
            +'<button type="button" onclick="'+this.vn+'.hideCalendar()" class="close">'+this.msg["close"]+'</button>'
            +'<button type="button" onclick="'+this.vn+'.onChangeDate('+this.vn+'.year,'+this.vn+'.month-1,1)" class="prev">'+this.msg["prev"]+'</button>'
            +((this.lang == "ko")? htmlY+htmlM : htmlM+htmlY)
            +'<button type="button" onclick="'+this.vn+'.onChangeDate('+this.vn+'.year,'+this.vn+'.month+1,1)" class="next">'+this.msg["next"]+'</button>'
        +'</div>'
        +'<div class="fm_date" id="'+this.vn+'_dateFrame">'+this.getCalendarHtml()+'</div>'
        +'<div class="fm_list" id="'+this.vn+'_listFrame"></div>'
        +'<div class="fm_time" id="'+this.vn+'_timeFrame"></div>';

    if (typeof IS_MOBILE != "undefined" && IS_MOBILE) {
        openLayer(this.ox_jsCalendarTpl,"center");
        setWindowMask(8999);
    }else{
        openLayer(this.ox_jsCalendarTpl,(e || window.event || "center"));
    }

    this.elmId = elmId;
    this.cType = 1;
}
oxc_calendar.prototype.showCalendarTime = function(elmId,d,e) {
    this.showCalendar(elmId,d,e);
    this.resetTime();
    this.cType = 2;
}
oxc_calendar.prototype.resetTime = function() {
    getById(this.vn+"_timeFrame").style.display = "block";
    getById(this.vn+"_timeFrame").innerHTML = this.msg["select"];
}
oxc_calendar.prototype.hideCalendar = function(onChoice) {
    if (this.ox_jsCalendarTpl) {
        closeLayer(this.ox_jsCalendarTpl);
        if (onChoice) {
            var elm = getById(this.elmId);
            if (elm) elm.focus();
        }
    }
}
oxc_calendar.prototype.getCalendarHtml = function() {
    var y = this.year,
        m = this.month;
    var py = y, pm = m - 1,
        ny = y, nm = m + 1;
    if (pm < 1) {pm = 12; py--;}
    if (nm > 12) {nm = 1; ny++;}
    var days  = this.lastDay(y,m),
        pDays = this.lastDay(py,pm);
    var firstDay = new Date(y,m-1,1).getDay(),
        lastDay  = new Date(y,m-1,days).getDay();
    var beginDay  = (6 - firstDay == 6)? 1 : 1 - firstDay,
        finishDay = (6 - lastDay == 0)? days : days + (6 - lastDay);
    var o = this.getTodayInfo();
    var i = beginDay, j = 0, d, css, func, idStr;
    var c = ["sun","mon","tue","wed","thu","fri","sat"];

    var html = '<table><caption>'+this.msg["calendar"]+'</caption><thead><tr>'
        +'<th scope="col" class="'+c[0]+'">'+this.msg["days"][0]+'</th>'
        +'<th scope="col" class="'+c[1]+'">'+this.msg["days"][1]+'</th>'
        +'<th scope="col" class="'+c[2]+'">'+this.msg["days"][2]+'</th>'
        +'<th scope="col" class="'+c[3]+'">'+this.msg["days"][3]+'</th>'
        +'<th scope="col" class="'+c[4]+'">'+this.msg["days"][4]+'</th>'
        +'<th scope="col" class="'+c[5]+'">'+this.msg["days"][5]+'</th>'
        +'<th scope="col" class="'+c[6]+'">'+this.msg["days"][6]+'</th></tr></thead><tbody>';

    while (i <= finishDay) {
        if (j == 0) html += "<tr>";
        if (i < 1 || i > days) {
            d = (i < 1)? i + pDays : i - days;
            css = "side";
            func = "onChangeDate";
            idStr = "";
        }else{
            d = i;
            css = c[j];
            if (y == o[0] && m == o[1] && d == o[2]) css += " today";
            func = "getDate";
            idStr = 'id="'+this.vn+'_date_'+y+'_'+m+'_'+d+'"';
        }
        html += '<td><button type="button" onclick="'+this.vn+'.'+func+'('+y+','+m+','+i+')" '+idStr+' class="'+css+'">'+d+'</button></td>';
        i++;
        if (j == 6) {html += "</tr>"; j = 0;}
        else j++;
    }
    html += "</tbody></table>";
    return html;
}
oxc_calendar.prototype.showYear = function() {
    if (this.sType == 1) {
        this.hideList();
        return;
    }
    var o = this.getTodayInfo(), now = 0, html = '<ul class="year">';
    var y = o[0] - 100,
        n = o[0] + 40;
    for (var i=0,c; y<=n; y++,i++) {
        if (y == this.year) {
            c = ' class="on"';
            now = i;
        }else c = '';
        html += '<li><button type="button" id="'+this.vn+'_dateBtn'+i+'"'+c+' onclick="'+this.vn+'.onChangeYear('+y+')">'+y+'</button></li>';
    }
    var elm = getById(this.vn+"_listFrame");
    elm.innerHTML = html+'</ul>';
    elm.style.display = "block";
    getById(this.vn+"_dateFrame").style.display = "none";
    getById(this.vn+"_dateBtn"+now).focus();
    this.sType = 1;
    this.onList();
}
oxc_calendar.prototype.showMonth = function() {
    if (this.sType == 2) {
        this.hideList();
        return;
    }
    var now = 0, html = '<ul class="month">';
    for (var m=1,i=0,c; m<=12; m++,i++) {
        if (m == this.month) {
            c = ' class="on"';
            now = i;
        }else c = '';
        html += '<li><button type="button" id="'+this.vn+'_dateBtn'+i+'"'+c+' onclick="'+this.vn+'.onChangeMonth('+m+')">'+((this.lang == "ko")? m : this.msg["months"][m])+'</button></li>';
    }
    var elm = getById(this.vn+"_listFrame");
    elm.innerHTML = html+'</ul>';
    elm.style.display = "block";
    getById(this.vn+"_dateFrame").style.display = "none";
    getById(this.vn+"_dateBtn"+now).focus();
    this.sType = 2;
    this.onList();
}
oxc_calendar.prototype.showHour = function() {
    if (this.sType == 3) {
        this.hideList();
        return;
    }
    var now = 0, html = '<div class="am_pm"><button type="button" onclick="addClass(removeClass(getById(\''+this.vn+'_listFrame\'),\'pm\'),\'am\')" class="am">'+this.msg["am"]+'</button><button type="button" onclick="addClass(removeClass(getById(\''+this.vn+'_listFrame\'),\'am\'),\'pm\')" class="pm">'+this.msg["pm"]+'</button></div><ul class="hour am">';
    for (var h=0,i=0,c; h<=23; h++,i++) {
        if (h == 12) html += '</ul><ul class="hour pm">';
        if (h == this.hour) {
            c = ' class="on"';
            now = h;
        }else c = '';
        html += '<li><button type="button" id="'+this.vn+'_dateBtn'+h+'"'+c+' onclick="'+this.vn+'.onChangeHour('+h+')">'+i+'</button></li>';
        if (h == 12) i = 0;
    }
    var elm = getById(this.vn+"_listFrame");
    elm.innerHTML = html+'</ul>';
    elm.style.display = "block";
    if (now < 12) {
        addClass(removeClass(elm,"pm"),"am");
    }else{
        addClass(removeClass(elm,"am"),"pm");
    }
    getById(this.vn+"_dateFrame").style.display = "none";
    getById(this.vn+"_dateBtn"+now).focus();
    this.sType = 3;
    this.onList();
}
oxc_calendar.prototype.showMinute = function() {
    if (this.sType == 4) {
        this.hideList();
        return;
    }
    var now = 0, html = '<ul class="min">';
    for (var n=0,i=0,c; n<=55; n+=5,i++) {
        if (n == this.min) {
            c = ' class="on"';
            now = i;
        }else c = '';
        html += '<li><button type="button" id="'+this.vn+'_dateBtn'+i+'"'+c+' onclick="'+this.vn+'.onChangeMinute('+n+')">'+n+'</button></li>';
    }
    var elm = getById(this.vn+"_listFrame");
    elm.innerHTML = html+'</ul>';
    elm.style.display = "block";
    getById(this.vn+"_dateFrame").style.display = "none";
    getById(this.vn+"_dateBtn"+now).focus();
    this.sType = 4;
    this.onList();
}
oxc_calendar.prototype.hideList = function() {
    getById(this.vn+"_dateFrame").style.display = "block";
    getById(this.vn+"_listFrame").style.display = "none";
    this.sType = 0;
    this.onList();
}
oxc_calendar.prototype.onList = function() {
    var f = [null,removeClass,removeClass,removeClass,removeClass], btn;
    f[this.sType] = addClass;
    if (btn = getById(this.vn+"_yearElm")) f[1](btn,"on");
    if (btn = getById(this.vn+"_monthElm")) f[2](btn,"on");
    if (btn = getById(this.vn+"_hourElm")) f[3](btn,"on");
    if (btn = getById(this.vn+"_minElm")) f[4](btn,"on");
}
oxc_calendar.prototype.onChangeYear = function(y) {
    this.year = y;
    this.hideList();
    this.changeYM();
    getById(this.vn+"_yearElm").focus();
}
oxc_calendar.prototype.onChangeMonth = function(m) {
    this.month = m;
    this.hideList();
    this.changeYM();
    getById(this.vn+"_monthElm").focus();
}
oxc_calendar.prototype.onChangeHour = function(h) {
    this.hour = h;
    this.hideList();
    this.changeHM();
    getById(this.vn+"_hourElm").focus();
}
oxc_calendar.prototype.onChangeMinute = function(n) {
    this.min = n;
    this.hideList();
    this.changeHM();
    getById(this.vn+"_minElm").focus();
}
oxc_calendar.prototype.onChangeDate = function(y,m,d) {
    this.hideList();
    var o = this.checkYMD(y,m,d);
    this.year = o.y;
    this.month = o.m;
    this.changeYM();
    if (m >= 1 && m <= 12) {
        var days  = this.lastDay(y,m);
        if (d < 1 || d > days) {
            getById(this.vn+"_date_"+o.y+"_"+o.m+"_"+o.d).focus();
        }
    }
}
oxc_calendar.prototype.changeYM = function() {
    getById(this.vn+"_yearElm").innerHTML = this.year;
    getById(this.vn+"_monthElm").innerHTML = this.msg["months"][this.month];
    getById(this.vn+"_dateFrame").innerHTML = this.getCalendarHtml();
    if (this.cType == 2) this.resetTime();
}
oxc_calendar.prototype.changeHM = function() {
    getById(this.vn+"_hourElm").innerHTML = zerofill(this.hour,2);
    getById(this.vn+"_minElm").innerHTML = zerofill(this.min,2);
}
oxc_calendar.prototype.getDate = function(y,m,d) {
    var btn = getById(this.vn+"_date_"+this.year+"_"+this.month+"_"+this.day);
    if (btn) removeClass(btn,"on");

    this.year = y;
    this.month = m;
    this.day = d;

    if (this.cType == 1) {
        var elm = getById(this.elmId);
        if (elm) elm.value = this.getStrDate("Y-m-d",y,m,d);
        this.hideCalendar(true);
        if (typeof this.userFunc == "function") this.userFunc(this.year,this.month,this.day);

    }else{
        var o = new Date();
        var h = o.getHours();
        var n = Math.round(o.getMinutes() / 10) * 10;
        if (n == 60) {
            n = 0; h++;
            if (h > 23) h = 0;
        }
        this.hour = h;
        this.min = n;

        getById(this.vn+"_timeFrame").innerHTML = '<div class="date">'+this.getStrDate(this.msg["ymd"],y,m,d)+'</div>'
            +'<button type="button" onclick="'+this.vn+'.showHour()" id="'+this.vn+'_hourElm" class="hour">'+zerofill(h,2)+'</button><span class="colon">:</span>'
            +'<button type="button" onclick="'+this.vn+'.showMinute()" id="'+this.vn+'_minElm" class="min">'+zerofill(n,2)+'</button>'
            +'<button type="button" onclick="'+this.vn+'.getTime()" class="ok">'+this.msg["ok"]+'</button>';

        btn = getById(this.vn+"_date_"+y+"_"+m+"_"+d);
        if (btn) addClass(btn,"on");
    }
}
oxc_calendar.prototype.getTime = function() {
    var elm = getById(this.elmId);
    if (elm) elm.value = this.getStrDate("Y-m-d H:I:S",this.year,this.month,this.day,this.hour,this.min,0);
    this.hideCalendar(true);
    if (typeof this.userFunc == "function") this.userFunc(this.year,this.month,this.day,this.hour,this.min,0);
}
oxc_calendar.prototype.isDate = function(elm) {
    if (!date_confirm(elm)) elm.value = "";
}

function setToday(elmId) {
    var o = new Date();
    ((typeof elmId == "string")? getById(elmId) : elmId).value = o.getFullYear()+"-"+zerofill(o.getMonth()+1,2)+"-"+zerofill(o.getDate(),2);
}

function setTodayTime(elmId) {
    var o = new Date();
    ((typeof elmId == "string")? getById(elmId) : elmId).value = o.getFullYear()+"-"+zerofill(o.getMonth()+1,2)+"-"+zerofill(o.getDate(),2)+" "+zerofill(o.getHours(),2)+":"+zerofill(o.getMinutes(),2)+":"+zerofill(o.getSeconds(),2);
}