window.onload = function () {
    var objTemp = new selectBox();
    objTemp.initialize();
	if($('tmp_select_box') != null) $('tmp_select_box').remove();
    imgOver();
}
//
function display(on, off) {
    var objOn = document.getElementById(on);
    var objOff = document.getElementById(off);

    objOn.style.display = '';
    objOff.style.display = 'none';
}

//flash
function swfprint(furl,fwidth,fheight,transoption, Id) {
    if (Id) {
        document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="'+ fwidth +'" height="' + fheight +'" align="middle" id="'+Id+'">');
    } else {
        document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="'+ fwidth +'" height="' + fheight +'" align="middle">');
    }
    document.write('<param name="movie" value="'+ furl +'"/>');
    document.write('<param name="allowScriptAccess" value="always"/>');
    if (transoption == "t") {
        document.write('<param name="wmode" value="transparent"/>');
    } else if (transoption == "o") {
        document.write('<param name="wmode" value="opaque"/>');
    }
    document.write('<!-- Hixie method -->');
    document.write('<!--[if !IE]> <-->');
    document.write('<object type="application/x-shockwave-flash" allowScriptAccess="always" data="'+ furl +'" width="'+ fwidth +'" height="' + fheight +'"');
    if (transoption == "t") {
        document.write(' wmode="transparent"');
    } else if (transoption == "o") {
        document.write(' wmode="opaque"');
    }
    if (Id) {
        document.write(' id="'+Id+'"');
    }
    document.write('></object>');
    document.write('<!--> <![endif]-->');
    document.write('</object>');
}

//Popup
function WinPop(url,name,w,h,s) {
    var position, top, left;
    top = screen.height/2 - h/2;
    left = screen.width/2 - w/2;
    position = ",top="+top+",left="+left;
    if (s=='y') {
        sOp = ",scrollbars=yes";
    } else if (s=='o') {
        sOp = "";
    }
    winOptions = 'width='+w+',height='+h+sOp+position;
    window.open(url,name,winOptions);
}
//Popup Close
function closeWin() {
    window.close();
}


//tab menu
function tabMenu() {
    var objLi = null;

    this.initialize = function () {
        var obj = document.getElementById(this.Id);
        objLi = obj.getElementsByTagName('li');

        for (var i=0; i<objLi.length; i++) {
            var objBtn = objLi[i].getElementsByTagName('a')[0];
            if (i == 0) {
                objLi[i].className = 'on';
                document.getElementById(objBtn.href.split("#")[1]).className += ' on';
            } else {
                objLi[i].className = 'off';
                document.getElementById(objBtn.href.split("#")[1]).className += ' off';
            }

            objBtn.onclick = function() {
                objTabMenu(this);
                return false;
            }
        }
    }

    var objTabMenu = function(obj) {
        for (var j=0; j<objLi.length; j++) {
            var objBtn = objLi[j].getElementsByTagName('a')[0];
            objLi[j].className = 'off';
            document.getElementById(objBtn.href.split("#")[1]).className = document.getElementById(objBtn.href.split("#")[1]).className.replace(" on", " off");
            if (objLi[j].getElementsByTagName('img').length > 0) {
                objLi[j].getElementsByTagName('img')[0].src = objLi[j].getElementsByTagName('img')[0].src.replace("on", "off");
            }
        }
        obj.parentNode.className = 'on';

        if (obj.getElementsByTagName('img').length > 0) {
            obj.getElementsByTagName('img')[0].src = obj.getElementsByTagName('img')[0].src.replace("off", "on");
        }

        document.getElementById(obj.href.split("#")[1]).className = document.getElementById(objBtn.href.split("#")[1]).className.replace(" off", " on");
    }
}

//2Depth tab
function DepthTab(Id) {
    var objUL = document.getElementById(Id);
    var depthMenu = objUL.getElementsByTagName('ul');

    this.initialize = function () {
        for (var i=0; i<depthMenu.length; i++) {
            var obj = depthMenu[i].parentNode.getElementsByTagName('a')[0]

            //if (obj.parentNode.className != 'on') {
            depthMenu[i].style.display = 'none';
            //obj.parentNode.getElementsByTagName('ul')[0].style.left = obj.offsetLeft + 'px';
            //}

            obj.onmouseover = function () { objBtn(this); }
            obj.onmouseout = function () { objOut(this); }
        }
    }

    var objBtn = function (obj) {
        for (var j=0; j<depthMenu.length; j++) {
            depthMenu[j].style.display = 'none';
        }

        var objDepth = obj.parentNode.getElementsByTagName('ul')[0];

        if (obj.getElementsByTagName('img').length > 0 && obj.parentNode.className != 'on') {
            obj.getElementsByTagName('img')[0].src = obj.getElementsByTagName('img')[0].src.replace("off", "on");
        }

        objDepth.style.display = 'block';
        objDepth.style.left = obj.offsetLeft + 'px';

        var objLI = objDepth.getElementsByTagName('li');
        for (var q=0; q<objLI.length; q++) {
            if (objLI[q].getElementsByTagName('img').length > 0) {
                objLI[q].getElementsByTagName('a')[0].onmouseover = function () {
                    this.getElementsByTagName('img')[0].src = this.getElementsByTagName('img')[0].src.replace("off", "on");
                }
                objLI[q].getElementsByTagName('a')[0].onmouseout = function () {
                    this.getElementsByTagName('img')[0].src = this.getElementsByTagName('img')[0].src.replace("on", "off");
                }
            }
        }
    }

    var objOut = function (obj) {
        if (obj.getElementsByTagName('img').length > 0 && obj.parentNode.className != 'on') {
            obj.getElementsByTagName('img')[0].src = obj.getElementsByTagName('img')[0].src.replace("on", "off");
        }
        //var objDepth = obj.parentNode.getElementsByTagName('ul')[0];
        //objDepth.style.display = 'none';
    }
}



//faq
function faq_list() {
    this.initialize = function () {
        var objId = document.getElementById(this.Id);
        var objA = objId.getElementsByTagName('a');
        var objTr = objId.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
        for (var i=0; i<objA.length; i++) {
            if (objA[i].parentNode.className == 'subject') {
                objA[i].parentNode.parentNode.onmouseover = function() {
                    this.className = 'subject_on';
                }
                objA[i].parentNode.parentNode.onmouseout = function() {
                    this.className = 'subject_off';
                }
                objA[i].onclick = function() {
                    for (var j=0; j<objTr.length; j++) {
                        if (j % 2 == 0)
                            objTr[j + 1].className = 'content_off';
                        if (this.parentNode.parentNode == objTr[j])
                            objTr[j + 1].className = 'content_on';
                    }
                    return false;
                }
            }
        }
    }
}

