/**
* @class LENSVil
* 
* @date 2009-06-19
*
* @modify 2009-11-06
*
* @author Kim Jung Yong <spongi1019@gmail.com>
*/

var isIE, isIE6, isIE7, isIE8, isOP, isFF, isSA, isChr;

var LENSVil = {
    allMethods : [],

    globalMethods : [
        'getElmsByTag',
        'getElmsByClass',
        'getElmsByAttr',
        'getTextNode'
    ],

    Initialize : function(){
        this.applyMethod.call(window, 'getElm', this.getElm);
        this.applyMethod.call(window, 'getChildNodes', this.getChildNodes);
        this.applyMethod.call(window, 'DOCBODY', this.DOCBODY);

		this.attach(this);
        this.setBrowser();
    },

    attach : function(object){
        var globalMethods = object.globalMethods || 'undefined';
        if(typeof globalMethods == 'undefined'){
            for(var m in object){
                if(typeof m != 'function' && m != 'init'){
                    this.applyMethod.call(this.allMethods, m, object[m]);
                }
            }
        }else if(globalMethods.constructor == Array){
            for(var i=0; (m=globalMethods[i]); i++){
                this.applyMethod.call(this.allMethods, m, object[m]);
            }
        }

        if(typeof object.init == 'function'){
            object.init();
        }
    },

    addMethodToElm : function(elm){
        for(var method in this.allMethods){
            if(typeof this.allMethods[method] == 'function'){
                this.applyMethod.call(elm, method, this.allMethods[method]);
            }
        }
    },

    applyMethod : function(method, func){
        if(typeof this[method] != 'function'){
            //Prototype ½ÊÀå»ýÀÌ array °´Ã¼¿¡ prototype À» ¼±¾ðÇسö¼­ ¿¹¿Üó¸® ÇÔ.
            try{
                this[method] = func;
            }catch(e){}
        }
    },

    setBrowser : function(){
        var ua = navigator.userAgent.toLowerCase();

        isIE = (ua.indexOf('msie') != -1);
        isIE6 = (ua.indexOf('msie 6.0') != -1);
        isIE7 = (ua.indexOf('msie 7.0') != -1);
        isIE8 = (ua.indexOf('msie 8.0') != -1);
        isOP = (ua.indexOf('opera') != -1);
        isFF = (ua.indexOf('firefox') != -1);
        isSA = (ua.indexOf('safari') != -1);
        isChr = (ua.indexOf('chrome') != -1);
    },

    /**
    * @brief Ŭ·¡½º Á¤ÀÇ
    * @param (string) name
    * @param (json) context
    */
    defineClass : function(name, context){
        this[name] = context;
    },
    
    /**
    * @brief ¹®¼­ÀÇ body¿¤¸®¸ÕÆ®¸¦ ¹ÝȯÇÕ´Ï´Ù.
    * @param (object) doc
    * @return object
    */
    DOCBODY : function(){
        var doc = arguments[0] || document;

        return getElm(doc.body) || getElm(doc.documentElement);
    },

    /**
    * @brief °Ë»öµÈ ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @param (mixed) obj
    * @param (object) doc
    * @return object
    */
    getElm : function(){
        var obj = arguments[0];
        var doc = arguments[1] || document;

        if(!obj) return null;

        if(typeof obj == 'object' && obj.tagName){
            LENSVil.addMethodToElm(obj);

            return obj;
        }

        if(typeof obj == 'string'){
            if(!doc.getElementById(obj)) return null;

            obj = doc.getElementById(obj);
            LENSVil.addMethodToElm(obj);

            return obj;
        }

        return null;
    },

    /**
    * @brief ÀÚ½Ä ³ëµåµé ¹Ýȯ
    * @param (object) elm
    * @param (boolean) all true°ªÀÌ ¿Ã °æ¿ì ÅؽºÆ® ³ëµå±îÁö ¹Ýȯ
    * @return object
    */
    getChildNodes : function(){
        var elm = arguments[0];
        var all = arguments[1] || false;

        var oChild = [];
        var tmp = elm.childNodes;
        for(var i=0; (oc = tmp[i]); i++){
            if(all == true){
                oChild.push(getElm(oc));
            }else{
                if(oc.nodeType == 1) oChild.push(getElm(oc));
            }
        }

        if(oChild.length < 1) oChild = null;

        return oChild;
    },

    /**
    * @brief ű׸íÀ» ÅëÇØ ¿¤¸®¸ÕÆ® °Ë»ö
    * @param (mixed) obj
    * @return object
    */
    getElmsByTag : function(){
        var obj = arguments[0] || '*';

        if(typeof obj == 'object' && obj.length > 0){
            for(var i=0; i<obj.length; i++){
                if(obj[i].nodeType == 1) LENSVil.addMethodToElm(obj[i]);
            }

            return obj;
        }

        if(typeof obj == 'string'){
            var list = [];
            var tmp = this.getElementsByTagName(obj);

            for(var i=0; i<tmp.length; i++){
                if(tmp[i].nodeType == 1){
                    list.push(getElm(tmp[i]));
                }
            }

            if(list.length < 1) list = null;

            return list;
        }
    },

    /**
    * @brief Ŭ·¡½º¸íÀ» ÅëÇØ ¿¤¸®¸ÕÆ® °Ë»ö
    * @param (mixed) obj
    * @return object
    */
    getElmsByClass : function(){
        var obj = arguments[0];

        if(typeof obj == 'object' && obj.tagName){
            LENSVil.addMethodToElm(obj);

            return obj;
        }

        if(typeof obj == 'string'){
            var findElms = [];
            var reg = new RegExp("\\b"+obj+"\\b", "i");
            var list = this.getElmsByTag();

            for(var i=0; (o=list[i]); i++){
                if(o.className && o.className.search(reg) != -1){
                    findElms.push(o);
                }
            }

            if(findElms.length == 1) findElms = findElms[0];
            if(findElms.length == 0) findElms = null;

            return findElms;
        }
    },

    /**
    * @brief ¼Ó¼º¸í°ú ¼Ó¼º°ªÀ» ÅëÇØ ¿¤¸®¸ÕÆ® °Ë»ö
    * @param (string) name
    * @param (string) value
    * @param (int) flag
    * @return object
    */
    getElmsByAttr : function(){
        var name = arguments[0];
        var value = arguments[1] ? getMetaText(arguments[1]) : '';
        var flag = arguments[2] || 0; //0 : value°¡ Æ÷ÇԵǸé, 1 : value·Î ³¡³ª¸é, 2: value·Î ½ÃÀÛÇϸé, 3 : Á¤È®È÷ ¸ÅÄ¡ÇؾßÇÔ.

        if(!name) return;

        var findElms = [];
        var reg = new RegExp(value, "i");

        if(flag == 1) reg = new RegExp(value+"$", "i");
        else if(flag == 2) reg = new RegExp("^"+value, "i");
        else if(flag == 3) reg = new RegExp("^"+value+"$", "i");

        var list = this.getElmsByTag();

        for(var i=0; i<list.length; i++){
            var tmp = list[i];
            if(tmp == null) continue;

            if(tmp.getAttr(name) && tmp.getAttr(name).search(reg) != -1){
                findElms.push(tmp);
                continue;
            }

            if(tmp[name] && tmp[name].search(reg) != -1){
                findElms.push(tmp);
            }
        }

        if(findElms.length == 1) findElms = findElms[0];
        if(findElms.length == 0) findElms = null;

        return findElms;
    },

    /**
    * @brief ÅؽºÆ® ³ëµå¸¸ ¹Ýȯ
    * @return string
    */
    getTextNode : function(){
        var regEx = /<[^<>]+>/ig;

	    return this.innerHTML.replace(regEx, "");
    }
};
LENSVil.Initialize();

