(function(){ var root=document.getElementById('mcr-root'); if(!root){return;} var stage=document.getElementById('mcr-stage'); var slides=root.querySelectorAll('.mcr-slide'); var heads=root.querySelectorAll('.mcr-mhead'); var total=slides.length; var cur=0; var tabStart=[1,6,8,9]; var nav=document.getElementById('mcr-nav'); var ctrl=document.getElementById('mcr-ctrl'); var pageEl=document.getElementById('mcr-page'); nav.style.display='flex'; ctrl.style.display='flex'; root.style.padding='28px 32px 32px'; var hi=0; while(heads.length>hi){heads[hi].style.display='none';hi++;} var rows=root.querySelectorAll('.mcr-row'); var r=0; while(rows.length>r){rows[r].style.display='flex';rows[r].style.gap='28px';rows[r].style.alignItems='flex-start';r++;} var cols=root.querySelectorAll('.mcr-col'); var c=0; while(cols.length>c){cols[c].style.flex='1 1 0';cols[c].style.minWidth='0';c++;} var srows=root.querySelectorAll('.mcr-row-s'); var sr=0; while(srows.length>sr){srows[sr].style.alignItems='stretch';sr++;} var crows=root.querySelectorAll('.mcr-row-c'); var cr=0; while(crows.length>cr){crows[cr].style.alignItems='center';crows[cr].children[1].children[0].style.margin='0';cr++;} var fills=root.querySelectorAll('.mcr-fill'); var fl=0; while(fills.length>fl){fills[fl].style.height='calc(100% - 16px)';fl++;} var halves=root.querySelectorAll('.mcr-half'); var hh=0; while(halves.length>hh){halves[hh].style.flex='0 0 calc(50% - 14px)';hh++;} function tabOf(n){ var t=-1;var k=0; while(tabStart.length>k){if(n>=tabStart[k]){t=k;}k++;} return t; } function paintTabs(){ var t=tabOf(cur);var k=0; while(tabStart.length>k){ var tab=document.getElementById('mcr-tab-'+k); if(k===t){tab.style.background='#C0701C';tab.style.borderColor='#C0701C';tab.style.color='#FFFFFF';} else{tab.style.background='#FFFFFF';tab.style.borderColor='#D9C7AE';tab.style.color='#2F1E12';} k++; } } function goTo(n,keepScroll){ if(0>n){n=0;} if(n>total-1){n=total-1;} cur=n; var i=0; while(total>i){ slides[i].style.display=(i===cur)?'block':'none'; var d=document.getElementById('mcr-dot-'+i); if(d){d.style.color=(i===cur)?'#C0701C':'#D9C7AE';} i++; } pageEl.innerHTML=(cur+1)+' / '+total; var pv=document.getElementById('mcr-prev'); var nx=document.getElementById('mcr-next'); pv.style.opacity=(cur===0)?'0.35':'1'; nx.style.opacity=(cur===total-1)?'0.35':'1'; paintTabs(); if(groups){calcAll();} if(!keepScroll){ var top=nav.getBoundingClientRect().top; if(0>top){window.scrollBy(0,top-16);} } } document.getElementById('mcr-prev').addEventListener('click',function(){goTo(cur-1);}); document.getElementById('mcr-next').addEventListener('click',function(){goTo(cur+1);}); function bindTab(k){ var tab=document.getElementById('mcr-tab-'+k); tab.style.userSelect='none'; tab.addEventListener('click',function(){goTo(tabStart[k]);}); } function bindDot(k){ var d=document.getElementById('mcr-dot-'+k); if(d){d.addEventListener('click',function(){goTo(k);});} } var j=0; while(tabStart.length>j){bindTab(j);j++;} var q=0; while(total>q){bindDot(q);q++;} function bindThumb(k){ var th=document.getElementById('mcr-thumb-'+k); if(th){th.addEventListener('click',function(){goTo(k);});} } var tq=1; while(6>tq){bindThumb(tq);tq++;} var dragX=null;var dragged=false; function startDrag(e){dragX=e.clientX;dragged=false;} function trackDrag(e){if(dragX===null){return;}var dx=e.clientX-dragX;if(dx>5||-5>dx){dragged=true;}} function endDrag(e){ if(dragX===null){return;} var dx=e.clientX-dragX;dragX=null; if(dx>60){goTo(cur-1);}else if(-60>dx){goTo(cur+1);} } stage.style.userSelect='none'; stage.addEventListener('mousedown',startDrag); window.addEventListener('mousemove',trackDrag); window.addEventListener('mouseup',endDrag); stage.addEventListener('dragstart',function(e){e.preventDefault();}); stage.addEventListener('click',function(e){if(dragged){e.preventDefault();e.stopPropagation();dragged=false;}},true); document.addEventListener('keydown',function(e){ var rect=stage.getBoundingClientRect(); if(0>rect.bottom||rect.top>window.innerHeight){return;} if(e.keyCode===37){goTo(cur-1,true);} if(e.keyCode===39){goTo(cur+1,true);} }); goTo(0,true); function fmt(n){return String(n).replace(/\B(?=(\d{3})+(?!\d))/g,',');} function readNum(el){ var tx=el.textContent||''; var ms=tx.match(/[0-9][0-9,]*/g); if(!ms){return 0;} var best=0;var mi=0; while(ms.length>mi){var mv=parseInt(ms[mi].replace(/,/g,''),10)||0;if(mv>best){best=mv;}mi++;} return best; } var groups=root.querySelectorAll('.mcr-sum-group'); function calcAll(){ var gg=0; while(groups.length>gg){ var ws=groups[gg].querySelectorAll('.mcr-price'); var sum=0;var ok=ws.length>0;var w=0; while(ws.length>w){var v=readNum(ws[w]);var q=1;if(ws[w].className.indexOf('mcr-qty2')!==-1){q=2;}if(v>0){sum+=v*q;}else{ok=false;}w++;} if(ok){ var out=groups[gg].querySelector('.mcr-sum-out'); var txt=fmt(sum)+'원'; if(out.textContent!==txt){out.textContent=txt;} groups[gg].querySelector('.mcr-sum-sub').textContent='실시간 합계'; } gg++; } } calcAll(); var timer=setInterval(calcAll,1000); setTimeout(function(){clearInterval(timer);},120000); if(window.MutationObserver){ var mo=new MutationObserver(calcAll); var ps=root.querySelectorAll('.mcr-sum-group .mcr-price'); var pi=0; while(ps.length>pi){mo.observe(ps[pi],{childList:true,subtree:true,characterData:true});pi++;} } })();