//
function initMoving(target, position, topLimit, btmLimit, bodyId) {
    target = document.getElementById(target);
    if (!target)
        return false;

    var obj = target;
    obj.initTop = position;
    obj.topLimit = topLimit;
    obj.bottomLimit = document.documentElement.scrollHeight - btmLimit;

    obj.style.position = "absolute";
    obj.top = obj.initTop;
    obj.left = obj.initLeft;

    if (typeof(window.pageYOffset) == "number") {
        obj.getTop = function() {
            return window.pageYOffset;
        }
    } else if (typeof(document.documentElement.scrollTop) == "number") {
        obj.getTop = function() {
            return document.documentElement.scrollTop;
        }
    } else {
        obj.getTop = function() {
            return 0;
        }
    }

    if (self.innerHeight) {
        obj.getHeight = function() {
            return self.innerHeight;
        }
    } else if(document.documentElement.clientHeight) {
        obj.getHeight = function() {
            return document.documentElement.clientHeight;
        }
    } else {
        obj.getHeight = function() {
            return 500;
        }
    }

    obj.move = setInterval(function() {
        if (obj.initTop > 0) {
            pos = obj.getTop() + obj.initTop;
        } else {
            pos = obj.getTop() + obj.getHeight() + obj.initTop;
            //pos = obj.getTop() + obj.getHeight() / 2 - 15;
        }

        if (pos > obj.bottomLimit)
            pos = obj.bottomLimit;
        if (pos < obj.topLimit)
            pos = obj.topLimit;

        interval = obj.top - pos;
        obj.top = obj.top - interval / 3;
        obj.style.top = obj.top + "px";
        if (bodyId) {
            //alert(document.getElementById(bodyId).offsetLeft);
            obj.style.left = document.getElementById(bodyId).offsetLeft + document.getElementById(bodyId).offsetWidth + 'px';
        }
    }, 30)
}

//file design
var W3CDOM = (document.createElement && document.getElementsByTagName);

function initFileUploads(classname,position,size,fakewidth) {
    if (!W3CDOM) return;
    var fakeFileUpload = document.createElement('div');
    fakeFileUpload.className = 'fakefile';
    //fakeFileUpload.style.width = 100 + "%";
    fakeFileUpload.style.textAlign = position;
    fakeFileUpload.appendChild(document.createElement('input'));
    var image = document.createElement('img');
    image.src='/images/button/filesearch.gif';
    image.style.verticalAlign = 'middle';
    fakeFileUpload.appendChild(image);
    var x = document.getElementsByTagName('input');
    for (var i=0;i<x.length;i++) {
        if (x[i].type != 'file') continue;
        if (x[i].className != classname) continue;
        if (x[i].parentNode.className != 'fileinputs') continue;
        x[i].className = 'file hidden';
        var clone = fakeFileUpload.cloneNode(true);
        x[i].parentNode.appendChild(clone);
        x[i].setAttribute('size',size);
        x[i].relatedElement = clone.getElementsByTagName('input')[0];
        x[i].relatedElement.className = 'fakeinput';
        x[i].relatedElement.style.width = fakewidth + 'px';
        x[i].onchange = x[i].onmouseout = function () {
            this.relatedElement.value = this.value;
        }
        x[i].parentNode.style.textAlign = position;
    }
}

function setPNG24(obj) {
    obj.width=obj.height=1;
    obj.className=obj.className.replace(/bPNG24b/i,'');
    obj.original = obj.src;
    obj.style.filter =
	"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
    obj.src='';
    return '';
}


function PngImgSet(containerID) {
    var wrap = document.getElementById(containerID);
    imageAll = wrap.getElementsByTagName("img");
    for (i=0; i<imageAll.length; i++ ) {
        var imgType = imageAll[i].src;
        //alert('a');
        if (imgType.indexOf(".png") != -1) {
            imageAll[i].className += " png24";
        }
    }
}

function correctPNG () {
    if (navigator.userAgent.indexOf("MSIE 6.")>=0  && document.all) {
        var objImages = document.images;

        for (var i=0; i<objImages.length; i++) {
            if (objImages[i].src.indexOf('.png') != -1) {
                setPNG24(objImages[i]);
            }
        }
    }
}

//상품 크게 보기
var articleNum = 0;
function aritcle_view() {
    var objWrap = document.getElementById('article_wrap');
    var objViewBtn = document.getElementById('big_img_view').getElementsByTagName('a')[0];
    var bigImg = document.getElementById('article_big');
    var objUL = objWrap.getElementsByTagName('ul')[0];
    var objLI = objUL.getElementsByTagName('li');
    var dataImgs = new Array();
    var layerBox = null;

    this.initialize = function() {
        objClick(objLI[0].getElementsByTagName('a')[0]);
        for (var i=0; i<objLI.length; i++) {
            objLI[i].getElementsByTagName('a')[0].onclick = function () {
                objClick(this);
                return false;
            }
        }

        objViewBtn.onclick = function() {
            layerImg();
            return false;
        }
    }

    this.objImg = function (bigImgUrl, thmubUrl) {
        dataImgs.push({bigImgUrl:bigImgUrl, thmubUrl:thmubUrl});
    }

    var objClick = function (obj) {
        for (var j=0; j<objLI.length; j++) {
            if (obj == objLI[j].getElementsByTagName('a')[0])
                articleNum = j;
            objLI[j].className = objLI[j].className.replace('on', '');
        }
        bigImg.src = obj.href;
        obj.parentNode.className += ' on';
    }

    var layerImg = function () {
        if (document.getElementById('a_layerBox'))
             closeLayer();
        /* IE6 에서 select box 가 레이어 위로보임
         * 레이어 띄울때 select box 강제적으로 hide 시킴         *
         */
        if(document.getElementById("selBox_show")){
            document.getElementById("selBox_show").hide();
        }
        if(document.getElementById("buy_cnt")){
            document.getElementById("buy_cnt").hide();
        }
        

        layerBox = document.createElement('div');
        layerBox.setAttribute('id', 'a_layerBox');
        document.documentElement.getElementsByTagName('body')[0].appendChild(layerBox);

        layerBox.style.top = document.documentElement.scrollTop + 110 + (document.documentElement.clientHeight / 2) + 'px';

        var layerBoxWrap = document.createElement('div');
        layerBoxWrap.className = 'wrap';
        layerBox.appendChild(layerBoxWrap);

        var bigImgBox = document.createElement('div');
        bigImgBox.className = 'big_img';
        layerBoxWrap.appendChild(bigImgBox);

        var bigImgTable = document.createElement('table');
        bigImgBox.appendChild(bigImgTable);
        var bigImgTbody = document.createElement('tbody');
        bigImgTable.appendChild(bigImgTbody);
        var bigImgTR = document.createElement('tr');
        bigImgTbody.appendChild(bigImgTR);
        var bigImgTD = document.createElement('td');
        bigImgTR.appendChild(bigImgTD);


        var bigImg = document.createElement('img');
        bigImg.setAttribute('src', dataImgs[articleNum].bigImgUrl);
        bigImg.setAttribute('alt', '');
        bigImgTD.appendChild(bigImg);

        bigImg.style.width = 'auto';
        bigImg.style.height = 'auto';

        /**/
        bigImg.style.height = 400 + 'px';
        bigImg.style.width = 400 + 'px';
        if (bigImg.width > 400 || bigImg.height > 400) {
            if (bigImg.height >= bigImg.width) {
                bigImg.style.width = 'auto';
                bigImg.style.height = 400 + 'px';
            } else if (bigImg.height <= bigImg.width) {
                bigImg.style.width = 400 + 'px';
                bigImg.style.height = 'auto';
            }
        }
        var imgUL = document.createElement('ul');
        imgUL.className = 'img_list';
        layerBoxWrap.appendChild(imgUL);

        //alert(articleNum);

        var imgLI = new Array();
        var thumbImg = new Array();
        for (var i=0; i<dataImgs.length; i++) {
            imgLI[i] = document.createElement('li');
            imgUL.appendChild(imgLI[i]);
            //imgLI[articleNum].className = 'on';

            var thumbImgTable = document.createElement('table');
            imgLI[i].appendChild(thumbImgTable);
            var thumbImgTbody = document.createElement('tbody');
            thumbImgTable.appendChild(thumbImgTbody);
            var thumbImgTR = document.createElement('tr');
            thumbImgTbody.appendChild(thumbImgTR);
            var thumbImgTD = document.createElement('td');
            thumbImgTR.appendChild(thumbImgTD);

            if (i == articleNum)
                imgLI[i].className = 'on';

            var imgLiA = document.createElement('a');
            imgLiA.setAttribute('href', '#');
            thumbImgTD.appendChild(imgLiA);

            thumbImg[i] = document.createElement('img');
            thumbImg[i].setAttribute('src', dataImgs[i].thmubUrl);
            thumbImg[i].setAttribute('alt', '');
            imgLiA.appendChild(thumbImg[i]);

            /*
            if (thumbImg[i].width > 76 || thumbImg[i].height > 76) {
                if (thumbImg[i].height >= thumbImg[i].width) {
                    thumbImg[i].style.height = 76 + 'px';
                    thumbImg[i].style.width = 'auto';
                } else if (thumbImg[i].height <= thumbImg[i].width) {
                    thumbImg[i].style.width = 76 + 'px';
                    thumbImg[i].style.height = 'auto';
                }
            }
			*/
		    thumbImg[i].style.height = 76 + 'px';
		    thumbImg[i].style.width = 76 + 'px';

            imgLiA.onclick = function () {
                for (var j=0; j<imgLI.length; j++) {
                    if (imgLI[j].getElementsByTagName('a')[0] == this) {
                        var size = imgGetSize(dataImgs[j].bigImgUrl);
                        //alert(size.width);
                        bigImg.src = dataImgs[j].bigImgUrl;
                        bigImg.style.width = size.width + 'px';
                        bigImg.style.height = size.height + 'px';

                        if (size.width > 400 || size.height > 400) {
                            if (size.height >= size.width) {
                                bigImg.style.width = 'auto';
                                bigImg.style.height = 400 + 'px';
                            } else if (size.height <= size.width) {
                                bigImg.style.width = 400 + 'px';
                                bigImg.style.height = 'auto';
                            }
                        }

                        imgLI[j].className = 'on';
                    } else {
                        imgLI[j].className = '';
                    }
                }
                return false;
            }
        }

        var imgGetSize = function (url) {
            var objImage = new Image();
            objImage.src = url;
            objImage.style.visibility = 'hidden';

            return {width:objImage.width, height:objImage.height}
        }

        var closeBtn = document.createElement('p');
        closeBtn.className = 'ex';
        layerBoxWrap.appendChild(closeBtn);

        var exText = document.createTextNode('* 본 이미지는 실제 상품과 다를 수 있습니다.');
        closeBtn.appendChild(exText);

        var closeBtn = document.createElement('span');
        closeBtn.className = 'close';
        layerBoxWrap.appendChild(closeBtn);

        var closeBtnA = document.createElement('a');
        closeBtnA.setAttribute('href', '#');
        closeBtn.appendChild(closeBtnA);

        var closeText = document.createTextNode('Close');
        closeBtnA.appendChild(closeText);

        closeBtnA.onclick = function () {
            closeLayer();
            return false;
        }
    }

    var closeLayer = function () {
        if(document.getElementById("selBox_show")){
            document.getElementById("selBox_show").show();
        }
        
        if(document.getElementById("buy_cnt")){
            document.getElementById("buy_cnt").show();
        }

        layerBox.parentNode.removeChild(layerBox);
    }
}