//
// @class LENSVil.Dom Module
//
LENSVil.DOM = {
    _parent : LENSVil,

    globalMethods : [
        'createElm',
        'appendElm',
        'removeElm',
        'replaceElm',
        'setAttr',
        'getAttr',
        'nextElm',
        'prevElm',
        'firstChildElm',
        'lastChildElm'
    ],

    /**
    * @brief ¿¤¸®¸ÕÆ® »ý¼º
    * @param (string) name
    * @param (json) attr
    * @param (string) context
    * @param (boolean) append
    * @param (object) doc
    * @return object
    */
    createElm : function(name, attr, context, append, doc){
        attr = attr || null;
        context = context || null;
        append = append || false;
        doc = doc || document;

        var obj = getElm(doc.createElement(name));

        obj.setAttr(attr);
        if(context !== null){
            obj.appendElm(context);
        }

        if(append === true)
            this.appendElm(obj);

        return obj;
    },

    /**
    * @brief ¿¤¸®¸ÕÆ® Ãß°¡ (+innerHTML || appendChild)
    * @param (mixed) obj
    */
    appendElm : function(obj){
        if(typeof obj == 'object')
            this.appendChild(obj);
        else if(typeof obj == 'string')
            this.innerHTML += obj;
    },

    /**
    * @brief ¿¤¸®¸ÕÆ® »èÁ¦
    */
    removeElm : function(){
        if(typeof this.parentNode == 'object')
            this.parentNode.removeChild(this);
    },

    /**
    * @brief ¿¤¸®¸ÕÆ® ±³Ã¼
    * @param (mixed) newElm (number || object) - ¼ýÀÚ°¡ ¿À°Ô µÉ °æ¿ì ÇØ´ç À妽º¿¡ ÀÖ´Â Àڽijëµå¿Í ±³Ã¼
    * @param (boolean) retOld - default set 'false'
    * @return object
    */
    replaceElm : function(newElm, retOld){
        retOld = retOld || false;

        if(typeof newElm == 'number'){
            var tmp = getChildNodes(this.parentNode);
            if(typeof tmp[newElm] == 'undefined' || tmp[newElm] == this) return;

            var nextElm = this.nextSibling;
            var clone = tmp[newElm].cloneNode(true);

            if(nextElm){
                this.parentNode.insertBefore(this, tmp[newElm]);
                this.parentNode.removeChild(tmp[newElm]);
                this.parentNode.insertBefore(clone, nextElm);
            }else{
                this.parentNode.insertBefore(this, tmp[newElm]);
                this.parentNode.removeChild(tmp[newElm]);
                this.parentNode.appendChild(clone);
            }
        }else{
            this.parentNode.replaceChild(newElm, this);
        }

        return retOld ? oldElm : getElm(newElm);
    },

    /**
    * @brief ¼Ó¼º°ª ÁöÁ¤
    * @param (mixed) data | name (ÀÎÀÚ°¡ ÇϳªÀÏ °æ¿ì´Â jsonµ¥ÀÌÅÍ, µÎ°³ÀÏ °æ¿ì´Â stringÀÌ ¿Í¾ßÇÔ)
    * @param (string) value
    */
    setAttr : function(){
        var data = null;

        if(typeof arguments[0] == 'object'){
            data = arguments[0];
        }else if(typeof arguments[0] == 'string'){
            data = eval("({arguments[0] : arguments[1]})");
        }

        for(var i in data){
            this[i] = data[i];
        }
    },

    /**
    * @brief ¼Ó¼º°ª ¹Ýȯ
    * @param (string) name
    * @return mixed
    */
    getAttr : function(){
        var name = arguments[0];

        return this.getAttribute(name) || null;
    },

    /**
    * @brief ´ÙÀ½ ³ëµå¿¡ ÀÖ´Â ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @return object
    */
    nextElm : function(){
        var elm = this;
        while ((elm = elm.nextSibling) && elm.nodeType !== 1) {}

        return getElm(elm || null);
    },

    /**
    * @brief ÀÌÀü ³ëµå¿¡ ÀÖ´Â ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @return object
    */
    prevElm : function(){
        var elm = this;
        while ((elm = elm.previousSibling) && elm.nodeType !== 1) {}

        return getElm(elm || null);
    },

    /**
    * @brief ù¹ø° ÀÚ½Ä ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @param (string) tagName (ÀÎÀÚ°¡ µé¾î¿À¸é ÇØ´ç ÅÂ±×¿Í ¸ÅÄ¡ÇÔ)
    * @return object
    */
    firstChildElm : function(tagName){
        tagName = tagName || null;
        var elm = this.getElmsByTag(tagName)[0];

        return elm;
    },

    /**
    * @brief ÀÌÀü ³ëµå¿¡ ÀÖ´Â ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @param (string) tagName (ÀÎÀÚ°¡ µé¾î¿À¸é ÇØ´ç ÅÂ±×¿Í ¸ÅÄ¡ÇÔ)
    * @return object
    */
    lastChildElm : function(tagName){
        tagName = tagName || null;

        var elm = this.getElmsByTag(tagName);
        elm = elm[elm.length-1];

        return elm;
    }
};
LENSVil.attach(LENSVil.DOM);

//
// @class LENSVil.CSS Module
//
LENSVil.CSS = {
    _parent : LENSVil,

    globalMethods : [
        'addClass',
        'removeClass',
        'replaceClass',
        'hasClass',
        'setStyle',
        'getStyle'
    ],

    /**
    * @brief Ŭ·¡½º Ãß°¡
    * @param (string) className
    */
    addClass : function(className){
        if(this.hasClass(className) === false){

            isSetClass = this.className ? true : false;
            this.className = this.className + (isSetClass ? " " : '') + className;

        }
    },

    /**
    * @brief Ŭ·¡½º Á¦°Å
    * @param (string) className
    */
    removeClass : function(className){
        if(this.hasClass(className)){

            var reg = new RegExp("(^|\\s)"+className+"(\\s|$)", "i");
            this.className = this.className.replace(reg, '');

        }
    },

    /**
    * @brief Ŭ·¡½º ±³Ã¼
    * @param (string) newClass
    * @param (string) oldClass
    */
    replaceClass : function(newClass, oldClass){
        if(this.hasClass(oldClass)){

            var reg = new RegExp("\\b"+oldClass+"\\b", "i");
            this.className = this.className.replace(reg, newClass);

        }
    },

    /**
    * @brief Ŭ·¡½º Á¸Àç¿©ºÎ ÆľÇ
    * @param (string) className
    */
    hasClass : function(className){
        var reg = new RegExp("\\b"+className+"\\b", "i");

        if(this.className.search(reg) != -1)
            return true;
        else
            return false;
    },

    /**
    * @brief ½ºÅ¸ÀÏ ÁöÁ¤
    * @param (string) styles
    */
    setStyle : function(styles){
        if(typeof styles != 'string') return;

        if(isIE){
            this.style.setAttribute('cssText', styles);
        }else{
            this.setAttribute('style', styles);
        }
    },

    /**
    * @brief ÇØ´ç ¿¤¸®¸ÕÆ®¿¡ ÀζóÀÎÀ¸·Î ÁöÁ¤µÈ ½ºÅ¸ÀÏ ¹Ýȯ
    */
    getStyle : function(){
        if(this && this.style && this.style.cssText) return this.style.cssText;
        else return '';
    }
};
LENSVil.attach(LENSVil.CSS);

