// URL �Ķ���� �Ľ� �Լ� var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; $(function() { var mIdx = 0; var mCount = $("#intro ul.slide li").length; var mSize, mTimer; var mInterval = 5000; var mLast = false; // ���� �Ѹ� ó�� function mainSwipe(indicator) { mSize = $("#intro ul.slide li").width(); if(mIdx<0) { mIdx = mCount - 1; } else if(mIdx>=mCount) { mIdx = 0; mLast = true; $("#intro ol.indicator li .bar").css('width','0px'); } else { mLast = false; } if(indicator===true) { $("#intro ol.indicator li").eq(mIdx).find('.bar').stop(true,false).animate({width:'100%'}, mInterval, function() { $("#intro ul.slide").stop(true,false).animate({left:-(mSize*mIdx) + 'px'}, 500, 'easeInCubic'); if(mLast===true) { $("#intro ol.indicator li .bar").css('width','0px'); } }); } else { $("#intro ol.indicator li .bar").stop().css('width','0px'); $("#intro ol.indicator li").eq(mIdx).find('.bar').css('width','100%'); $("#intro ul.slide").stop(true,false).animate({left:-(mSize*mIdx) + 'px'}, 500, 'easeInCubic'); } $("#visualTab ol li").removeClass('on'); $("#visualTab ol li").eq(mIdx).addClass('on'); } // �ڵ� Ÿ�̸� ���� function main_stop() { $("#intro ul.slide").stop(); clearInterval(mTimer); } // �ڵ� �����̵� ó�� mTimer = setInterval(function() { mIdx++; mainSwipe(true); }, mInterval); // ������ �ε������� Ŭ���� �ش� ������ �̵� $("#intro ol.indicator li").click(function(e) { var _idx = $(this).index(); if(!$("#intro ul.slide").is(':animated')) { e.preventDefault(); main_stop(); mIdx = _idx; mainSwipe(false); if($(this).parents('#visualTab').length > 0) { $("#visualTab ol li").removeClass('on'); $(this).addClass('on'); } } }); // �Ѹ��̹��� �ʱ�ȭ function swipe_init() { var winSize = $(window).width(); mSize = $("#intro ul.slide li").width(); $("#intro ul.slide > li").css({width:winSize + 'px'}); $("#intro ul.slide").css({left:-(mSize*mIdx) + 'px'}); } $(function() { swipe_init(); mainSwipe(true); }) $(window).resize(function() { swipe_init(); }); });