//팝업 레이어
function layerPopup() {
    var objBtn, objTarget, closeBtn, layerData;
    var animation = 'yes'; //animation yes, no
    var opacityOpen;
    var opacityNum = 0;
    var opacity = { start:0, end:9, time:5 }

	//this.config = {isRead:false};
    this.initialize = function () {
        objBtn = document.getElementById(layerData.objBtn);
        objTarget = document.getElementById(layerData.target);

        objTarget.style.display = 'none';
        //objBtn.style.display = 'inline';

        objBtn.onclick = clickEvent;
    }

    this.contents = function (target, object, visible, hidden, width, height, position) {
        layerData = {target:target, objBtn:object, visible:visible, hidden:hidden, width:width, height:height, position:position };
    }
    
    this.close = function () {
        objClose();
    }

    var clickEvent = function () {
        if (objTarget.style.display == 'block') {
            selectionClose();
            return false;
        }
		//if(config.isAgree) config.isRead = true;
        objTarget.className = layerData.visible;
        objTarget.style.display = 'block';
        //opacity ani
        //SetOpacityOpen();
        if (animation == 'yes') {
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = 'Alpha(opacity=0)';
            else
                objTarget.style.opacity = 0.0;

            opacityOpen = setInterval(SetOpacityOpen, opacity.time);
        }

        if (objTarget.getElementsByTagName('iframe').length > 0 && objTarget.getElementsByTagName('iframe')[0].className !='not') {
            var objFrame = objTarget.getElementsByTagName('iframe')[0];
            var innerDoc = (objFrame.contentDocument) ? objFrame.contentDocument.documentElement : objFrame.contentWindow.document.getElementsByTagName('body')[0];

            objFrame.style.height = innerDoc.offsetHeight + 'px';
        }

        if (layerData.width != 'auto')
            objTarget.style.width = layerData.width + 'px';
        if (layerData.height != 'auto')
            objTarget.style.height = layerData.height + 'px';
        objTarget.style.left = 514 - (layerData.width / 2) + 'px';

        switch (layerData.position) {
            case 'top':
                objTarget.style.top = objBtn.offsetTop - objTarget.offsetHeight - 10 + 'px';
                break;
            case 'bottom':
                objTarget.style.top = objBtn.offsetTop + this.offsetHeight + 10 + 'px';
                break;
            case 'center':
                objTarget.style.marginTop = - (objTarget.offsetHeight / 2) + 'px';
                objTarget.style.top = 20 + document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px';
                break;
        }

        closeBtn = document.createElement('span');
        closeBtn.className = 'close';
        objTarget.appendChild(closeBtn);

        var closeBtnA = document.createElement('a');
        closeBtnA.setAttribute('href', '#');
        closeBtn.appendChild(closeBtnA);

        var closeText = document.createTextNode('Close');
        closeBtnA.appendChild(closeText);

        closeBtnA.onclick = selectionClose;
		var objNoneFrame = document.createElement('iframe');
		objTarget.parentNode.appendChild(objNoneFrame);
		objNoneFrame.setAttribute('id', 'noneFrame');

		objNoneFrame.style.width = objTarget.offsetWidth + 'px';
		objNoneFrame.style.height = objTarget.offsetHeight + 'px';
		objNoneFrame.style.position = 'absolute';
		objNoneFrame.style.left = objTarget.offsetLeft + 'px';
		objNoneFrame.style.top = objTarget.offsetTop + 'px';
		objNoneFrame.style.zIndex = 1;
		objNoneFrame.style.border ='0 none';
		objNoneFrame.frameBorder = 0;

		if (navigator.appName.indexOf('Explorer') != -1 && document.all) {
			objNoneFrame.style.filter = 'Alpha(opacity=0)';
		} else {
			objNoneFrame.style.opacity = 0;
		}

        searchCloseBtn();
        hideSelectBox();
        return false;
    }

    var selectionClose = function () {
        switch (animation) {
            case 'yes':
                opacityOpen = setInterval(SetOpacityClose, opacity.time);
                break;
            case 'no':
                objClose();
                break;
        }
        showSelectBox();
        return false;
    }

    var objClose = function () {
		var noneFrame = document.getElementById('noneFrame');
        objTarget.className = layerData.hidden;
        objTarget.style.display = 'none';
        closeBtn.parentNode.removeChild(closeBtn);
        noneFrame.parentNode.removeChild(noneFrame);
        showSelectBox();
        return false;
    }

    var searchCloseBtn = function () {
        var elementA = objTarget.getElementsByTagName('a');
        for (var i=0; i<elementA.length; i++) {
            if (elementA[i].className == 'close')
                elementA[i].onclick = selectionClose;
        }
    }

    var SetOpacityOpen = function () {
        if (opacityNum >= opacity.end) {
            clearInterval(opacityOpen);
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = 'Alpha(opacity=100)';
            else
                objTarget.style.opacity = 10.0;
        } else {
            opacityNum++;
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
            else
                objTarget.style.opacity = eval('0.' + opacityNum);
        }
    }

    var SetOpacityClose = function () {
        if (opacityNum == opacity.start) {
            clearInterval(opacityOpen);
            objClose();
        } else {
            opacityNum--;
        }
        if (navigator.appName.indexOf('Explorer') != -1 && document.all)
            objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
        else
            objTarget.style.opacity = eval('0.' + opacityNum);
    }

    var hideSelectBox = function() {
        return; //코딩 수정 후 미사용으로 변경
        //if(objTarget.id.indexOf('searchZip') >= 0) return;
        var list = document.getElementsByTagName('select');
        if (list == null || list.length < 1) return;
        for(var i = 0; i < list.length; i++) {
            list[i].style.display = 'none';
        }
    }

    var showSelectBox = function() {
        return; //코딩 수정 후 미사용으로 변경
        //if(objTarget.id.indexOf('searchZip') >= 0) return;
        var list = document.getElementsByTagName('select');
        if (list == null || list.length < 1) return;
        for(var i = 0; i < list.length; i++) {
            list[i].style.display = '';
        }
    }

}

