try{ document.execCommand("BackgroundImageCache", false, true); }catch(e){} var user = { IE :!!(window.attachEvent && !window.opera), IE6 :((navigator.userAgent.toLowerCase().indexOf("msie 6")!=-1)&&(navigator.userAgent.toLowerCase().indexOf("msie 7")<0)), IE7 :(navigator.userAgent.toLowerCase().indexOf("msie 7")!=-1), IE9 :(navigator.userAgent.toLowerCase().indexOf("msie 9")!=-1), FF :(navigator.userAgent.toLowerCase().indexOf("firefox")!=-1), Opera: !!window.opera, WebKit: navigator.userAgent.indexOf("AppleWebKit/") > -1, Gecko: navigator.userAgent.indexOf("Gecko") > -1 && navigator.userAgent.indexOf("KHTML") == -1, MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) } var util = { $ : function(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.length; i < length; i++) elements.push(util.$(arguments[i])); return elements; } if (typeof(element) == "string") element = document.getElementById(element); return element; }, create : function(opts){ // create element var rv=(user.IE&&!user.IE9)? '' : document.createElement(opts.tagname); for(var i in opts){ if(i!='tagname'){ if(user.IE&&!user.IE9) rv+=' '+((i=='classname')? 'class' : i)+'="'+opts[i]+'"'; else rv.setAttribute((i=='classname')? 'class' : i,opts[i]); } } return (user.IE&&!user.IE9)? document.createElement('<'+opts.tagname+rv+'>') : rv; }, AddEvent : function(obj, type, fn) { //Event Register if(obj.addEventListener) { obj.addEventListener(type, fn, false); } else if(obj.attachEvent) { obj["e"+type+fn] = fn; obj[type+fn] = function() { obj["e"+type+fn]( window.event ); } obj.attachEvent("on"+type, obj[type+fn]); } else { obj["on"+type] = obj["e"+type+fn]; } }, reflash : function(containerid, swfid, src, w, h, flashvars, base, wmode,bg){ // flash reWrite. var wmode = wmode || "transparent"; var bg = bg || "none"; var base = base || ""; var flashvars = flashvars || ""; var html=""; if(user.IE){ html += "" + "" + "" + "" + "" + "" + "" + "" + "" + ""; }else{ html += ""; } util.$(containerid).innerHTML = html; }, show : function(obj){ var oldObj = obj; if(typeof(obj)=='string'){ obj=$("#"+obj); }else{ obj=$(obj); } obj.css({visibility:"hidden",display:"block"}); obj.find("div, select").each(function(){ try{ if(this.reset){this.reset();} }catch(e){} }) if(obj.find("iframe").length>0) obj.find("iframe").each(function(){ frames[this.name].location.reload(); }); obj.css({visibility:"visible"}); if(oldObj=="quickCartPop") scrollMove(); }, hide : function(obj){ if(typeof(obj)=='string'){ obj=$("#"+obj); }else{ obj=$(obj); } obj.css({display:"none"}); }, toggle : function(obj){ if(typeof(obj)=='string'){ obj=$("#"+obj); }else{ obj=$(obj); } if(obj.is(":visible")) util.hide(obj); else util.show(obj); }, getstyle : function(tg,p){ return (tg.currentStyle)? tg.currentStyle[p] : window.getComputedStyle(tg,null)[p]; }, changeClass : function(tg,c1,type,c2){ var maxLength = (type) ? c1.length+type : c1.length; var oldClass = tg.className.substr(tg.className.indexOf(c1),maxLength); tg.className = tg.className.replace(oldClass,""); tg.className += " "+c2; }, popOpen : function(url,name,W,H,L,T){ if(name.indexOf("/")>-1) name = name.substring(name.lastIndexOf("/")+1,name.lastIndexOf(".")); L = L || 0; T = T || 0; if(screen.height-80 < H){ W = W+17; H = screen.height-80; } window.open(url,name,"width="+W+",height="+H+",left="+L+",top="+T+",scrollbars=yes,toolbar=no,location=no,status=no,menubar=no"); }, move : function(obj,dir,ms,me,pORm,percent,time,fun){ //( Object , property:style.left OR scrollLeft , Start Position , End Position , +(1) -(0), move Percent(0.24), Time, End Time Function ) clearTimeout(obj.moveact); ms = parseFloat(ms); me = parseFloat(me); if(dir.indexOf("opacity")>-1){ if(!obj.style.opacity) obj.style.opacity = ms; var _me = obj.style.opacity; var _mm = (pORm) ? percent : -percent ; var pos = parseFloat(_me)+parseFloat(_mm); if((pORm==1&&_me>=me-0.21)||(pORm==0&&_me<=me+0.21)){ obj.style.opacity = me; if(user.IE) obj.style.filter = "alpha(opacity="+(me*100)+")"; if(fun) eval(fun); }else{ obj.style.opacity = pos; if(user.IE) obj.style.filter = "alpha(opacity="+(pos*100)+")"; if((pORm==1&&_meme)) obj.moveact=setTimeout(function(){util.move(obj,dir,eval("obj."+dir),me,pORm,percent,time,fun)},time); } }else{ var pos = Math.ceil((me-ms)*percent); var unit = (dir.indexOf("style.")>-1) ? "px" : ""; if(unit=="px"&&!eval("obj."+dir)) eval("obj."+dir+" = ms+unit"); if(!eval("obj."+dir)) eval("obj."+dir+" = "+ms+unit); if(pos==0) pos = (pORm) ? 1 : -1 ; var _me = eval("parseInt(obj."+dir+")"); if((pORm==1&&_me>=me)||(pORm==0&&_me<=me)){ eval("obj."+dir+" = me+unit"); if(fun) eval(fun); }else{ eval("obj."+dir+" = (parseInt(obj."+dir+")+pos)+unit"); if((pORm==1&&_meme)) obj.moveact=setTimeout(function(){util.move(obj,dir,eval("obj."+dir),me,pORm,percent,time,fun)},time); } } } } util.AddEvent(window, "load", function(){ if($("#popWrap").length>0) setTimeout("resizePop()",300); }) var navi = { obj : null, menu: null, curM : [false,false], overM : null, oldM : null, size : [0,0], unAct : false, unAct2 : false, init : function(){ navi.obj = $("#top_menu"); navi.menu = $("#top_menu .gnb"); if(navi.menu.children(".current").length>0){ navi.curM[0] = navi.menu.children(".current"); if(navi.curM[0].find(".current").length>0) navi.curM[1] = navi.curM[0].find(".current")[0]; navi.curM[0] = navi.curM[0].get(0); } navi.menu.children().each(function(index){ this.dep2 = (this.getElementsByTagName("ul").length>0) ? this.getElementsByTagName("ul")[0] : false; if(this.dep2) this.dep2.style.opacity = 0; this.unAct = null; this.onmouseover = function(){ clearTimeout(this.unAct); clearTimeout(navi.unAct2); navi.overOver(this); if(navi.oldM != null){navi.overOut(navi.oldM)}; } this.onmouseout = function(){ this.unAct = setTimeout(function(){ if(navi.oldM != null) navi.overOut(navi.oldM); },100); } if(this.dep2){ this.dep2.onmouseover = function(){ clearTimeout(this.parentNode.unAct); clearTimeout(navi.unAct2); } this.dep2.onmouseout = function(){ this.parentNode.onmouseout(); } } }); navi.menu.mouseout(function(){ navi.outSet(); }) }, overOver : function(obj){ if(navi.curM[0]) navi.curM[0].className = ""; if(navi.curM[1]) navi.curM[1].className = ""; navi.oldM = navi.overM; navi.overM = obj; if(navi.oldM == navi.overM) navi.oldM = null; if(obj.dep2){ obj.dep2.style.display = "block"; obj.className = "current"; util.move(obj.dep2,"style.opacity",obj.dep2.style.opacity,1,1,0.2,20); } }, overOut : function(obj){ obj.className = ""; if(obj.dep2) util.move(obj.dep2,"style.opacity",obj.dep2.style.opacity,0,0,0.2,20,"obj.style.display='none'"); }, outSet : function(){ navi.unAct2 = setTimeout(function(){ if(navi.overM != null){navi.overOut(navi.overM)}; if(navi.oldM != null){navi.overOut(navi.oldM)}; if(navi.curM[0]) navi.curM[0].className = "current"; if(navi.curM[1]) navi.curM[1].className = "current"; },150); } } // 최근 본 상품 function viewProduct(obj,item,max){ obj = obj[0]; obj.item = item[0]; obj.minH, obj.viewH, obj.maxH, obj.total = null; isbrand = ($("#quick_bar").position().top > 250) ? true : false; obj.reset = function(){ if($(this).find('.prevNext')) $(this).find('.prevNext').remove(); this.total = $(this.item).find("li").css("padding-bottom","0").length; if(this.total==0){ $(this).css({"display":"none"}); return; }else if(this.total>max){ $(this).css({"display":"block"}); this.minH = this.item.getElementsByTagName("li")[0].offsetHeight; this.viewH = this.minH*max; this.maxH = this.minH*this.total; $(this.item).css({"height":this.viewH+"px","overflow":"hidden"}); this.viewH = this.item.offsetHeight; if(this.maxH%this.viewH!=0) this.maxH = this.maxH+(this.viewH-(this.maxH%this.viewH)) $(this.item).find("li:last-child").css("padding-bottom",(this.maxH-(this.minH*this.total))+"px") $(this).append("prevnext"); $(this).find(".prevNext .prev").click(function(){ var me = Math.floor(this.parentNode.parentNode.item.scrollTop/this.parentNode.parentNode.viewH)*this.parentNode.parentNode.viewH-this.parentNode.parentNode.viewH; me = (me<0) ? 0 : me; util.move(this.parentNode.parentNode.item,"scrollTop",this.parentNode.parentNode.item.scrollTop,me,0,0.25,30,"obj.btnset()"); }); $(this).find(".prevNext .next").click(function(){ var me = Math.ceil(this.parentNode.parentNode.item.scrollTop/this.parentNode.parentNode.viewH)*this.parentNode.parentNode.viewH+this.parentNode.parentNode.viewH; me = (me>=this.parentNode.parentNode.maxH-this.parentNode.parentNode.viewH) ? this.parentNode.parentNode.maxH-this.parentNode.parentNode.viewH : me; util.move(this.parentNode.parentNode.item,"scrollTop",this.parentNode.parentNode.item.scrollTop,me,1,0.25,30,"obj.btnset()"); }); this.item.btnset = function(){ if(this.scrollTop<=0) $(this.parentNode).find(".prev").css("cursor","default").addClass("prevDisabled"); else $(this.parentNode).find(".prev").css("cursor","pointer").removeClass("prevDisabled"); if(this.scrollTop>=this.parentNode.maxH-this.parentNode.viewH) $(this.parentNode).find(".next").css("cursor","default").addClass("nextDisabled"); else $(this.parentNode).find(".next").css("cursor","pointer").removeClass("nextDisabled"); } this.item.btnset(); }else{ $(this).css({"display":"block"}); $(this.item).css({"height":"auto","overflow":"visible"}); } } obj.reset(); } /* Wing */ function scrollMove(){ var obj = $("#quick_bar")[0]; obj.gap = parseFloat(util.getstyle(obj,"top")); isbrand = (obj.gap > 250) ? true : false; ispop = false; obj.fixPos = (isbrand) ? obj.gap : 11; obj.curTop = 0; obj.orgPos = $(obj).offset(); obj.style.top = obj.gap+"px"; $(obj).find(".top").click(function(){ (document.documentElement.scrollTop>document.body.scrollTop) ? document.documentElement.scrollTop=0 : document.body.scrollTop=0; }) util.AddEvent(window,"scroll",function(){ wingPosSet(); }) $(window).resize(function(){ wingPosSet(); }) function wingPosSet(){ if(!user.IE6){ obj.curTop = (document.documentElement.scrollTop>document.body.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop; if($(".comCartView").length > 0){ obj.cartView = $(".comCartView"); obj.cartViewList = $(".comCartView .cartList"); ispop = obj.cartView.is(":visible"); ispop.back = true; if(ispop.back){ obj.cartView.css({visibility:"hidden",display:"block"}); } obj.cartViewList.css({ "height" : function(){ return $(window).height()-(obj.cartView.height()-obj.cartViewList.height()) +"px"; } }) if(isbrand) obj.cartView.css({top:( ($(window).height()>obj.cartView.height()) ? (((($(window).height()-obj.cartView.height())/2)-obj.gap) ? (($(window).height()-obj.cartView.height())/2)-obj.gap : -obj.gap) : -obj.gap )+"px"}); if(ispop.back){ obj.cartView.css({visibility:"visible",display:"none"}); } } if($("#quick_bar .todayView dd .list").length>0){ obj.todayView = $("#quick_bar .todayView dd"); obj.todayViewList = obj.todayView.find(".list"); if($(window).height() < 670){ obj.todayViewList.css("maxHeight", "65px" ); if(!obj.todayView[0].viewH_Old) obj.todayView[0].viewH_Old = obj.todayView[0].viewH; obj.todayView[0].viewH = 65; }else{ if(obj.todayView[0].viewH){ obj.todayViewList.css("maxHeight", "1000px" ); if(obj.todayView[0].viewH_Old) obj.todayView[0].viewH = obj.todayView[0].viewH_Old; } } } //최근본 상품 사이즈 조절 obj.max = (document.getElementById("container").offsetHeight+$("#container").offset().top)-(obj.offsetHeight+20); if(obj.curTop>(obj.gap-obj.fixPos)){ util.move(obj,"style.top",obj.style.top,obj.curTop+obj.fixPos,obj.style.top>obj.curTop+obj.fixPos?0:1,0.4,30); }else{ util.move(obj,"style.top",obj.style.top,obj.gap,obj.style.top>obj.gap?0:1,0.4,30); } } } wingPosSet(); } /* popup Resize */ function resizePop(){ var contS = [document.getElementsByTagName("div")[0].offsetWidth,document.getElementsByTagName("div")[0].offsetHeight]; var docS = [document.documentElement.clientWidth,document.documentElement.clientHeight]; window.resizeBy(contS[0]-docS[0],contS[1]-docS[1]); } function popClose(obj){ $(obj).parent().hide(); } function toggleOver(cur,target){ cur = $(cur), target = $(target); cur.act = false; target.show(); target.mouseover(function(){ cur.act = true; target.show(); }); cur.mouseout(function(){ cur.act = false; setTimeout(function(){ if(!cur.act) target.hide(); },100) }); target.mouseout(function(){ cur.act = false; setTimeout(function(){ if(!cur.act) target.hide(); },100) }); } function pageScroll(obj,type){ var margin = (type=="brand") ? 250 : 0; $("html").scrollTop($("html").scrollTop()+1); var scrollType = ($("html").scrollTop() > 0) ? 1 : 0; $("html").scrollTop($("html").scrollTop()-1); var moveObj = (scrollType) ? $("html") : $("body"); obj = $(obj); moveObj.animate({scrollTop:($(obj.attr("href")).offset().top-margin)},{ duration:500 , complete:function(){} }); if(type=="brand"){ obj.parent().parent().find(".current").removeClass("current").end().end().addClass("current").end().blur(); } } function toolView(cur,target,type){ if(!type){ target.hide(); }else{ cur = $(cur), target = $(target); if(cur.parent().css("position")=="relative"){ if(cur.parent().css("z-index")=="auto"||cur.parent().css("z-index")==0) cur.parent().css("z-index",2); } target.css({display:"block",left:cur.position().left+"px",top:(cur.position().top+cur.height())+"px"}); } } function repeatCont(obj,prev,next,type){ obj = obj[0], prev = prev[0], next = next[0]; obj.type = type || "x"; obj.ul = (obj.getElementsByTagName("table").length>0) ? obj.getElementsByTagName("div")[0] : obj.getElementsByTagName("ul")[0]; obj.li = (obj.getElementsByTagName("table").length>0) ? obj.getElementsByTagName("td") : obj.ul.getElementsByTagName("li"); obj.style.position = "relative"; obj.style.overflow = "hidden"; obj.style.height = obj.offsetHeight+"px"; obj.ul.style.position = "absolute"; obj.ul.style.left = 0; obj.ul.style.top = 0; obj.prev = prev; obj.next = next; obj.minSize = obj.type=="x"?obj.offsetWidth:obj.offsetHeight; obj.one = 0, obj.maxPos = 0, obj.plusSize = 0; obj.btnSet = function(){ var $this = $(this.ul); if((this.type=="x"?$this.position().left:$this.position().top)==0) this.prev.className += " disabledBtn"; else this.prev.className = this.prev.className.replace(/disabled.../gi,""); if((this.type=="x"?$this.position().left:$this.position().top)<=this.maxPos) this.next.className += " disabledBtn"; else this.next.className = this.next.className.replace(/disabled.../gi,""); } if(obj.li.length>0){ obj.one = obj.type=="x"?obj.li[0].offsetWidth:obj.li[0].offsetHeight; if(obj.li.length%(obj.minSize/obj.one)!=0) obj.plusSize = (obj.minSize/obj.one)-(obj.li.length%(obj.minSize/obj.one)) if(obj.type=="x") obj.ul.style.width = obj.one*(obj.li.length+obj.plusSize)+"px"; else obj.ul.style.height = obj.one*(obj.li.length+obj.plusSize)+"px"; obj.maxPos = -(parseFloat((obj.type=="x")?obj.ul.style.width:obj.ul.style.height)-obj.minSize); obj.next.repeatCont = obj.prev.repeatCont = obj; obj.next.ul = obj.prev.ul = obj.ul; obj.prev.onclick = function(){ var $obj = $(this.ul); this.me = (this.repeatCont.type=="x"?$obj.position().left:$obj.position().top)+this.repeatCont.minSize; this.me = (this.me>0) ? 0 : this.me; if(this.repeatCont.type=="x") $obj.animate({left:this.me+"px"},{duration: 300,complete: function(){ obj.btnSet(); }}); else $obj.animate({top:this.me+"px"},{duration: 300,complete: function(){ obj.btnSet(); }}); } obj.next.onclick = function(){ var $obj = $(this.ul); this.me = (this.repeatCont.type=="x"?$obj.position().left:$obj.position().top)-this.repeatCont.minSize; this.me = (this.me1){ obj.item.each(function(index){ if(type=="base"){ if(index==0) $(this).css({"opacity":"1","display":"block"}) else $(this).css({"opacity":"0","display":"none"}) }else{ if(index==0) $(this).css({"display":"block"}) else $(this).css({"display":"none"}) } btnCount += ""+(index+1)+""; }) obj.append(""+btnCount+""); obj.find(".rollBtn span").each(function(){ $(this).mouseover(function(){ var curBtn = $(this); if(curBtn.parent().attr("curNum")!="undefined"){ curBtn.parent().attr("curNum",curBtn.attr("countNum")); obj.item.each(function(index){ if(index==curBtn.attr("countNum")){ $(this).css({"display":"block","z-index":"2"}); if(type=="base") $(this).animate({opacity:1},200,function(){}); curBtn.parent().find("span").eq(index).addClass("current"); }else{ $(this).css({"z-index":"1"}); if(type=="base") $(this).animate({opacity:0},200,function(){}); else $(this).css({"display":"none"}); curBtn.parent().find("span").eq(index).removeClass("current"); } }) } }) }); obj[0].autoRepeat = null; if(auto=="auto"){ aotuRepeat2(obj[0],obj.find(".rollBtn").children("span")); obj.mouseover(function(){clearTimeout(obj[0].autoRepeat);}) obj.mouseout(function(){aotuRepeat2(obj[0],obj.find(".rollBtn").children("span")); }) } } } function aotuRepeat2(contain,item){ contain.curNum = parseFloat(contain.curNum || 0); contain.nextNum = (contain.curNum+1>item.length-1) ? 0 : contain.curNum+1; contain.autoRepeat = setTimeout(function(){ contain.curNum = contain.nextNum; $(item[contain.nextNum]).mouseover(); aotuRepeat2(contain,item); },3000); } function tabRollAuto(contain,item,auto,ran){ auto = auto || "base"; ran = ran || "base"; contain[0].autoRepeat = null; contain[0].curNum = (ran == "ran") ? Math.floor(Math.random()*(item.length)) : 0; item.each(function(index){ this.oldOverAct = this.onmouseover; $(this).mouseover(function(){ this.oldOverAct(); contain[0].curNum = index; }) if(index==contain[0].curNum) this.onmouseover(); }); if(item.length>1 && auto=="auto"){ aotuRepeat2(contain[0],item); contain.mouseover(function(){clearTimeout(contain[0].autoRepeat);}) contain.mouseout(function(){aotuRepeat2(contain[0],item); }) } } function imgChange(bimg,simg){ //product View simg.each(function(index){ if(index==0){ $(this).addClass("current"); bimg.attr("src",this.href); } $(this).mouseover(function(){ bimg.attr("src",this.href); simg.removeClass("current"); $(this).addClass("current"); }) $(this).click(function(){ return false; }) }) } function faqTyView2(curTr,cssQ,cssA){ curTr.parent().find("."+cssQ).not(curTr).removeClass(cssQ).next().hide().removeClass(cssA) curTr.toggleClass(cssQ).next().toggle().toggleClass(cssA); } function tabView(current,eff,funEval){ var item = (current.nodeName.toUpperCase()=="a") ? $(current).parent().find("a") : $(current).parent().children(); eff = eff || "base"; if(eff=="alpha"){ item.each(function(){ if(!this.style.opacity){ if(this.className.indexOf("current")>-1){ if(this.href.split("#").length>1) $("#"+this.href.split("#")[1]).css("opacity",1); }else{ if(this.href.split("#").length>1) $("#"+this.href.split("#")[1]).css("opacity",0); } } }) } item.each(function(){ if(current==this){ this.className += " current"; if(this.href.split("#").length>1) { if(eff=="alpha") $("#"+this.href.split("#")[1]).css({"z-index":"2","display":"block"}).animate({opacity:1},200); else util.show(this.href.split("#")[1]); } }else{ this.className = this.className.replace(/current/gi,""); if(this.href.split("#").length>1) { if(eff=="alpha") $("#"+this.href.split("#")[1]).css({"z-index":"1","display":"block"}).animate({opacity:0},200); else util.hide(this.href.split("#")[1]); } } }); if(funEval) eval(funEval); } function repeatBest(obj,tName,tSrc){ obj.find("a").each(function(){ this.onclick = function(){ $(this).parent().parent().find("li").removeClass().end().end().addClass("current"); this.blur(); if(this.href.split("?name=").length>0){ tName.text($(this).attr("href").split("?name=")[1]); tSrc.attr("src",this.href.split("?name=")[0]); } return false; } }) } function openClose(cur,target,cs,tx){ var type = target.className.indexOf(cs[0])>-1; if(type){ cur.innerHTML = cur.innerHTML.replace(tx[0],tx[1]); target.className = target.className.replace(cs[0],cs[1]); }else{ cur.innerHTML = cur.innerHTML.replace(tx[1],tx[0]); target.className = target.className.replace(cs[1],cs[0]); } } //모달팝업 var modalPop = { cont : null, bg : null, show : function(obj,w,fun){ if(modalPop.bg==null){ if($('.modalBg').length==0) $("body").append("
","
"); modalPop.bg = $('.modalBg')[0]; modalPop.cont = $('.modalCont')[0]; } modalPop.bg.style.height = document.documentElement.scrollHeight+"px"; modalPop.bg.style.display = "block"; modalPop.cont.style.width = w+"px"; modalPop.cont.style.visibility = "hidden"; modalPop.cont.style.display = "block"; modalPop.cont.style.top = 0; modalPop.cont.style.left = 0; $(modalPop.cont).load(obj.href, function() { modalPop.cont = $('.modalCont')[0]; this.style.left = ((($(window).width()-$('.modalCont').width())/2)+$(window).scrollLeft())+"px"; this.style.top = ((($(window).height()-$('.modalCont').height())/2)+$(window).scrollTop() < 0 ? 0 : (($(window).height()-$('.modalCont').height())/2)+$(window).scrollTop())+"px"; this.style.visibility = "visible"; if(fun) eval(fun); }); }, close : function(){ $('.modalCont')[0].style.display = $('.modalBg')[0].style.display = "none"; } } var trace = { show : function(msg,type){ if(!trace.area){ trace.area = util.create({tagname:'div',id:'trace',style:'position:fixed; left:10px; top:10px; padding:5px; width:600px; background:#fff; border:1px solid red;z-index:10000;'}); document.getElementsByTagName("body")[0].appendChild(trace.area); } trace.area.innerHTML = (type) ? trace.area.innerHTML+" || "+msg : msg; } } //trace.show('msg',1);