$(function() { var mIndex = 0; var mCount = $("#mainSlider .slideWrap ul li").length; var mTimer; var mDelay = 4000; // ÀÚµ¿ ·Ñ¸µ ÁÖ±â (´ÜÀ§ : ms) var initTimer; var swipeOptions = { triggerOnTouchEnd: true, swipeStatus: swipeStatus, allowPageScroll: "vertical", threshold: 10 }; // ¸ÞÀÎ ·Ñ¸µÀ̹ÌÁö ½º¿ÍÀÌÇÁ ¼ÂÆà function swipeStatus(event, phase, direction, distance) { vHeight = $("#mainSlider .slideWrap ul li").height(); if (phase == "move" && (direction == "left" || direction == "right")) { var duration = 0; if (direction == "left") { clearInterval(mTimer); $("#mainSlider .slideWrap ul").stop(true,false).animate({top:-(vHeight*mIndex) - distance + 'px'}, duration); } else if (direction == "right") { clearInterval(mTimer); $("#mainSlider .slideWrap ul").stop(true,false).animate({top:-(vHeight*mIndex) + distance + 'px'}, duration); } } else if (phase == "cancel") { mainSlide(); } else if (phase == "end") { if (direction == "right") { if(mIndex===0) { mainClear(); mIndex = 0; mainSlide(); return false; } mainClear(); mIndex--; mainSlide(); } else if (direction == "left") { if(mIndex===mCount-1) { mIndex = mCount-1; mainClear(); mainSlide(); return false; } mainClear(); mIndex++; mainSlide(); } } } $("#mainSlider .slideWrap ul").swipe(swipeOptions); // ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö ÃʱâÈ function mainInit() { var winWidth = $(window).width(); var wrapHeight = $("#mainSlider .slideWrap ul li").height(); $("#mainSlider .slideWrap").css('height', wrapHeight + 'px'); $("#mainSlider .slideWrap ul").css('top', -(mIndex*wrapHeight) + 'px'); if(winWidth < 1025) { $("#mainSlider .visual_wrap").css('height',wrapHeight + 'px'); } else { $("#mainSlider .visual_wrap").css('height','1040px'); } } // À̹ÌÁö ·Ñ¸µ ó¸® ÇÔ¼ö function mainSlide() { var mSize = $("#mainSlider .slideWrap ul li:first").height(); var winWidth = $(window).width(); if(mIndex>=mCount) { mIndex = 0; } else if(mIndex<0) { mIndex = mCount -1; } $("#mainSlider .slideWrap ul").stop(true,false).animate({top:-(mSize*mIndex) + 'px'}, 400, 'easeInCubic'); $("#mainSlider ol.indicator li").removeClass('on'); $("#mainSlider ol.indicator li").eq(mIndex).addClass('on'); } // ÆäÀÌÁö³×ÀÌ¼Ç »ý¼º function initPaging() { for(i=1; i<=mCount; i++) { var _li = "