function layerPrivacy() {
    var objBtn, objTarget, closeBtn, layerData;
    var animation = 'yes'; //animation yes, no
    var opacityOpen;
    var opacityNum = 0;
    var opacity = { start:0, end:9, time:5 }
	var config = {isRead:false, isAgree:true};

    this.initialize = function () {
        objBtn = document.getElementById(layerData.objBtn);
        objTarget = document.getElementById(layerData.target);

        objTarget.style.display = 'none';
        //objBtn.style.display = 'inline';

        objBtn.onclick = clickEvent;
		initAgree();
    }

    this.contents = function (target, object, visible, hidden, width, height, position) {
        layerData = {target:target, objBtn:object, visible:visible, hidden:hidden, width:width, height:height, position:position };
    }

    this.close = function () {
        objClose();
    }

	var initAgree = function() {
		try {
			if(layerData.target === 'policy') config = {isRead:false, isAgree:true};
			var agreeList = document.getElementsByName('agree');
			for(var i = 0; i < agreeList.length; i++) {
				agreeList[i].onclick = checkAgree;
			}
		}catch(e){}
	}

	var checkAgree = function() {
		if(config.isRead) return true;
		alert('개인정보취급방침을 먼저 읽어주세요.');
		try {
			var agreeList = document.getElementsByName('agree');
			agreeList[1].checked = true;
		}catch(e){}
		return false;
	}

    var clickEvent = function () {
        if (objTarget.style.display == 'block') {
            selectionClose();
            return false;
        }
		if(config.isAgree) config.isRead = true;
        objTarget.className = layerData.visible;
        objTarget.style.display = 'block';
        //opacity ani
        //SetOpacityOpen();
        if (animation == 'yes') {
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = 'Alpha(opacity=0)';
            else
                objTarget.style.opacity = 0.0;

            opacityOpen = setInterval(SetOpacityOpen, opacity.time);
        }

        if (objTarget.getElementsByTagName('iframe').length > 0 && objTarget.getElementsByTagName('iframe')[0].className !='not') {
            var objFrame = objTarget.getElementsByTagName('iframe')[0];
            var innerDoc = (objFrame.contentDocument) ? objFrame.contentDocument.documentElement : objFrame.contentWindow.document.getElementsByTagName('body')[0];

            objFrame.style.height = innerDoc.offsetHeight + 'px';
        }

        if (layerData.width != 'auto')
            objTarget.style.width = layerData.width + 'px';
        if (layerData.height != 'auto')
            objTarget.style.height = layerData.height + 'px';
        objTarget.style.left = 514 - (layerData.width / 2) + 'px';

        switch (layerData.position) {
            case 'top':
                objTarget.style.top = objBtn.offsetTop - objTarget.offsetHeight - 10 + 'px';
                break;
            case 'bottom':
                objTarget.style.top = objBtn.offsetTop + this.offsetHeight + 10 + 'px';
                break;
            case 'center':
                objTarget.style.marginTop = - (objTarget.offsetHeight / 2) + 'px';
                objTarget.style.top = 20 + document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px';
                break;
        }

        closeBtn = document.createElement('span');
        closeBtn.className = 'close';
        objTarget.appendChild(closeBtn);

        var closeBtnA = document.createElement('a');
        closeBtnA.setAttribute('href', '#');
        closeBtn.appendChild(closeBtnA);

        var closeText = document.createTextNode('Close');
        closeBtnA.appendChild(closeText);

        closeBtnA.onclick = selectionClose;
		var objNoneFrame = document.createElement('iframe');
		objTarget.parentNode.appendChild(objNoneFrame);
		objNoneFrame.setAttribute('id', 'nonePrivacyFrame');

		objNoneFrame.style.width = objTarget.offsetWidth + 'px';
		objNoneFrame.style.height = objTarget.offsetHeight + 'px';
		objNoneFrame.style.position = 'absolute';
		objNoneFrame.style.left = objTarget.offsetLeft + 'px';
		objNoneFrame.style.top = objTarget.offsetTop + 'px';
		objNoneFrame.style.zIndex = 1;
		objNoneFrame.style.border ='0 none';
		objNoneFrame.frameBorder = 0;

		if (navigator.appName.indexOf('Explorer') != -1 && document.all) {
			objNoneFrame.style.filter = 'Alpha(opacity=0)';
		} else {
			objNoneFrame.style.opacity = 0;
		}

        searchCloseBtn();
        hideSelectBox();
        return false;
    }

    var selectionClose = function () {
        switch (animation) {
            case 'yes':
                opacityOpen = setInterval(SetOpacityClose, opacity.time);
                break;
            case 'no':
                objClose();
                break;
        }
        showSelectBox();
        return false;
    }

    var objClose = function () {
		var nonePrivacyFrame = document.getElementById('nonePrivacyFrame');
        objTarget.className = layerData.hidden;
        objTarget.style.display = 'none';
        closeBtn.parentNode.removeChild(closeBtn);
        nonePrivacyFrame.parentNode.removeChild(nonePrivacyFrame);
        showSelectBox();
        return false;
    }

    var searchCloseBtn = function () {
        var elementA = objTarget.getElementsByTagName('a');
        for (var i=0; i<elementA.length; i++) {
            if (elementA[i].className == 'close')
                elementA[i].onclick = selectionClose;
        }
    }

    var SetOpacityOpen = function () {
        if (opacityNum >= opacity.end) {
            clearInterval(opacityOpen);
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = 'Alpha(opacity=100)';
            else
                objTarget.style.opacity = 10.0;
        } else {
            opacityNum++;
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
            else
                objTarget.style.opacity = eval('0.' + opacityNum);
        }
    }

    var SetOpacityClose = function () {
        if (opacityNum == opacity.start) {
            clearInterval(opacityOpen);
            objClose();
        } else {
            opacityNum--;
        }
        if (navigator.appName.indexOf('Explorer') != -1 && document.all)
            objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
        else
            objTarget.style.opacity = eval('0.' + opacityNum);
    }

    var hideSelectBox = function() {
        return; //코딩 수정 후 미사용으로 변경
        //if(objTarget.id.indexOf('searchZip') >= 0) return;
        var list = document.getElementsByTagName('select');
        if (list == null || list.length < 1) return;
        for(var i = 0; i < list.length; i++) {
            list[i].style.display = 'none';
        }
    }

    var showSelectBox = function() {
        return; //코딩 수정 후 미사용으로 변경
        //if(objTarget.id.indexOf('searchZip') >= 0) return;
        var list = document.getElementsByTagName('select');
        if (list == null || list.length < 1) return;
        for(var i = 0; i < list.length; i++) {
            list[i].style.display = '';
        }
    }

}

