// ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö $(function() { var vCount = $("#mainSlider ul.imgList li").length; var vIndex = 0; var vTimer; var vInterval = 4000; // ÀÚµ¿À¸·Î ½½¶óÀ̵ù µÇ´Â ÁÖ±â (´ÜÀ§ : ms) var swipeOptions = { triggerOnTouchEnd: true, swipeStatus: swipeStatus, allowPageScroll: "vertical", threshold: 10, }; // ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ½º¿ÍÀÌÇÁ ¼ÂÆà function swipeStatus(event, phase, direction, distance) { vWidth = $("#mainSlider ul.imgList li").width(); if (phase == "move" && (direction == "left" || direction == "right")) { var duration = 0; if (direction == "left") { clearInterval(vTimer); $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) - distance + 'px'}, duration); } else if (direction == "right") { clearInterval(vTimer); $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + distance + 'px'}, duration); } } else if (phase == "cancel") { mainSlide(); } else if (phase == "end") { if (direction == "right") { if(vIndex===0) { mainClear(); vIndex = 0; mainSlide(); return false; } mainClear(); vIndex--; mainSlide(); } else if (direction == "left") { if(vIndex===vCount-1) { vIndex = vCount-1; mainClear(); mainSlide(); return false; } mainClear(); vIndex++; mainSlide(); } } } $("#mainSlider ul.imgList").swipe(swipeOptions); // ÃʱâÈ­ function mainInit() { var wSize = $(window).width(); $("#mainSlider ul.imgList li").css('width',wSize + 'px'); $("#mainSlider ul.imgList").css('left',-(wSize * vIndex) + 'px'); } // ÆäÀÌÁö³×ÀÌ¼Ç ÃʱâÈ­ function pagingInit() { var _li = "
  • "; for(i=0; i= vCount) { vIndex = 0; } $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + 'px'}, 600, 'easeOutCubic'); pagingActive(); } // ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ŸÀÌ¸Ó ÃʱâÈ­ function mainClear() { $("#mainSlider ul.imgList").stop(); clearInterval(vTimer); vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval); } // ÀÌÀü¹öÆ° Ŭ¸¯ $("#mainSlider a.prev").click(function() { if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex--; mainSlide(); } }); // ´ÙÀ½¹öÆ° Ŭ¸¯ $("#mainSlider a.next").click(function() { if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex++; mainSlide(); } }); // ÆäÀÌÁö³×ÀÌ¼Ç »óÅ º¯°æ function pagingActive() { $("#mainSlider ul.pagination li").removeClass('active'); $("#mainSlider ul.pagination li").eq(vIndex).addClass('active'); } // ÆäÀÌÁö³×ÀÌ¼Ç Å¬¸¯½Ã $(document).on('click', '#mainSlider ul.pagination li', function() { var idx = $(this).index(); if(!$("#mainSlider ul.imgList").is(':animated')) { mainClear(); vIndex = idx; mainSlide(); } }); // ÀÚµ¿ ½½¶óÀ̵å ŸÀÌ¸Ó ¼³Á¤ vTimer = setInterval(function() { vIndex++; mainSlide(); }, vInterval); // ·Îµå½Ã ·Ñ¸µÀ̹ÌÁö ÃʱâÈ­ $(window).load(function() { mainInit(); pagingInit(); }); // È­¸é »çÀÌÁî Á¶Àý½Ã ·Ñ¸µÀ̹ÌÁö »çÀÌÁî, À§Ä¡ ¸ÂÃã $(window).resize(function() { mainInit(); }); }); // ¸ÞÀÎ Æ÷Æ®Æú¸®¿À ½½¶óÀÌ´õ $(function() { var pCount = $("#photoSlide > .slide_wrap > div > table").length; var pIndex = 0; var pTimer; var pInterval = 3000; // ÀÚµ¿À¸·Î ½½¶óÀ̵ù µÇ´Â ÁÖ±â (´ÜÀ§ : ms) // ½½¶óÀÌ´õ ÃʱâÈ­, »çÀÌÁî ¸ÂÃã function photoInit() { var wSize = $(window).width(); var slider = $("#photoSlide .slide_wrap"); var pcSize = slider.width() * 0.2375; var pcMargin = slider.width() * 0.0166; var tabSize = slider.width() * 0.31; var tabMargin = slider.width() * 0.033; var mobSize = slider.width(); var mobMargin = 0; $("#photoSlide > .slide_wrap > div > table").removeAttr('width'); // â »çÀÌÁ·Î °¢°¢ ¾ÆÀÌÅÛ(li) »çÀÌÁ ¸ÂÃã if(wSize > 1024) { $("#photoSlide > .slide_wrap > div > table").css({'width':pcSize + 'px', 'marginRight':pcMargin + 'px'}); } else if (wSize > 639 && wSize < 1025) { $("#photoSlide > .slide_wrap > div > table").css({'width':tabSize + 'px', 'marginRight':tabMargin + 'px'}); } else { $("#photoSlide > .slide_wrap > div > table").css({'width':mobSize + 'px', 'marginRight':mobMargin + 'px'}); } } // ½½¶óÀÌµå ±â´É function photoSlide() { var wSize = $(window).width(); var pMargin = Number($("#photoSlide > .slide_wrap > div ").css('marginRight').replace('px','')); var pWidth = $("#photoSlide > .slide_wrap > div > table").width(); if(wSize > 1024) { if(pIndex >= pCount - 3) { pIndex = 0; } else if(pIndex<=0) { pIndex = pCount - 4; } } else if(wSize > 639 && wSize < 1025) { if(pIndex >= pCount - 2) { pIndex = 0; } else if(pIndex<=0) { pIndex = pCount - 3; } } else { if(pIndex >= pCount) { pIndex = 0; } else if(pIndex<=0) { pIndex = pCount - 1; } } $("#photoSlide > .slide_wrap > div").stop(true,false).animate({left:-((pWidth+pMargin) * pIndex) + 'px'}, 500); } // À̹ÌÁö ·Ñ¸µ ó¸® /* function mainSlide() { var vWidth = $("#mainSlider ul.imgList li:first").width(); if(vIndex<0) { vIndex = vCount - 1; } else if (vIndex >= vCount) { vIndex = 0; } $("#mainSlider ul.imgList").stop(true,false).animate({left:-(vWidth*vIndex) + 'px'}, 600, 'easeOutCubic'); pagingActive(); } */ // ÀÚµ¿ ½½¶óÀ̵å ŸÀÌ¸Ó pTimer = setInterval(function() { pIndex++; photoSlide(); }, pInterval); // ½½¶óÀ̵å ŸÀÌ¸Ó Á¤Áö ¹× ÃʱâÈ­ (²¿ÀÓ ¹æÁö) function photoClear() { $("#photoSlide > .slide_wrap > div").stop(); clearInterval(pTimer); pTimer = setInterval(function() { pIndex++; photoSlide(); }, pInterval); } // ¿µ¿ª ³» ¸¶¿ì½º ÁøÀÔ, ÀÌÅ»½Ã À̺¥Æ® ó¸® (ÄÁÆ®·Ñ ¹öÆ° Ç¥½Ã/¼û±è, ÀÚµ¿ ½½¶óÀ̵å Àç»ý/ÀϽÃÁ¤Áö) $("#photoSlide .slide_wrap, #photoSlide a.control").mouseenter(function() { $("#photoSlide a.control").stop(true,false).fadeIn(300); clearInterval(pTimer); }); $("#photoSlide .slide_wrap").mouseleave(function() { $("#photoSlide a.control").stop(true,false).fadeOut(300); pTimer = setInterval(function() { pIndex++; photoSlide(); }, pInterval); }); // ÀÌÀü ¹öÆ° Ŭ¸¯ $("#photoSlide a.prev").click(function() { if(!$("#photoSlide > .slide_wrap > div").is(':animated')) { photoClear(); pIndex--; photoSlide(); } }); // ´ÙÀ½ ¹öÆ° Ŭ¸¯ $("#photoSlide a.next").click(function() { if(!$("#photoSlide > .slide_wrap > div").is(':animated')) { photoClear(); pIndex++; photoSlide(); } }); // ·Îµå½Ã ½½¶óÀÌ´õ ÃʱâÈ­ $(window).load(function() { photoInit(); }); // È­¸é »çÀÌÁî Á¶Àý½Ã ½½¶óÀÌ´õ »çÀÌÁî, À§Ä¡ ¸ÂÃã $(window).resize(function() { photoInit(); }); }); // Ư°¡»óÇ° Æ˾÷ (±¸¸Å ÈÄ »èÁ¦ ¹Ù¶ø´Ï´Ù) $(function() { var _href = window.location.href; if(_href.indexOf('bdmp') < 0) { $("#pop_product").remove(); } $("#pop_product a.close").click(function() { $("#mask").css('display','none'); $("#pop_product").css('display','none'); }); }); // »ó´Ü¸Þ´º ¸¶¿ì½º À̺¥Æ® $(function() { var wSize; $("#gnb > li").mouseenter(function() { wSize = $(window).width(); if(wSize > 1024) { if($(this).find('.submnu').length > 0) { $(this).find('.submnu').css({top:'90px'}); $(this).addClass('on'); $(this).find('.submnu').stop(true,false).animate({top:'80px', opacity:'1'}, 400); } } }).mouseleave(function() { wSize = $(window).width(); if(wSize > 1024) { $(this).find('.submnu').stop(true,false).animate({opacity:'0'}, 400); $(this).removeClass('on'); } }); }); // ÅÂºí¸´ ÀÌÇÏ ¸Þ´º ó¸® $(function() { // ¸ð¹ÙÀÏ ¸Þ´º ¿­±â function mMenuOpen() { var wSize = $(window).width(); $("#btnNav").addClass('active'); $("#gnb_wrap button").addClass('active'); $("#btnNav").stop(true,true).delay(400).animate({right:'270px'}, 500); $("#gnb_mask").stop(true,true).delay(400).fadeIn(300); $("#gnb_wrap").stop(true,true).delay(400).animate({right:0}, 500); } // ÅÂºí¸´&¸ð¹ÙÀÏ ¸Þ´º ´Ý±â function mMenuClose() { var wSize = $(window).width(); var btnPos; if(wSize > 640 && wSize < 1025) { btnPos = 50; } else if(wSize <= 640) { btnPos = 30; } $("#btnNav").removeClass('active'); $("#gnb_wrap button").removeClass('active'); $("#gnb_mask").stop(true,true).delay(400).fadeOut(300); $("#gnb_wrap").stop(true,true).delay(400).animate({right:'-270px'}, 500); $("#btnNav").stop(true,true).delay(400).animate({right:btnPos + 'px'}, 500); } // ¸Þ´º È£Ãâ¹öÆ° Ŭ¸¯ $("#btnNav").click(function() { if(!$(this).hasClass('active')) { mMenuOpen(); } else { mMenuClose(); } }); // °¢°¢ ¸Þ´º Ŭ¸¯½Ã Æîħ/Á¢À½ $("#gnb > li > a").click(function(e) { var wSize = $(window).width(); if(wSize < 1025) { if($(this).parent('li').hasClass('dropdown')) { e.preventDefault(); if(!$(this).parent('li').hasClass('open')) { $("#gnb > li.dropdown").removeClass('open'); $("#gnb .submnu").css('display','none'); $(this).parent('li').addClass('open'); $(this).next('.submnu').stop(true,false).slideDown(400); } else { $(this).parent('li').removeClass('open'); $(this).next('.submnu').stop(true,false).slideUp(400); } } } }); // ¸¶½ºÅ© ¹× ´Ý±â ¹öÆ° Ŭ¸¯½Ã ¸Þ´º ´Ý±â $("#gnb_mask, #gnbClose").click(function() { mMenuClose(); }); }); // »ó´ÜÀ¸·Î ½ºÅ©·Ñ ¹öÆ° À̺¥Æ® $(function() { // ¹öÆ° Ŭ¸¯½Ã È­¸é »ó´ÜÀ¸·Î ½ºÅ©·Ñ $("#scrollTop a").click(function(e) { e.preventDefault(); $("html, body").stop(true,false).animate({scrollTop:0}, 400, 'easeOutCubic'); }); // ¸¶¿ì½º À̺¥Æ® ó¸® $("#scrollTop a").mouseenter(function() { if(!$(this).hasClass('on')) { $(this).addClass('on'); } }).mouseleave(function() { $(this).removeClass('on'); }); }); // ½ºÅ©·Ñ Çì´õ °íÁ¤ ó¸® $(window).scroll(function() { var wTop = $(this).scrollTop(); // ½ºÅ©·Ñ È°¼ºÈ­ ó¸® ÇÔ¼ö function scrollActive() { if(!$("#header").hasClass('scroll')) { $("#header").addClass('scroll'); $("#header").stop(true,false).animate({top:'-80px'}, 0); $("#header").stop(true,false).animate({top:'0'}, 300); $("#scrollTop").stop(true,false).fadeIn(300); } } // ½ºÅ©·Ñ ºñÈ°¼ºÈ­ ó¸® ÇÔ¼ö function scrollInactive() { $("#header").removeClass('scroll'); $("#scrollTop").stop(true,false).fadeOut(300); } if(wTop >= 80) { scrollActive(); } else { scrollInactive(); } }); // ¼­ºêÆäÀÌÁö °øÅë ÇÔ¼ö $(function() { /* // ¼­ºê ºñÁÖ¾ó À̹ÌÁö ÆäÀÌµå º¯¼ö Á¤ÀÇ var sIndex = 0; var sTimer; var sInterval = 3000; // ¼­ºê ºñÁÖ¾ó À̹ÌÁö Ãʱâ¼ÂÆà function subImgInit() { $("#sub_visual ul li:last").after($("#sub_visual ul li[data-idx=" + sIndex + "]")); } // ¼­ºê ºñÁÖ¾ó À̹ÌÁö ÆäÀ̵å ÇÔ¼ö function subFade() { var count = $("#sub_visual ul li").length; sIndex++; if(sIndex>=count) { sIndex = 0 } $("#sub_visual ul li").removeClass('active'); $("#sub_visual ul li:last").after($("#sub_visual ul li[data-idx=" + sIndex + "]")); $("#sub_visual ul li[data-idx=" + sIndex + "]").addClass('active'); $("#sub_visual ul li[data-idx=" + sIndex + "]").stop(true,false).animate({opacity:0}, 0); $("#sub_visual ul li[data-idx=" + sIndex + "]").stop(true,false).animate({opacity:1}, 500); } // ¼­ºê ºñÁÖ¾ó À̹ÌÁö ÀÚµ¿ ÆäÀ̵å sTimer = setInterval(function() { subFade(); }, sInterval); */ // ÁÂÃø¸Þ´º È°¼ºÈ­ /* function lnbActive() { var currIndex = $("#container").data('index') - 1; $("#lnb li").eq(currIndex).addClass('on'); } */ // ¸ð¹ÙÀÏ µå·Ó¹Ú½º ¸Þ´º È°¼ºÈ­ function dropActive() { var currMenu = $("#lnb li.on").text(); $("#leftBar a.dropdown span").text(currMenu); } // ¸ð¹ÙÀÏ µå·Ó¹Ú½º ¸Þ´º Ŭ¸¯ ó¸® $("#leftBar a.dropdown").click(function(e) { e.preventDefault(); if(!$(this).hasClass('open')) { $(this).addClass('open'); $("#lnb").stop(true,false).slideDown(300); } else { $(this).removeClass('open'); $("#lnb").stop(true,false).slideUp(300); } }); // ÁÂÃø¸Þ´º È°¼ºÈ­ lnbActive(); // ¸Þ´º ¼û±è function lnbHide() { $("#leftBar a.dropdown").removeClass('open'); $("#lnb").css('display','none'); } // ¸Þ´º º¸ÀÓ function lnbShow() { $("#leftBar a.dropdown").addClass('open'); $("#lnb").css('display','block'); } // ÁÂÃø¸Þ´º°¡ ¸ÕÀú È°¼ºÈ­µÇ°í ³­ ÈÄ ¸ð¹ÙÀÏ µå·Ó¹Ú½º ¸Þ´º È°¼ºÈ­ $(window).load(function() { var wSize = $(this).width(); if(wSize > 640) { lnbShow(); } else { lnbHide(); } //subImgInit(); dropActive(); }); // À©µµ¿ì ¸®»çÀÌÁî½Ã »çÀÌÁ·Î ¸Þ´º ¼û±è/º¸ÀÓ Ã³¸® $(window).resize(function() { var wSize = $(this).width(); if(wSize > 640) { lnbShow(); } else { lnbHide(); } }); });