//
// @class LENSVil.Content Module
// @brief Àü¿ª ¸â¹ö·Î È°µ¿ÇÏ´Â ¸Þ¼­µåµé.(´Üµ¶ »ç¿ë)
//
LENSVil.Content = {
    _parent : LENSVil,

    init : function(){
        this._parent.applyMethod.call(window, 'exit', this.exit);
        this._parent.applyMethod.call(window, 'winOpen', this.winOpen);
        this._parent.applyMethod.call(window, 'winOpenPost', this.winOpenPost);
        this._parent.applyMethod.call(window, 'getByte', this.getByte);
        this._parent.applyMethod.call(window, 'getCoordiCenterByScr', this.getCoordiCenterByScr);
        this._parent.applyMethod.call(window, 'getCoordiCenterByDoc', this.getCoordiCenterByDoc);
        this._parent.applyMethod.call(window, 'getClientHeight', this.getClientHeight);
        this._parent.applyMethod.call(window, 'getClientWidth', this.getClientWidth);
        this._parent.applyMethod.call(window, 'getBodyHeight', this.getBodyHeight);
        this._parent.applyMethod.call(window, 'getBodyWidth', this.getBodyWidth);
        this._parent.applyMethod.call(window, 'getScrollTop', this.getScrollTop);
        this._parent.applyMethod.call(window, 'getScrollLeft', this.getScrollLeft);
        this._parent.applyMethod.call(window, 'getElmCoordi', this.getElmCoordi);
        this._parent.applyMethod.call(window, 'getURLArgs', this.getURLArgs);
        this._parent.applyMethod.call(window, 'getURLtail', this.getURLtail);
        this._parent.applyMethod.call(window, 'getMetaText', this.getMetaText);
        this._parent.applyMethod.call(window, 'removeGetArgs', this.removeGetArgs);
        this._parent.applyMethod.call(window, 'setCookie', this.setCookie);
        this._parent.applyMethod.call(window, 'getCookie', this.getCookie);
        this._parent.applyMethod.call(window, 'rmCookie', this.rmCookie);
        this._parent.applyMethod.call(window, 'trim', this.trim);
        this._parent.applyMethod.call(window, 'htmlspecialchars', this.htmlspecialchars);
        this._parent.applyMethod.call(window, 'getHtmlTranslationTable', this.getHtmlTranslationTable);
        this._parent.applyMethod.call(window, 'stripTags', this.stripTags);
        this._parent.applyMethod.call(window, 'jsonEncode', this.jsonEncode);
        this._parent.applyMethod.call(window, 'jsonDecode', this.jsonDecode);
    },

    /**
    * @brief EXIT
    */
    exit : function(){

        if(window.addEventListener){

            window.addEventListener('error', function(e){

                e.preventDefault();
                e.stopPropagation();

            }, false);

        }else if(window.attchEvent){
            
            window.attachEvent('onerror', function(e){
                
                e.returnValue = false;
                e.cancelBubble = true;

            });

        }

        if(window.stop) window.stop();

        throw '';

    },
    
    /**
    * @brief À©µµ¿ì ¿ÀÇ (GET)
    */
    winOpen : function(){

        var url = arguments[0].url;
        var height = arguments[0].height ? arguments[0].height : null;
        var width = arguments[0].width ? arguments[0].width : null;
        var top = arguments[0].top ? arguments[0].top : null;
        var left = arguments[0].left ? arguments[0].left : null;
        var name = arguments[0].name ? arguments[0].name : 'openWindow';

        if(top == null) top = 50;
        if(left == null) left = 200;
        
        var opt = "width="+width+",height="+height+",status=no,resizable=yes,scrollbars=no,menubar=no,location=no,top="+top+",left="+left;

        var openWin = window.open(url, name, opt);

        return openWin;
        
    },
    
    /**
    * @brief À©µµ¿ì ¿ÀÇ (POST)
    */
    winOpenPost : function(){
        
        var url = arguments[0].url;
        var height = arguments[0].height ? arguments[0].height : null;
        var width = arguments[0].width ? arguments[0].width : null;
        var top = arguments[0].top ? arguments[0].top : null;
        var left = arguments[0].left ? arguments[0].left : null;
        var name = arguments[0].name ? arguments[0].name : 'openWindow';

        var postData = arguments[1] || null;

        if(top == null) top = 50;
        if(left == null) left = 200;
        
        var opt = "width="+width+",height="+height+",status=no,resizable=yes,scrollbars=no,menubar=no,location=no,top="+top+",left="+left;

        if(top == null) top = 50;
        if(left == null) left = 200;

        var openWin = window.open('', name, opt);

        var targetForm = DOCBODY().createElm('form', {
            id : 'LENSVil_openForm',
            name : 'LENSVil_openForm',
            method :'post',
            target : name,
            action : url
        }, null, true);

        if(postData !== null){

            for(var i in postData){
                targetForm.createElm('input', {
                    type : 'hidden',
                    name : i,
                    value : postData[i]
                }, null, true);
            }

        }

        targetForm.submit();

        return openWin;

    },

    /**
    * @brief ¹ÙÀÌÆ® °è»ê
    */
    getByte : function(str){
        var encode = encodeURIComponent(str);
        var totalBytes = 0;
        var chr;
        var bytes;
        var code;

        for(var i = 0; i < encode.length; i++)
        {
            chr = encode.charAt(i);
            if(chr != "%") totalBytes++;
            else
            {
                code = parseInt(encode.substr(i+1,2),16);
                if(!(code & 0x80)) totalBytes++;
                else
                {
                    if((code & 0xE0) == 0xC0) bytes = 2;
                    else if((code & 0xF0) == 0xE0) bytes = 3;
                    else if((code & 0xF8) == 0xF0) bytes = 4;
                    else return -1;
                    i += 3 * (bytes - 1);
                    if(document.charset == "utf-8") totalBytes += bytes;
                    else totalBytes += 2;
                }
                i += 2;
            }
        }

        return totalBytes;
    },
    
    /**
    * @brief È­¸éÀÇ Áß¾Ó¿¡ À§Ä¡ ÇÒ¼ö ÀÖµµ·Ï Çϴ âÀÇ ÁÂÇ¥°ªÀ» ¹Ýȯ
    * @param int w (â °¡·Î)
    * @param int h (â ¼¼·Î)
    * @return array(x, y);
    */
    getCoordiCenterByScr : function(w, h){
        
        var result = [];
        var _scrWidth = window.screen.availWidth;
        var _srcHeight = window.screen.availHeight;

        var centerX = _scrWidth / 2;
        var centerY = _srcHeight / 2;

        var halfW = w / 2;
        var halfH = h / 2;

        var x = centerX - halfW;
        var y = centerY - halfH;

        result.x = parseInt(x);
        result.y = parseInt(y);

        return result;

    },
    
    /**
    * @brief ¹®¼­ Áß¾Ó¿¡ À§Ä¡ ÇÒ ¼ö ÀÖµµ·Ï ÇÏ´Â ¿¤¸®¸ÕÆ®ÀÇ ÁÂÇ¥°ª ¹Ýȯ
    * @param int w(´ë»ó °¡·Î)
    * @param int h(´ë»ó ¼¼·Î)
    * @return array(x, y);
    */
    getCoordiCenterByDoc : function(w, h){

        var result = [];
        var _docWidth = getClientWidth();
        var _docHeight = getClientHeight();

        var centerX = _docWidth / 2;
        var centerY = _docHeight / 2;

        var halfW = w / 2;
        var halfH = h / 2;

        var x = centerX - halfW;
        var y = centerY - halfH;

        result.x = parseInt(x);
        result.y = parseInt(y);

        return result;

    },

    /**
    * @brief º¸ÀÌ´Â ºÎºÐÀÇ ¹®¼­³ôÀÌ
    */
    getClientHeight : function(){
        var win = arguments[0] ? arguments[0] : window;
        var doc = arguments[0] ? win.document : document;

        var h=0;
        if(doc.compatMode == 'CSS1Compat' && !isOP && doc.documentElement && doc.documentElement.clientHeight)
            h=doc.documentElement.clientHeight;
        else if(doc.body && doc.body.clientHeight)
            h=doc.body.clientHeight;
        else if(xDef(win.innerWidth,win.innerHeight,doc.width)) {
            h=win.innerHeight;
            if(doc.width>win.innerWidth) h-=16;
        }
        return h;
    },

    /**
    * @brief º¸ÀÌ´Â ºÎºÐÀÇ ¹®¼­Æø
    */
    getClientWidth : function(){
        var win = arguments[0] ? arguments[0] : window;
        var doc = arguments[0] ? win.document : document;

        var w=0;
        if(doc.compatMode == 'CSS1Compat' && !isOP && doc.documentElement && doc.documentElement.clientWidth)
            w=doc.documentElement.clientWidth;
        else if(doc.body && doc.body.clientWidth)
            w=doc.body.clientWidth;
        else if(xDef(win.innerWidth,win.innerHeight,doc.height)) {
            w=win.innerWidth;
            if(doc.height>win.innerHeight) w-=16;
        }
        return w;
    },

    /**
    * @brief ¹®¼­ Àüü ³ôÀÌ
    */
    getBodyHeight : function(){
        var win = arguments[0] ? arguments[0] : window;
        var doc = arguments[0] ? win.document : document;

        var ch = getClientHeight(win);
        var sh = doc.body.scrollHeight;
        return ch>sh?ch:sh;
    },

    /**
    * @brief ¹®¼­ Àüü °¡·Î
    */
    getBodyWidth : function(){
        var win = arguments[0] ? arguments[0] : window;
        var doc = arguments[0] ? win.document : document;

        var cw = getClientWidth(win);
        var sw = doc.body.scrollWidth;
        return cw>sw?cw:sw;
    },

    /**
    * @brief ÇöÀç ¼¼·Î ½ºÅ©·Ñ À§Ä¡
    */
    getScrollTop : function(){
        if(document.documentElement && document.documentElement.scrollTop)
            return document.documentElement.scrollTop;
        else
            return document.body.scrollTop;
    },

    /**
    * @brief ÇöÀç °¡·Î ½ºÅ©·Ñ À§Ä¡
    */
    getScrollLeft : function(){
        if(document.documentElement && document.documentElement.scrollLeft)
            return document.documentElement.scrollLeft;
        else
            return document.body.scrollLeft;
    },

    /**
    * @brief ÇØ´ç ¿¤¸®¸ÕÆ®ÀÇ ¹®¼­»ó ÁÂÇ¥°ªÀ» ¹Ýȯ
    */
    getElmCoordi : function(elm){
        if( typeof(elm) != 'string' && typeof(elm) != 'object' ) return;

        if( typeof(obj) == 'string' )
            elm = getElm(elm);

        var parent = elm.offsetParent;
        var result = {};

        result.top = elm.offsetTop + elm.offsetHeight;
        result.left = elm.offsetLeft;

        while(parent){
            result.top += parent.offsetTop;
            result.left += parent.offsetLeft;
            parent = parent.offsetParent;
        }

        return result;
    },

    /**
    * @brief urlÄõ¸®¸¦ ¹è¿­·Î ¹Ýȯ
    * @param (string) args
    * @return json
    */
    getURLArgs : function(){
        var getArgs = [];
        var args = (arguments[0] || location.search).replace(/\?/, '').split('&');

        for(var i=0; (arg=args[i]); i++){
            var tmp = arg.split('=');
            getArgs[tmp[0]] = tmp[1] || '';
        }

        return getArgs;
    },

    /**
    * @brief urlÁÖ¼ÒÀÇ ÆÄÀϸí°ú Äõ¸®ºÎºÐ¸¸ ¹®ÀÚ¿­·Î ¹Ýȯ
    * @return string (menu.php?component=aaaaa)
    */
    getURLtail : function(){
        var url = location.href;
        var idx = url.lastIndexOf('/');

        if(idx == -1) return '';

        return url.substr(idx+1);
    },

    /**
    * @brief Á¤±Ô½Ä ¹®ÀÚ¸¦ escape ½ÃŲ °ªÀ» ¹Ýȯ.
    * @param (string) str
    * @return string
    */
    getMetaText : function(){
        var str = arguments[0];
        var result = '';

        for(var i = 0; i < str.length; i++){
            if((/([\$\(\)\*\+\.\[\]\?\\\^\{\}\|]{1})/).test(str.charAt(i))){
                result += str.charAt(i).replace((/([\$\(\)\*\+\.\[\]\?\\\^\{\}\|]{1})/), "\\$1");
            }else{
                result += str.charAt(i);
            }
        }

        return result;
    },

    /**
    * @brief URLÁÖ¼ÒÇü½ÄÀÇ ¹®ÀÚ¿­¿¡¼­ get°ªÀ¸·Î ³Ñ¾î¿Â °ªÀ» ¹®ÀÚ¿­¿¡¼­ »èÁ¦½ÃÄÑÁØ´Ù.
    * @param (string) url
    * @param (string) name
    * @return string
    */
    removeGetArgs : function(url, name){
        var reg = new RegExp("([&|?])("+name+"=[^&]+)", "ig"); //@brief &name=aaa ³ª ?name=aaa ¿ä·±½ÄÀÇ ¹®ÀÚ¿­À» ã¾Æ³½´Ù.
        var reg_a = new RegExp("\\?&", "ig");
        var reg_b = new RegExp("(\\?$|&$)", "ig");

        url = url.replace(reg, "$1");
        url = url.replace(reg_a, "?");
        url = url.replace(reg_b, "");

        return url;
    },

    /**
    * @brief ÄíÅ°±Á±â
    * @param (string) name ÄíÅ°¸í
    * @param (string) value ÄíÅ°°ª
    * @param (int) expire À¯È¿±â°£(ÀϱâÁØ)
    * @param (string) path À¯È¿Æо²
    * @param (string) domain À¯È¿µµ¸ÞÀÎ
    * @param (boolean) secure ÄíÅ° Çã¿ë ÇÁ·ÎÅäÄÝ ÁöÁ¤(trueÀÏ °æ¿ì https³ª ±âŸ º¸¾È ÇÁ·ÎÅäÄݸ¸ ÄíÅ°¸¦ »ç¿ëÇÒ¼ö ÀÖÀ½)
    */
    setCookie : function(name, value, expire, path, domain, secure){
        var cookie = name + '=' + encodeURIComponent(value);

        if(expire || expire == 0){
            cookie += '; max-age=' + (expire * 24 * 60 * 60);
        }

        if(path) cookie += '; path=' + path;
        if(domain) cookie += '; domain=' + domain;
        if(secure) cookie += '; secure';

        document.cookie = cookie;
    },

    /**
    * @brief ÄíÅ°°ªÀ» ¹Ýȯ
    * @param (string) name
    */
    getCookie : function(name){
        var allcookie = document.cookie;
        if(allcookie === '') return;

        var cookie = null;
        var cookies = allcookie.split(';');
        for(var i=0; i < cookies.length; i++){
            var tmp = cookies[i].split('=');
            if(trim(tmp[0]) == trim(name)){
                cookie = trim(tmp[1]);
                break;
            }
        }

        if(cookie == null) return;

        return decodeURIComponent(cookie);
    },

    /**
    * @brief ÄíÅ° Á¦°Å
    */
    rmCookie : function(name, path, domain, secure){
        setCookie(name, '', 0, path, domain, secure);
    },

    /**
    * @brief ¹®ÀÚ¿­ÀÇ ¾ÕµÚ °ø¹é Á¦°Å
    * @param (string) str
    */
    trim : function(str){
        if(typeof str != 'string') return;

        return str.replace(/(^\s*)|(\s*$)/g, '');
    },
    
    /**
    * @brief HTML ¹®ÀÚ¿­ º¯È¯
    * @param string string
    * @param string quote_style
    * @return string
    */
    htmlspecialchars : function(string, quote_style){

        var histogram = {}, symbol = '', tmp_str = '', i = 0;
        tmp_str = string.toString();
        
        if (false === (histogram = getHtmlTranslationTable('HTML_SPECIALCHARS', quote_style))) {
            return false;
        }
        
        for (symbol in histogram) {
            entity = histogram[symbol];
            tmp_str = tmp_str.split(symbol).join(entity);
        }
        
        return tmp_str;

    },
    
    /**
    * @brief HTML ÄÚµå º¯È¯
    */
    getHtmlTranslationTable : function(table, quote_style){
        var entities = {}, histogram = {}, decimal = 0, symbol = '';
        var constMappingTable = {}, constMappingQuoteStyle = {};
        var useTable = {}, useQuoteStyle = {};
        
        useTable      = (table ? table.toUpperCase() : 'HTML_SPECIALCHARS');
        useQuoteStyle = (quote_style ? quote_style.toUpperCase() : 'ENT_COMPAT');
        
        // Translate arguments
        constMappingTable[0]      = 'HTML_SPECIALCHARS';
        constMappingTable[1]      = 'HTML_ENTITIES';
        constMappingQuoteStyle[0] = 'ENT_NOQUOTES';
        constMappingQuoteStyle[2] = 'ENT_COMPAT';
        constMappingQuoteStyle[3] = 'ENT_QUOTES';
        
        // Map numbers to strings for compatibilty with PHP constants
        if (!isNaN(useTable)) {
            useTable = constMappingTable[useTable];
        }
        if (!isNaN(useQuoteStyle)) {
            useQuoteStyle = constMappingQuoteStyle[useQuoteStyle];
        }
        
        if (useTable == 'HTML_SPECIALCHARS') {
            // ascii decimals for better compatibility
            entities['60'] = '&lt;';
            entities['62'] = '&gt;';
            entities['38'] = '&amp;';
        } else if (useTable == 'HTML_ENTITIES') {
            // ascii decimals for better compatibility
            entities['38'] = '&amp;';
            entities['60'] = '&lt;';
            entities['62'] = '&gt;';
            entities['160'] = '&nbsp;';
            entities['161'] = '&iexcl;';
            entities['162'] = '&cent;';
            entities['163'] = '&pound;';
            entities['164'] = '&curren;';
            entities['165'] = '&yen;';
            entities['166'] = '&brvbar;';
            entities['167'] = '&sect;';
            entities['168'] = '&uml;';
            entities['169'] = '&copy;';
            entities['170'] = '&ordf;';
            entities['171'] = '&laquo;';
            entities['172'] = '&not;';
            entities['173'] = '&shy;';
            entities['174'] = '&reg;';
            entities['175'] = '&macr;';
            entities['176'] = '&deg;';
            entities['177'] = '&plusmn;';
            entities['178'] = '&sup2;';
            entities['179'] = '&sup3;';
            entities['180'] = '&acute;';
            entities['181'] = '&micro;';
            entities['182'] = '&para;';
            entities['183'] = '&middot;';
            entities['184'] = '&cedil;';
            entities['185'] = '&sup1;';
            entities['186'] = '&ordm;';
            entities['187'] = '&raquo;';
            entities['188'] = '&frac14;';
            entities['189'] = '&frac12;';
            entities['190'] = '&frac34;';
            entities['191'] = '&iquest;';
            entities['192'] = '&Agrave;';
            entities['193'] = '&Aacute;';
            entities['194'] = '&Acirc;';
            entities['195'] = '&Atilde;';
            entities['196'] = '&Auml;';
            entities['197'] = '&Aring;';
            entities['198'] = '&AElig;';
            entities['199'] = '&Ccedil;';
            entities['200'] = '&Egrave;';
            entities['201'] = '&Eacute;';
            entities['202'] = '&Ecirc;';
            entities['203'] = '&Euml;';
            entities['204'] = '&Igrave;';
            entities['205'] = '&Iacute;';
            entities['206'] = '&Icirc;';
            entities['207'] = '&Iuml;';
            entities['208'] = '&ETH;';
            entities['209'] = '&Ntilde;';
            entities['210'] = '&Ograve;';
            entities['211'] = '&Oacute;';
            entities['212'] = '&Ocirc;';
            entities['213'] = '&Otilde;';
            entities['214'] = '&Ouml;';
            entities['215'] = '&times;';
            entities['216'] = '&Oslash;';
            entities['217'] = '&Ugrave;';
            entities['218'] = '&Uacute;';
            entities['219'] = '&Ucirc;';
            entities['220'] = '&Uuml;';
            entities['221'] = '&Yacute;';
            entities['222'] = '&THORN;';
            entities['223'] = '&szlig;';
            entities['224'] = '&agrave;';
            entities['225'] = '&aacute;';
            entities['226'] = '&acirc;';
            entities['227'] = '&atilde;';
            entities['228'] = '&auml;';
            entities['229'] = '&aring;';
            entities['230'] = '&aelig;';
            entities['231'] = '&ccedil;';
            entities['232'] = '&egrave;';
            entities['233'] = '&eacute;';
            entities['234'] = '&ecirc;';
            entities['235'] = '&euml;';
            entities['236'] = '&igrave;';
            entities['237'] = '&iacute;';
            entities['238'] = '&icirc;';
            entities['239'] = '&iuml;';
            entities['240'] = '&eth;';
            entities['241'] = '&ntilde;';
            entities['242'] = '&ograve;';
            entities['243'] = '&oacute;';
            entities['244'] = '&ocirc;';
            entities['245'] = '&otilde;';
            entities['246'] = '&ouml;';
            entities['247'] = '&divide;';
            entities['248'] = '&oslash;';
            entities['249'] = '&ugrave;';
            entities['250'] = '&uacute;';
            entities['251'] = '&ucirc;';
            entities['252'] = '&uuml;';
            entities['253'] = '&yacute;';
            entities['254'] = '&thorn;';
            entities['255'] = '&yuml;';
        } else {
            throw Error("Table: "+useTable+' not supported');
            return false;
        }
        
        if (useQuoteStyle != 'ENT_NOQUOTES') {
            entities['34'] = '&quot;';
        }
        
        if (useQuoteStyle == 'ENT_QUOTES') {
            entities['39'] = '&#039;';
        }
        
        // ascii decimals to real symbols
        for (decimal in entities) {
            symbol = String.fromCharCode(decimal);
            histogram[symbol] = entities[decimal];
        }
        
        return histogram;
    },
    
    /**
    * @brief ÅÂ±× Á¦°Å
    * @param string str
    * @param string allowed_tags (ex : <b><i>)
    * @return string
    */
    stripTags : function(str, allowed_tags){
        var key = '', tag = '', allowed = false;
        var matches = allowed_array = [];
        var allowed_keys = {};

        var replacer = function(search, replace, str) {
            return str.split(search).join(replace);
        };

        // Build allowes tags associative array
        if (allowed_tags) {
            allowed_array = allowed_tags.match(/([a-zA-Z]+)/gi);
        }
        
        str += '';

        // Match tags
        matches = str.match(/(<\/?[^>]+>)/gi);

        // Go through all HTML tags
        for (key in matches) {
            if (isNaN(key)) {
                // IE7 Hack
                continue;
            }

            // Save HTML tag
            html = matches[key].toString();

            // Is tag not in allowed list? Remove from str!
            allowed = false;

            // Go through all allowed tags
            for (k in allowed_array) {
                // Init
                allowed_tag = allowed_array[k];
                i = -1;

                if (i != 0) { i = html.toLowerCase().indexOf('<'+allowed_tag+'>');}
                if (i != 0) { i = html.toLowerCase().indexOf('<'+allowed_tag+' ');}
                if (i != 0) { i = html.toLowerCase().indexOf('</'+allowed_tag)   ;}

                // Determine
                if (i == 0) {
                    allowed = true;
                    break;
                }
            }

            if (!allowed) {
                str = replacer(html, "", str); // Custom replace. No regexing
            }
        }

        return str;
    },
    
    /**
    * @brief json µ¥ÀÌÅ͸¦ ¹®ÀÚ¿­·Î ÄÁ¹öÆÃ
    * @param mixed o
    * @return string
    */
    jsonEncode : function(o){

        var pad = function(n){
            return n < 10 ? "0" + n : n;
        };

        var m = {
            "\b": '\\b',
            "\t": '\\t',
            "\n": '\\n',
            "\f": '\\f',
            "\r": '\\r',
            '"' : '\\"',
            "\\": '\\\\'
        };

        var encodeArray = function(o){
            var a = ["["], b, i, l = o.length, v;
            for (i = 0; i < l; i += 1) {
                v = o[i];
                switch (typeof v) {
                    case "undefined":
                    case "function":
                    case "unknown":
                        break;
                    default:
                        if (b) {
                            a.push(',');
                        }
                        a.push(v === null ? "null" : jsonEncode(v));
                        b = true;
                }
            }
            a.push("]");
            return a.join("");
        };

        var encodeString = function(s){
            
            if (/["\\\x00-\x1f]/.test(s)) {
                return '"' + s.replace(/([\x00-\x1f\\"])/g, function(a, b) {
                    var c = m[b];
                    if(c){
                        return c;
                    }
                    c = b.charCodeAt();
                    return "\\u00" +
                        Math.floor(c / 16).toString(16) +
                        (c % 16).toString(16);
                    }) + '"';
            }
            return '"' + s + '"';

        };

        var encodeDate = function(o){
            return '"' + o.getFullYear() + "-" +
            pad(o.getMonth() + 1) + "-" +
            pad(o.getDate()) + "T" +
            pad(o.getHours()) + ":" +
            pad(o.getMinutes()) + ":" +
            pad(o.getSeconds()) + '"';
        };
       
        if(typeof o == "undefined" || o === null){
            return null;
        }else if(o instanceof Array){
            return encodeArray(o);
        }else if(o instanceof Date){
            return encodeDate(o);
        }else if(typeof o == "string"){
            return encodeString(o);
        }else if(typeof o == "number"){
            return isFinite(o) ? String(o) : "null";
        }else if(typeof o == "boolean"){
            return String(o);
        }else{

            var a = ["{"];
            var b;

            for(var i in o){
                
                if( !o.hasOwnProperty(i) ) continue;
                var v = o[i];
                switch(typeof i){
                    case "undefined":
                    case "function":
                    case "unknown":
                        break;

                    default:
                        if(b){
                            a.push(",");
                        }


                        a.push( jsonEncode(i), ":", v === null ? "null" : jsonEncode(v));

                        b = true;
                        break;
                }
            }

        }

        a.push("}");
        return a.join("");

    },
    
    /**
    * @brief json ¹®ÀÚ¿­À» ¿ÀºêÁ§Æ®·Î ÄÁ¹öÆÃ
    * @param string str
    * @return object
    */
    jsonDecode : function(str){
        
        return eval('('+str+')');

    }

};
LENSVil.attach(LENSVil.Content);

//
// @class XML Module
//
LENSVil.XML = {
    _parent : LENSVil,

    /**
    * @brief XML ·Îµå
    */
    load : function(url){
        var xmldoc = this.create();
        
        //Å©·ÒÀÇ °æ¿ì ¹æ½ÄÀÌ ´Ù¸§
        if(isChr){
            xmldoc.open('GET', url, false);
            xmldoc.send(null);
            return xmldoc.responseXML.documentElement;
        }

        xmldoc.async = false;
        xmldoc.load(url);

        return xmldoc;
    },
    
    /**
    * @brief XML ·Îµå(ºñµ¿±â)
    */
    loadAsync : function(url, callback){
        var xmldoc = this.create();
        
        //Å©·ÒÀº ºñµ¿±â¸¦ Áö¿ø½ÃÅ°Áö ¾Ê´Â´Ù.
        if(isChr) throw 'not supported Chrome Broswer';

        if(document.implementation && document.implementation.createDocument){
            xmldoc.onload = function(){ callback(xmldoc); }
        }else{
            xmldoc.onreadystatechange = function(){
                if(xmldoc.readyState == 4) callback(xmldoc);
            }
        }

        xmldoc.load(url);
    },

    /**
    * @brief XML¹®¼­ »ý¼º
    */
    create : function(rootTag, nspURL){
        if(!rootTag) rootTag = '';
        if(!nspURL) nspURL = '';

        if(document.implementation && document.implementation.createDocument){
            //Å©·ÒÀÇ °æ¿ì ¹æ½ÄÀÌ ´Ù¸£´Ù.
            if(isChr) return (new window.XMLHttpRequest());

            return document.implementation.createDocument(nspURL, rootTag, null);
        }else{
            var doc = new ActiveXObject("MSXML2.DOMDocument");

            if(rootTag){
                var prefix = '';
                var tagName = rootTag;
                var p = rootTag.indexOf(':');

                if(p != -1){
                    prefix = rootTag.substring(0, p);
                    tagName = rootTag.substring(p+1);
                }

                if(nspURL){
                    if(!prefix) prefix = 'a0';
                }else{
                    prefix = '';
                }

                var text = '<' + (prefix ? (prefix+':') : '') + tagName + (nspURL ? (' xmlns:'+prefix+'="'+nspURL+'"') : '') + '/>';

                doc.loadXML(text);
            }

            return doc;
        }
    },

    /**
    * @brief ÅؽºÆ®·Î ¹ÞÀº ÀÎÀÚ¸¦ XML¹®¼­·Î ÆĽÌ
    */
    parse : function(text){
        if(typeof DOMParser != 'undefined'){
            return (new DOMParser()).parseFromString(text, 'application/xml');
        }else if(typeof ActiveXObject != 'undefined'){
            var doc = this.create();
            doc.loadXML(text);
            return doc;
        }else{
            var url = 'data:text/xml;charset=utf-8,' + encodeURIComponent(text);
            var request = new XMLHttpRequest();
            request.open('GET', url, false);
            request.send(null);
            return request.responseXML;
        }
    },

    /**
    * @brief XML °´Ã¼¸¦ ¹®ÀÚ¿­·Î ¹Ýȯ
    * unserialize ´Â parse¸Þ¼­µå¸¦ ÀÌ¿ëÇÏÀÚ.
    */
    serialize : function(xmlObj){
        if(typeof XMLSerializer != 'undefined'){
            return (new XMLSerializer()).serializeToString(xmlObj);
        }else if(xmlObj.xml){
            return xmlObj.xml;
        }else{
            throw 'LENSVil.XML.serialize is not supported or cant serialize ' + xmlObj;
        }
    }
};

//
// @class Ajax Module
//
LENSVil.AJAX = {
    _parent : LENSVil,

    READY_STATE_LOADING : 1,        //@brief ¿äû
    READY_STATE_INTERACTIVE : 3,    //@brief °á°ú°ªÀ» ¹Þ´Â Áß
    READY_STATE_COMPLEATE : 4,      //@brief ¿Ï·á

    setRequest : function(){
        var XMLhttp = null;

        if(window.XMLHttpRequest){
			XMLhttp = new XMLHttpRequest();
		}else if(window.ActiveXObject){
			XMLhttp = new ActiveXObject("Microsoft.XMLHTTP");
		}

        return XMLhttp;
    },

    setCreateAjax : function(XMLhttp, createObj){

        if(XMLhttp == null) return;

        var url = createObj.url;
        var method = createObj.method || 'GET';
        var params = createObj.params;
        var callback = createObj.callback || null;
        var beforecallback = createObj.beforecallback || null;
        var headers = createObj.headers || null;
        var responseType = createObj.responseType || 'text';
        var exception = createObj.exception || this.defaultError;

        if(method == 'GET'){
            url = url + '?' + params;
            params = null;
        }

        XMLhttp.open(method, url, true);

        //POST
        if(method == 'POST'){
            XMLhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            if(XMLhttp.overrideMimeType){
                XMLhttp.overrideMimeType('text/xml');
                XMLhttp.setRequestHeader("Connection", "close");
            }
        }

        //JSON
        if(responseType == 'json'){
            XMLhttp.setRequestHeader("Accept", "application/json, text/javascript, */*");
        }

        //Çì´õ¼³Á¤
        for(var i in headers){
            if (typeof i === "string") {
                XMLhttp.setRequestHeader(i, headers[i]);
            }
        }

        //readyState ÄÄÇø®Æ®¿ë ÄݹéÇÔ¼ö
        if (typeof callback === "function") {

            XMLhttp.onreadystatechange = function(){

                try{
                    if(XMLhttp.readyState == LENSVil.AJAX.READY_STATE_COMPLEATE){
                        try{
                            if(XMLhttp.status == 200){
                                var response = LENSVil.AJAX.getResponse(XMLhttp, responseType);
                                callback.call(XMLhttp, response);
                            }
                        }catch(e){
                            exception.call(LENSVil.AJAX, e);
                        }finally{
                            XMLHttp = null;
                        }
                    }else if(XMLhttp.readyState == LENSVil.AJAX.READY_STATE_LOADING){
                        if(typeof beforecallback === "function"){
                            try{
                                beforecallback.call(XMLhttp);
                            }catch(e){
                                exception.call(LENSVil.AJAX, e);
                            }
                        }
                    }
                }catch(e){
                }

            }
        }
        
        XMLhttp.send(params);

    },

    /**
    * @brief AJAX °´Ã¼ »ý¼º
    * @param (json) createObj
    *
    * ¾Æ·¡ ¸Þ¼­µå´Â JSON µ¥ÀÌÅ͸¦ ÀÎÀÚ·Î ¹Þ¾Æ AJAX °´Ã¼¸¦ »ý¼ºÇÕ´Ï´Ù.
    * ½ÇÁ¦ °´Ã¼ »ý¼ºÀº setCreateAjax ¸Þ¼­µå¿¡°Ô À§ÀÓÇÏ°í ÀÖ½À´Ï´Ù.
    */
    create : function(createObj){
        if(createObj.url){
            var XMLhttp = this.setRequest();
            this.setCreateAjax(XMLhttp, createObj);
        }
    },

    /**
    * @brief ŸÀÔº°·Î °á°ú°ªÀ» º¯È¯½ÃÄÑ ¹Ýȯ
    * @param (string) type
    */
    getResponse : function(XMLhttp, type){
        var result = XMLhttp.responseText;
        type = type.toLowerCase() || 'text';

        switch(type){
            case 'json' :
                result = eval("("+result+")");
                break;

            case 'xml' :
                result = XMLhttp.responseXML;
                break;
        }

        return result;
    },

    /**
    * @brief ±âº» ¿¡·¯ Çڵ鷯
    */
    defaultError : function(){
        alert("Error Fetching data! Callback function confirm plz!"
			+ "\n\n status : " + this.getStatus()
			+ "\n readyState : " + this.getReadyState()
        );
    }
};

//
// @class Events Module
//
LENSVil.Events = {
    _parent : LENSVil,

    globalMethods : [
        'addEvent',
        'removeEvent'
    ],

    init : function(){
        this._parent.applyMethod('targetElm', this.targetElm);
        this._parent.applyMethod('preventDefault', this.preventDefault);
        this._parent.applyMethod('stopPropagation', this.stopPropagation);
    },

    /**
    * @brief À̺¥Æ® Ãß°¡
    * @param (string) e
    * @param (function) func
    */
    addEvent : function(e, func){
        var reg = new RegExp("^on", "i");

        if(isIE)
            e = e.search(reg) != -1 ? e.toLowerCase() : 'on' + e.toLowerCase();
        else
            e = e.toLowerCase().replace(reg, '');

        if(window.addEventListener){
            this.addEventListener(e, func, false);
        }else if(window.attachEvent){
            this.attachEvent(e, func);
        }
    },

    /**
    * @brief À̺¥Æ® Á¦°Å
    * @param (string) e
    * @param (function) func
    */
    removeEvent : function(e, func){
        var reg = new RegExp("^on", "i");

        if(isIE)
            e = e.search(reg) != -1 ? e.toLowerCase() : 'on' + e.toLowerCase();
        else
            e = e.toLowerCase().replace(reg, '');

        if(window.removeEventListener){
            this.removeEventListener(e, func, false);
        }else if(window.detachEvent){
            this.detachEvent(e, func);
        }
    },

    /**
    * @brief À̺¥Æ®°¡ ¹ß»ýµÈ ¿¤¸®¸ÕÆ® ¹Ýȯ
    * @param (event) e
    */
    targetElm : function(e){
        return e.target || e.srcElement;
    },

    /**
    * @brief À̺¥Æ® Ãë¼Ò
    * @param (event) e
    */
    preventDefault : function(e){
        e = e || window.event;

        if (e.preventDefault) e.preventDefault();
        else e.returnValue = false;
    },

    /**
    * @brief À̺¥Æ® ÀüÆÄ ±ÝÁö
    * @param (event) e
    */
    stopPropagation : function(e){
        e = e || window.event;

        if (e.stopPropagation) e.stopPropagation();
        else e.cancelBubble = true;
    }
};
LENSVil.attach(LENSVil.Events);

//
// @class DOMLoad
// @brief DOM¿¡ Á¢±Ù °¡´ÉÇÑ ½ÃÁ¡À» ¾Ë¾Æ³» ÄݹéÇÔ¼ö¸¦ ½ÇÇàÇÑ´Ù.
//
LENSVil.DOMLoad = {
    DOMLoaded : false,  //@brief DOM·Îµå ½ÃÁ¡À» ÆľÇ
    execFuncs : [],     //@brief ½ÇÇàµÉ Äݹé ÇÔ¼ö ¹è¿­

    init : function(){
        //Àͽº
        if(isIE){
            document.write("<script type=\"text/javascript\" id=\"domScriptLoad\" defer=\"defer\" src=\"//:\"><\/script>");
            getElm('domScriptLoad').onreadystatechange = function(){
                if(this.readyState == 'complete'){
                    LENSVil.DOMLoad.isDOMLoaded();
                }
            }
        }
        //¸ðÁú¶ó °è¿­
        else if(document.addEventListener){
            document.addEventListener("DOMContentLoaded", function(){ LENSVil.DOMLoad.isDOMLoaded(); }, false);
        }
        //ÀÌ¿Ü
        else{
            DOMChecking = setInterval(function(){
                if(document.readyState == 'complete'){
                    LENSVil.DOMLoad.isDOMLoaded();
                    clearInterval(DOMChecking);
                }
            }, 10);
        }
    },

    isDOMLoaded : function(){
        if(this.DOMLoaded) return;

        this.DOMLoaded = true;
        this.execFunc();
    },

    execFunc : function(){
        for(var i=0; (fn=this.execFuncs[i]); i++){
            (fn)();
        }

        this.execFuncs = [];
    },

    /**
    * @brief DOM ÀÌ ¸ðµÎ ·Îµå µÈ ÈÄ¿¡ ÀÎÀÚ·Î ¹ÞÀº ÄݹéÇÔ¼ö¸¦ ½ÇÇàÇÑ´Ù.
    * @param (function) *
    */
    ready : function(){
        if(arguments.length < 1) return;

        for(var i=0; (ar=arguments[i]); i++){
            if(!ar.readyState){
                ar.readyState = true;
                this.execFuncs.push(ar);
            }
        }

        if(this.DOMLoaded == true){
            this.execFunc();
        }
    }
};
LENSVil.attach(LENSVil.DOMLoad);

//
// @class Debug Module
//
LENSVil.Debug = {
    _parent : LENSVil,

    /**
    * @brief Serialize ¸Þ¼­µå
    * @param (mixed) mixed_value
    */
    serialize : function(mixed_value){

        var _getType = function( inp ) {
            var type = typeof inp, match;
            if (type == 'object' && !inp) {
                return 'null';
            }
            if (type == "object") {
                if (!inp.constructor) {
                    return 'object';
                }
                var cons = inp.constructor.toString();
                if (match = cons.match(/(\w+)\(/)) {
                    cons = match[1].toLowerCase();
                }
                var types = ["boolean", "number", "string", "array"];
                for (key in types) {
                    if (cons == types[key]) {
                        type = types[key];
                        break;
                    }
                }
            }
            return type;
        };
        var type = _getType(mixed_value);
        var val, ktype = '';

        switch (type) {
            case "function":
                val = "";
                break;
            case "undefined":
                val = "N";
                break;
            case "boolean":
                val = "b:" + (mixed_value ? "1" : "0");
                break;
            case "number":
                val = (Math.round(mixed_value) == mixed_value ? "i" : "d") + ":" + mixed_value;
                break;
            case "string":
                val = "s:" + mixed_value.length + ":\"" + mixed_value + "\"";
                break;
            case "array":
            case "object":
                val = "a";
                var count = 0;
                var vals = "";
                var okey;
                for (key in mixed_value) {
                    ktype = _getType(mixed_value[key]);
                    if (ktype == "function" && ktype == "object") {
                        continue;
                    }

                    okey = (key.match(/^[0-9]+$/) ? parseInt(key) : key);
                    vals += serialize(okey) +
                            serialize(mixed_value[key]);
                    count++;
                }
                val += ":" + count + ":{" + vals + "}";
                break;
        }
        if (type != "object" && type != "array") val += ";";
        return val;
    },

    /**
    * @brief unSerialize ¸Þ¼­µå
    * @param (string) data
    */
    unserialize : function(data){
        var error = function (type, msg, filename, line){throw new window[type](msg, filename, line);};
        var read_until = function (data, offset, stopchr){
            var buf = [];
            var chr = data.slice(offset, offset + 1);
            var i = 2;
            while(chr != stopchr){
                if((i+offset) > data.length){
                    error('Error', 'Invalid');
                }
                buf.push(chr);
                chr = data.slice(offset + (i - 1),offset + i);
                i += 1;
            }
            return [buf.length, buf.join('')];
        };
        var read_chrs = function (data, offset, length){
            buf = [];
            for(var i = 0;i < length;i++){
                var chr = data.slice(offset + (i - 1),offset + i);
                buf.push(chr);
            }
            return [buf.length, buf.join('')];
        };
        var _unserialize = function (data, offset){
            if(!offset) offset = 0;
            var buf = [];
            var dtype = (data.slice(offset, offset + 1)).toLowerCase();

            var dataoffset = offset + 2;
            var typeconvert = new Function('x', 'return x');
            var chrs = 0;
            var datalength = 0;

            switch(dtype){
                case "i":
                    typeconvert = new Function('x', 'return parseInt(x)');
                    var readData = read_until(data, dataoffset, ';');
                    var chrs = readData[0];
                    var readdata = readData[1];
                    dataoffset += chrs + 1;
                break;
                case "b":
                    typeconvert = new Function('x', 'return (parseInt(x) == 1)');
                    var readData = read_until(data, dataoffset, ';');
                    var chrs = readData[0];
                    var readdata = readData[1];
                    dataoffset += chrs + 1;
                break;
                case "d":
                    typeconvert = new Function('x', 'return parseFloat(x)');
                    var readData = read_until(data, dataoffset, ';');
                    var chrs = readData[0];
                    var readdata = readData[1];
                    dataoffset += chrs + 1;
                break;
                case "n":
                    readdata = null;
                break;
                case "s":
                    var ccount = read_until(data, dataoffset, ':');
                    var chrs = ccount[0];
                    var stringlength = ccount[1];
                    dataoffset += chrs + 2;

                    var readData = read_chrs(data, dataoffset+1, parseInt(stringlength));
                    var chrs = readData[0];
                    var readdata = readData[1];
                    dataoffset += chrs + 2;
                    if(chrs != parseInt(stringlength) && chrs != readdata.length){
                        error('SyntaxError', 'String length mismatch');
                    }
                break;
                case "a":
                    var readdata = {};

                    var keyandchrs = read_until(data, dataoffset, ':');
                    var chrs = keyandchrs[0];
                    var keys = keyandchrs[1];
                    dataoffset += chrs + 2;

                    for(var i = 0;i < parseInt(keys);i++){
                        var kprops = _unserialize(data, dataoffset);
                        var kchrs = kprops[1];
                        var key = kprops[2];
                        dataoffset += kchrs;

                        var vprops = _unserialize(data, dataoffset);
                        var vchrs = vprops[1];
                        var value = vprops[2];
                        dataoffset += vchrs;

                        readdata[key] = value;
                    }

                    dataoffset += 1;
                break;
                default:
                    error('SyntaxError', 'Unknown / Unhandled data type(s): ' + dtype);
                break;
            }
            return [dtype, dataoffset - offset, typeconvert(readdata)];
        };
        return _unserialize(data, 0)[2];
    }
};