function layerSearch() {
    var objBtn, objTarget, objFrame;
    var animation = 'yes'; //animation yes, no
    var opacityOpen;
    var opacityNum = 0;
    var opacity = { start:0, end:9, time:5 }


    this.initialize = function () {
        objBtn = document.getElementById(layerData.objBtn).getElementsByTagName('a');
        objTarget = document.getElementById(layerData.target);
        objTarget.style.display = 'none';

        for (var i=0; i<objBtn.length; i++) {
            if (objBtn[i].className.match(/layer/))
                clickEvent(objBtn[i], i);
        }
    }

    this.contents = function (target, object, visible, hidden, width, height, position) {
        layerData = {target:target, objBtn:object, visible:visible, hidden:hidden, width:width, height:height, position:position };
    }

    var clickEvent = function (obj, num) {

        obj.onclick = function () {

            if (objTarget.style.display == 'block' && obj.href == objFrame.src) {
                selectionClose();
                return false;
            } else if (objTarget.style.display == 'block' && obj.href != objFrame.src) {
                objFrame.setAttribute('src', this.href);
                if (window.addEventListener) {
                    objFrame.addEventListener('load', xIFrameSize, false);
                } else {
                    objFrame.attachEvent('onload', xIFrameSize);
                }
                return false;
            }

            objTarget.className = layerData.visible;
            objTarget.style.display = 'block';
            //opacity ani
            //SetOpacityOpen();
            if (animation == 'yes') {
                if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                    objTarget.style.filter = 'Alpha(opacity=0)';
                else
                    objTarget.style.opacity = 0.0;

                opacityOpen = setInterval(SetOpacityOpen, opacity.time);
            }


            if (layerData.width != 'auto')
                objTarget.style.width = layerData.width + 'px';
            if (layerData.height != 'auto')
                objTarget.style.height = layerData.height + 'px';
            objTarget.style.left = 514 - (layerData.width / 2) + 'px';

            obj.style.position = 'relative';
            switch (layerData.position) {
                case 'top':
                    objTarget.style.top = obj.offsetTop - objTarget.offsetHeight + 'px';
                    break;
                case 'bottom':
                    objTarget.style.top = obj.offsetTop + obj.offsetHeight + 'px';
                    break;
                case 'center':
                    objTarget.style.marginTop = - (objTarget.offsetHeight / 2) + 'px';
                    objTarget.style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px';
                    break;
            }

            objFrame = document.createElement('iframe');
            objFrame.setAttribute('frameBorder', '0');
            objFrame.setAttribute('width', '99%');
            objFrame.setAttribute('height', '370px');
            var objWrap = objTarget.getElementsByTagName('div')[0];
            if (objWrap.hasChildNodes()) { //objWrap 안에 내용이 있으면 내용 앞에 추가한다.
                objWrap.insertBefore(objFrame, objWrap.firstChild);
                //objWrap.appendChild(objFrame);
            } else {
                objWrap.appendChild(objFrame);
            }
            objFrame.setAttribute('src', this.href);

            //iframe의 사이즈를 알아낼수가 없어서..이유는 아직.
            if (window.addEventListener) {
                objFrame.addEventListener('load', xIFrameSize, false);
            } else {
                objFrame.attachEvent('onload', xIFrameSize);
            }

            closeBtn = document.createElement('span');
            closeBtn.className = 'close';
            objTarget.appendChild(closeBtn);

            var closeBtnA = document.createElement('a');
            closeBtnA.setAttribute('href', '#');
            closeBtn.appendChild(closeBtnA);

            var closeText = document.createTextNode('Close');
            closeBtnA.appendChild(closeText);

            closeBtnA.onclick = selectionClose;
			var objNoneFrame = document.createElement('iframe');
			objTarget.parentNode.appendChild(objNoneFrame);
			objNoneFrame.setAttribute('id', 'noneFrame');

			objNoneFrame.style.width = objTarget.offsetWidth + 'px';
			objNoneFrame.style.height = objTarget.offsetHeight + 'px';
			objNoneFrame.style.position = 'absolute';
			objNoneFrame.style.left = objTarget.offsetLeft + 'px';
			objNoneFrame.style.top = objTarget.offsetTop + 'px';
			objNoneFrame.style.zIndex = 1;
			objNoneFrame.style.border ='0 none';
			objNoneFrame.frameBorder = 0;

			if (navigator.appName.indexOf('Explorer') != -1 && document.all) {
				objNoneFrame.style.filter = 'Alpha(opacity=0)';
			} else {
				objNoneFrame.style.opacity = 0;
			}

            searchCloseBtn();
            return false;
        }
    }

    var selectionClose = function () {
        switch (animation) {
            case 'yes':
                opacityOpen = setInterval(SetOpacityClose, opacity.time);
                break;
            case 'no':
                objClose();
                break;
        }
        return false;
    }

    var objClose = function () {
	var noneFrame = document.getElementById('noneFrame');
        objTarget.className = layerData.hidden;
        objTarget.style.display = 'none';
        closeBtn.parentNode.removeChild(closeBtn);
        noneFrame.parentNode.removeChild(noneFrame);
        objFrame.parentNode.removeChild(objFrame);

        return false;
    }

    var searchCloseBtn = function () {
        var elementA = objTarget.getElementsByTagName('a');
        for (var i=0; i<elementA.length; i++) {
            if (elementA[i].className == 'close')
                elementA[i].onclick = selectionClose;
        }
    }

    var SetOpacityOpen = function () {
        if (opacityNum >= opacity.end) {
            clearInterval(opacityOpen);
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = 'Alpha(opacity=100)';
            else
                objTarget.style.opacity = 10.0;
        } else {
            opacityNum++;
            if (navigator.appName.indexOf('Explorer') != -1 && document.all)
                objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
            else
                objTarget.style.opacity = eval('0.' + opacityNum);
        }
    }

    var SetOpacityClose = function () {
        if (opacityNum == opacity.start) {
            clearInterval(opacityOpen);
            objClose();
        } else {
            opacityNum--;
        }
        if (navigator.appName.indexOf('Explorer') != -1 && document.all)
            objTarget.style.filter = eval("'Alpha(opacity=" + opacityNum + "0)'");
        else
            objTarget.style.opacity = eval('0.' + opacityNum);
    }

    var xIFrameSize = function () {
        var innerDoc = (objFrame.contentDocument) ? objFrame.contentDocument.documentElement : objFrame.contentWindow.document.getElementsByTagName('body')[0];
        objFrame.style.height = innerDoc.offsetHeight + 'px';
        objTarget.style.marginTop = - (innerDoc.offsetHeight / 2) + 'px';
    }
}


function add_form() {
    var objData;

    this.SetData = function (objNum, num, add, del, obj) {
        objData = { objNum:objNum, num:num, add:add, del:del, obj:obj };
    }

    this.initialize = function () {
        var objADD = document.getElementById(objData.add);
        var objDEL = document.getElementsByTagName('a');

        objADD.onclick = function () {
            objData.objNum++;
            currentAdd(objData.objNum);
            return false;
        }
        for (var i=0; i<objDEL.length; i++) {
            if (objDEL[i].className == objData.del) {
                objDEL[i].onclick = function () {
                    currentDel(this);
                    objData.objNum--;
                    return false;
                }
            }
        }
    }

    var currentAdd = function (currentNum) {
        var currentId = document.getElementById(objData.obj + '_' + currentNum);
        if (currentNum <= objData.num) {
            currentId.style.display = 'block';
        } else {
            objData.objNum = objData.num;
            alert('더 이상 추가할수 없습니다.');
        }
    }

    var currentDel = function (object) {
        object.parentNode.parentNode.style.display = 'none';
        /*var currentId = document.getElementById(objData.obj + '_' + currentNum);
		if (currentNum > 0) {
			currentId.style.display = 'none';
		} else {
			objData.objNum = 1;
			alert('더 이상 삭제할수 없습니다.');
		}*/
    }
}

//이미지 크게 보여주기 - 인재육성 - 교육시설안내
function institution_view () {
    var object = document.getElementById('institution_photo');
    var objLI = object.getElementsByTagName('ul')[0].getElementsByTagName('li');
    var photo = document.getElementById('big_image');

    this.initialize = function () {
        for (var i=0; i<objLI.length; i++) {
            clickEvent(objLI[i].getElementsByTagName('a')[0], i);
        }
    }

    var clickEvent = function (btn, num) {
        btn.onclick = function () {
            for (var j=0; j<objLI.length; j++) {
                if (j == num) {
                    this.parentNode.className = 'on';
                    photo.getElementsByTagName('img')[0].src = this.href;
                } else {
                    objLI[j].className = '';
                }
            }
            return false;
        }
    }
}


//제품가이드
function productGuide () {
    var objGuide = document.getElementById('product_guide');
    var objUL = objGuide.getElementsByTagName('ul')[0];
    var objLI = objGuide.getElementsByTagName('li');
    var objCurrent = new Array();
    var objImage = new Array();

    this.initialize = function () {
        objUL.style.display = 'none';

        objGuide.onclick = function () {
            objUL.style.display = 'block';

            for (var i=0; i<objLI.length; i++) {
                getImageEvent(i);
            }

            if (!document.getElementById('closeBtn')) {
                var closeBtnLi = document.createElement('li');
                var closeBtnA = document.createElement('a');
                var closeBtnImg = document.createElement('img');

                objUL.appendChild(closeBtnLi);
                closeBtnLi.appendChild(closeBtnA);
                closeBtnA.appendChild(closeBtnImg);
                closeBtnLi.className = 'close';
                closeBtnA.setAttribute('href', '#');
                closeBtnA.setAttribute('id', 'closeBtn');
                closeBtnImg.setAttribute('src', '/images/kr/product/pguide_tab_close.gif');
                closeBtnImg.setAttribute('alt', 'Close');

                closeBtnA.onclick = closeContent;
            }
            guideVisible(0);
        }

    }

    var getImageEvent = function (num) {
        objLI[num].onmouseover = function () {
            if (objLI[num].className != 'close')
                guideVisible(num);
        }
    }

    var guideVisible = function (num) {
        //alert(num);
        for (var j=0; j<(objLI.length - 1); j++) {
            objCurrent[j] = document.getElementById('product_guide_0' + (j + 1));
            objImage[j] = objLI[j].getElementsByTagName('img')[0];
            if (num == j) {
                //objImage[j].src = objImage[j].src.replace('_off.', '_on.');
                objLI[j].className = 'on';
                objCurrent[j].style.display = 'block';
            } else {
                //objImage[j].src = objImage[j].src.replace('_on.', '_off.');
                objCurrent[j].style.display = 'none';
                objLI[j].className = 'off';
            }
        }
    }

    var closeContent = function () {
        var objDIV = document.getElementsByTagName('div');

        for (var k=0; k<objDIV.length; k++) {
            if (objDIV[k].className.match('product_guide_content'))
                objDIV[k].style.display = 'none';
        }
        objUL.style.display = 'none';
        return false;
    }
}

//이미지 온오프
function imgOver () {
    var imgs = document.getElementsByTagName('img');

    for (var i=0; i<imgs.length; i++) {
        if (imgs[i].className.match('onoff')) {
            imgs[i].onmouseover = function () {
                this.src = this.src.replace('_off.', '_on.');
            }
            imgs[i].onmouseout = function () {
                this.src = this.src.replace('_on.', '_off.');
            }
        }
    }
}


//fimily site
function familyArea(fPosition) {
    var scroll = {time:1, start:0, change:0, duration:15, timer:null};
    var originaltime = scroll.time;
    var objIndex = 0;
    var objWrap = document.getElementById('familySite');
    var objBtn = objWrap.getElementsByTagName('h3')[0];
    var objUL = objWrap.getElementsByTagName('ul')[0];
    var objLI = objUL.getElementsByTagName('li');

    this.initialize = function () {
        if (fPosition == 'bottom') {
            objWrap.style.marginTop = - objUL.offsetHeight + objBtn.offsetHeight - 2 + 'px';
            objUL.style.bottom = objUL.offsetHeight + objBtn.offsetHeight + 'px';
            objWrap.style.paddingTop = objUL.offsetHeight - objBtn.offsetHeight + 'px';
        } else {
            objWrap.style.bottom = - objUL.offsetHeight + objBtn.offsetHeight + 'px';
            objUL.style.top = objUL.offsetHeight + objBtn.offsetHeight + 'px';
            objWrap.style.paddingBottom = objUL.offsetHeight - objBtn.offsetHeight + 'px';
        }
        objBtn.onclick= function () {
            if (objIndex == 0) {
                startScroll(objUL.offsetHeight, 0);
                objWrap.style.zIndex = '9988';
                objWrap.parentNode.style.zIndex = '9988';
                objIndex = 1;
                return false;
            }
        }
        objUL.onclick= function () {
            if (objIndex == 1) {
                startScroll(0, objUL.offsetHeight);
                objWrap.style.zIndex = '1';
                objWrap.parentNode.style.zIndex = '1';
                objIndex = 0;
            }
        }
        for (var i=0; i<objLI.length; i++) {
            objLI[i].getElementsByTagName('a')[0].onmouseover = function () {
                this.className = 'visible';
            }
            objLI[i].getElementsByTagName('a')[0].onmouseout= function () {
                this.className = '';
            }
        }
    }

    var startScroll = function (start, end) {
        if (scroll.timer != null) {
            clearInterval(scroll.timer);
            scroll.timer = null;
        }
        scroll.start = start;
        scroll.change = end - start;
        scroll.timer = setInterval(scrollVertical, 15);
    }

    var scrollVertical = function () {
        if (scroll.time > scroll.duration) {
            clearInterval(scroll.timer);
            scroll.time = originaltime;
            scroll.timer = null;
        } else {
            if (fPosition == 'bottom')
                objUL.style.bottom = - sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration) + 'px';
            else
                objUL.style.top = - sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration) + 'px';
            scroll.time++;
        }
    }

    var sineInOut = function (t, b, c, d) {
        return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
    }
}

//전체 카테고리 보기
function s_category(lo) {
    var obj = document.getElementById('s_category');

    for (var i=0; i<obj.getElementsByTagName('span').length; i++) {
        if (obj.getElementsByTagName('span')[i].className=='close') {
            obj.getElementsByTagName('span')[i].onclick = function () {
                obj.className = obj.className.replace('category_visible', 'category_hidden');
            }
        }
    }

    if (obj.className.match('category_hidden')){
        obj.className = obj.className.replace('category_hidden', 'category_visible');
    } else {
        obj.className = obj.className.replace('category_visible', 'category_hidden');
    }

    if (lo == 'index') {
        obj.style.position = 'relative';
        obj.style.left = 0;
        obj.style.top = '-19px';
        obj.style.margin = '0 auto -9px';
    } else {
    }

    return false;
}


//이미지 로테이터
function ImageRotation() {
    // options
    var scrollType = 'vertical'; // 'horizontal', 'vertical', 'none';

    // private
    var currentNumber = 0;
    var objWrap = null;
    var objContentBox = null;
    var objWrapLIs = null;
    var cellWidth = 0;
    var cellHeight = 0;
    this.GoodsSetTime = null;

    // scroll animation variables.
    var scroll = {time:1, start:0, change:0, duration:25, timer:null};
    var originaltime = scroll.time;

    this.setScrollType = function (type) {
        switch (type) {
            case 'vertical':
            case 'horizontal':
            case 'none':
                scrollType = type;
                break;
            default:
                alert('!');
                break;
        }
    }
    // constructor
    this.initialize = function () {
        objWrap = document.getElementById(this.wrapId);
        objContentBox = document.getElementById(this.listId);
        objWrapLIs = objWrap.getElementsByTagName('li');
        cellWidth = objWrapLIs[0].offsetWidth;
        cellHeight= objWrapLIs[0].offsetHeight;

        objWrap.style.overflow = 'hidden'; //

        switch (scrollType) {
            case 'vertical':
                this.objWrapSize = cellHeight * this.listNum;
                this.objSize = objWrapLIs.length * cellHeight;
                break;
            case 'none':
                this.objWrapSize = cellWidth * this.listNum;
                this.objSize = objWrapLIs.length * cellWidth;
                break;
            default:
                this.objWrapSize = cellWidth * this.listNum;
                this.objSize = objWrapLIs.length * cellWidth;
                break;
        }
        if (this.objWrapSize < this.objSize) {

            if (objWrapLIs.length > 0) {
                switch (scrollType) {
                    case 'vertical':
                        objContentBox.style.height = objWrapLIs.length * cellHeight + 'px';
                        objWrap.style.height = this.listNum * cellHeight + 'px';
                        break;
                    case 'none':
                        objContentBox.style.width = objWrapLIs.length * cellWidth + 'px';
                        objWrap.style.width = this.listNum * cellWidth + 'px';
                        break;
                    default:
                        objContentBox.style.width = objWrapLIs.length * cellWidth + 'px';
                        objWrap.style.width = this.listNum * cellWidth + 'px';
                        break;
                }
            }
            if (this.btnPrev)
                document.getElementById(this.btnPrev).href = "javascript:" + this.objName + ".prev();";
            if (this.btnNext)
                document.getElementById(this.btnNext).href = "javascript:" + this.objName + ".next();";

            if (this.autoScroll == 'none') {
            } else {
                if (this.scrollDirection == 'direction') {
                    this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap);
                } else {
                    this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap);
                }
            }
        }
    }

    this.next = function () {
        if (currentNumber == 0) {
            var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(objWrapLIs.length - 1));
            objContentBox.insertBefore(objLastNode, objContentBox.getElementsByTagName('li').item(0));
            switch (scrollType) {
                case 'vertical':
                    objWrap.scrollTop += cellHeight;
                    break;
                case 'none':
                    objWrap.scrollLeft += cellWidth;
                    break;
                default:
                    objWrap.scrollLeft += cellWidth;
                    break;
            }
            currentNumber++;
        }

        //objWrap.scrollLeft -= cellWidth;
        var position = getActionPoint('indirect');
        startScroll(position.start, position.end);

        currentNumber = currentNumber - 1;

        if (currentNumber > 0)
            currentNumber = 0;
        if (this.autoScroll == 'none') {
            // do nothing.
        } else {
            this.scrollDirection = 'direction';
            clearInterval(this.GoodsSetTime);
            this.GoodsSetTime = setInterval(this.objName + ".next()", this.scrollGap);
        }
    }

    this.prev = function () {
        if (currentNumber == objWrapLIs.length - 1) {
            var objLastNode = objContentBox.removeChild(objContentBox.getElementsByTagName('li').item(0));
            objContentBox.appendChild(objLastNode);
            switch (scrollType) {
                case 'vertical':
                    objWrap.scrollTop -= cellHeight;
                    break;
                case 'none':
                    objWrap.scrollLeft -= cellWidth;
                    break;
                default:
                    objWrap.scrollLeft -= cellWidth;
                    break;
            }
            currentNumber--;
        }

        //objWrap.scrollLeft += cellWidth;
        var position = getActionPoint('direct');
        startScroll(position.start, position.end);

        currentNumber = currentNumber + 1;

        if (currentNumber < objWrapLIs.length - 1)
            currentNumber = objWrapLIs.length - 1;

        if (this.autoScroll == 'none') {
            // do nothing.
        } else {
            this.scrollDirection = 'indirection';
            clearInterval(this.GoodsSetTime);
            this.GoodsSetTime = setInterval(this.objName + ".prev()", this.scrollGap);
        }
    }

    var startScroll = function (start, end) {
        if (scroll.timer != null) {
            clearInterval(scroll.timer);
            scroll.timer = null;
        }

        scroll.start = start;
        scroll.change = end - start;

        switch (scrollType) {
            case 'vertical':
                scroll.timer = setInterval(scrollVertical, 15);
                break;
            case 'none':
                objWrap.scrollLeft = end;
                break;
            default:
                scroll.timer = setInterval(scrollHorizontal, 15);
                break;
        }
    }

    var scrollVertical = function () {
        if (scroll.time > scroll.duration) {
            clearInterval(scroll.timer);
            scroll.time = originaltime;
            scroll.timer = null;
        } else {
            objWrap.scrollTop = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration);
            scroll.time++;
        }
    }

    var scrollHorizontal = function () {
        if (scroll.time > scroll.duration) {
            clearInterval(scroll.timer);
            scroll.time = originaltime;
            scroll.timer = null;
        } else {
            objWrap.scrollLeft = sineInOut(scroll.time, scroll.start, scroll.change, scroll.duration);
            scroll.time++;
        }
    }

    var getActionPoint = function (dir) {
        if (dir == 'direct') {
            var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber + 1)); // target image.
            var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image.
        } else {
            var position = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber - 1)); // target image.
            var offsetPos = findElementPos(objWrap.getElementsByTagName('li').item(currentNumber)); // first image.
        }

        switch (scrollType) {
            case 'vertical':
                var start = objWrap.scrollTop;
                var end = position[1] - offsetPos[1];
                break;
            case 'none':
                // do nothing.
                break;
            default:
                var start =  objWrap.scrollLeft;
                var end = position[0] - offsetPos[0];
                break;
        }

        var position = {start:0, end:0};
        position.start = start;
        position.end = end;

        return position;
    }

    var sineInOut = function (t, b, c, d) {
        return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
    }

    var findElementPos = function (elemFind) {
        var elemX = 0;
        var elemY = 0;
        do {
            elemX += elemFind.offsetLeft;
            elemY += elemFind.offsetTop;
        } while (elemFind = elemFind.offsetParent)

        return Array(elemX, elemY);
}

}


//product main
function SetImgBanner (obj) {
var DataImgs = new Array();
var object = document.getElementById(obj).getElementsByTagName('li');

this.initialize = function () {
    for (var i=0; i<object.length; i++) {
        if (object[i].className == 'num2') {
            object[i].getElementsByTagName('img')[0].setAttribute('src', DataImgs[1].img2);
        }
        SetImgBtn(object[i], i);
    }
}

this.ImgList = function (img1, img2) {
    DataImgs.push({ img1:img1, img2:img2 });
}


var SetImgBtn = function (obj, num) {
    obj.onclick = function () {
        switch (num) {
            case 0:
                if (object[num].className == 'num2') {
                    object[num].className = 'num1';
                    object[num+1].className = 'num2';
                    object[num].getElementsByTagName('img')[0].setAttribute('src', DataImgs[0].img1);
                    object[num+1].getElementsByTagName('img')[0].setAttribute('src', DataImgs[1].img2);
                    return false;
                }
                break;
            case 1:
                if (object[num].className == 'num2') {
                    object[num - 1].className = 'num2';
                    object[num].className = 'num1';
                    /*
                     */
                    object[num - 1].getElementsByTagName('img')[0].setAttribute('src', DataImgs[0].img2);
                    object[num].getElementsByTagName('img')[0].setAttribute('src', DataImgs[1].img1);
                    return false;
                }
                break;
        }
    }
}
}


//셀렉트박스 디자인
function selectBox() {
var objSelect = document.getElementsByTagName('select');

this.initialize = function() {
    for (var i=0; i<objSelect.length; i++) {
        if (objSelect[i].className.match(/allSelect/)) {
            addSelectBox(objSelect[i], i);
        }
    }
}

var addSelectBox = function (obj, num) {
    obj.style.position = 'absolute';
    obj.style.left = '0';
    obj.style.overflow = 'hidden';
    obj.style.visibility = 'hidden';
    obj.style.width = '0';
    obj.style.height = '0';
    obj.style.border = '0 none';
    var objOption = obj.getElementsByTagName('option');

    var objBox = document.createElement('div');
    objBox.className = 'selectBox';
    obj.parentNode.insertBefore(objBox, obj);

    var objUL = document.createElement('ul');
    objBox.appendChild(objUL);

    objUL.className = 'selected';

    var objLI = document.createElement('li');
    objUL.appendChild(objLI);

    var objText = document.createTextNode(objOption[obj.selectedIndex].text);
    objLI.appendChild(objText);
    //alert(objOption.length);

    objBox.style.position = 'relative';

    objUL.onclick = function () {
        selectView(obj, num, objBox, objUL);
    }
}

var selectView = function (obj, num, objBox, objUL) {
    var objTextValue = obj.getElementsByTagName('option');
    var objOption = objSelect[num].getElementsByTagName('option');
    var selectList = document.getElementById('selectList');
    var optionLI = new Array();
    var optionA = new Array();
    var optionText = new Array();
    if (selectList)
        selectList.parentNode.removeChild(selectList);

    var optionUL = document.createElement('ul');
    optionUL.className = 'selectList';
    optionUL.setAttribute('id', 'selectList');
    objBox.appendChild(optionUL);

    for (var j=0; j<objOption.length; j++) {
        optionLI[j] = document.createElement('li');
        optionUL.appendChild(optionLI[j]);

        optionA[j] = document.createElement('a');
        optionLI[j].appendChild(optionA[j]);

        optionA[j].setAttribute('href', '#');
        if (j == 0)
            optionA[j].className = 'first';

        optionText[j] = document.createTextNode(objOption[j].text);
        optionA[j].appendChild(optionText[j]);

        optionLI[j].onmouseover = function () {
            this.className= 'over';
        }
        optionLI[j].onmouseout = function () {
            this.className = '';
        }
        optionLI[j].onkeyup = optionLI[j].onmouseover;
        optionLI[j].onkeydown = optionLI[j].onmouseout;

        optionLI[j].onclick = function () {
            for (var q=0; q<optionLI.length; q++) {
                if (optionLI[q] == this) {
                    var objText= document.createTextNode(objTextValue.text);
                    //objLI.appendChild(objText);
                    objUL.getElementsByTagName('li')[0].innerHTML =objOption[q].text;
                    //alert(objOption[q].text);
                    objSelect[num].value = objOption[q].getAttribute('value');
                }
            }
            this.parentNode.parentNode.removeChild(this.parentNode);
            return false;
        }
    }
    optionUL.style.position = 'absolute';
}
}


function viewLayer(obj, btn) {
  var objID = document.getElementById(obj);
  var objBTN = document.getElementById(btn);
  var totalNode = objID.getElementsByTagName('*');

  this.initialize = function () {
      objID.style.display = 'none';

      for (var i=0; i<totalNode.length; i++) {
          if (totalNode[i].className == 'close')
              totalNode[i].onclick = objEventOff;
      }

      objBTN.onclick = objEventOn;
      
      objID.style.marginTop = - (objID.offsetHeight / 2) + 'px';
      objID.style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px';
  }

  var objEventOn = function () {
      objID.style.display = 'block';
  }

  var objEventOff = function () {
      objID.style.display = 'none';
  }
}


// shop flash height
function shopNavOpen() {
	var objID = document.getElementById('gnbmenu_shop');  
		
	objID.style.height = 245 + 'px';
        if($('searchParentCategoryId')) $('searchParentCategoryId').hide();
        if($('searchMallProductNo')) $('searchMallProductNo').hide();
        if($('buy_cnt').tagName == 'SELECT') $('buy_cnt').hide();

}
function shopNavClose() {
	var objID = document.getElementById('gnbmenu_shop');
	objID.style.height = 85 + 'px';
        if($('searchParentCategoryId')) $('searchParentCategoryId').show();
        if($('searchMallProductNo')) $('searchMallProductNo').show();
        if($('buy_cnt').tagName == 'SELECT') $('buy_cnt').show();

}


	function imageOver(imgEl) {
		imgEl.src = imgEl.src.replace("_off.gif", "_on.gif");
	}
	function imageOut(imgEl) {
		imgEl.src = imgEl.src.replace("_on.gif", "_off.gif");
	}