// 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 = $("#mainSlider ul.imgList li").length; var mSize, mTimer; var mInterval = 4000; var mLast = false; // ¸ÞÀÎ ·Ñ¸µ ó¸® function mainSwipe(indicator) { mSize = $("#mainSlider ul.imgList li").width(); if(mIdx<0) { mIdx = mCount - 1; } else if(mIdx>=mCount) { mIdx = 0; mLast = true; $("#mainSlider ol.indicator li .bar").css('width','0px'); } else { mLast = false; } if(indicator===true) { $("#mainSlider ol.indicator li").eq(mIdx).find('.bar').stop(true,false).animate({width:'100%'}, mInterval, function() { $("#mainSlider ul.imgList").stop(true,false).animate({left:-(mSize*mIdx) + 'px'}, 500, 'easeInCubic'); if(mLast===true) { $("#mainSlider ol.indicator li .bar").css('width','0px'); } }); } else { $("#mainSlider ol.indicator li .bar").stop().css('width','0px'); $("#mainSlider ol.indicator li").eq(mIdx).find('.bar').css('width','100%'); $("#mainSlider ul.imgList").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() { $("#mainSlider ul.imgList").stop(); clearInterval(mTimer); } // ÀÚµ¿ ½½¶óÀ̵å ó¸® mTimer = setInterval(function() { mIdx++; mainSwipe(true); }, mInterval); // ÆäÀÌÁö ÀεðÄÉÀÌÅÍ Å¬¸¯½Ã ÇØ´ç ¼ø¼­·Î À̵¿ $("#mainSlider ol.indicator li").click(function(e) { var _idx = $(this).index(); if(!$("#mainSlider ul.imgList").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 = $("#mainSlider ul.imgList li").width(); $("#mainSlider ul.imgList > li").css({width:winSize + 'px'}); $("#mainSlider ul.imgList").css({left:-(mSize*mIdx) + 'px'}); } $(function() { swipe_init(); mainSwipe(true); }) $(window).resize(function() { swipe_init(); }); }); // °øÁö»çÇ× ÃßÃâ ±¸Á¶ º¯°æ $(function() { var tmpno = $(location).attr('pathname').split('/')[1]; var $subject = [], $link = [], $date = [], $img = [], $content = []; var $innerHTML = ""; var $wrapper = $(".section3 .postWrapper"); var dir = $(".section3 .postWrapper").data('dir'); var page = $(".section3 .postWrapper").data('page'); var cnt = 0; $(".section3 tr[class^=board_output_]").each(function() { $subject[cnt] = $(this).find('a:first').text(); $link[cnt] = $(this).find('a').attr('href'); $date[cnt] = $(this).find('td[align=center]').text(); $content[cnt] = $(this).children().eq(-2).find('a').text(); $img[cnt] = $(this).find('.board_output_imgs').attr('src'); cnt++; }); $wrapper.html(''); $innerHTML = ''; $wrapper.append($innerHTML); }); // ºñµð¿À ½ºÅ©¸³Æ® $(function(){ var mask = $("#mask"); var videolayer = $("#videolayer"); var play = $("a.play"); play.click(function(){ mask.fadeIn(400); videolayer.fadeIn(400); videolayer.addClass("modal"); }); mask.click(function(){ videolayer.fadeOut(400); mask.fadeOut(400); }); }); // ¸ÞÀÎ room ½½¶óÀ̵å $(function() { var $postElem = $(".postSlider"), $twElem = [], $iwElem = [], $postIndex = [], $postCount = [], $twSize = [], $iwSize = [], $sliderTimer, $slideTerm = 4000; var $switch = false; $postElem.each(function(i) { $twElem[i] = $(this).find('.txtWrap > ul'); $iwElem[i] = $(this).find('.imgWrap > ul'); $postIndex[i] = 0; $postCount[i] = $twElem[i].children().length; i++; }); // ½½¶óÀÌ´õ ÃʱâÈ­ function postSliderInit() { for(i=0; i<$postElem.length; i++) { $twSize[i] = $twElem[i].parent().width(); $iwSize[i] = $iwElem[i].parent().width(); $twElem[i].children().css('width', $twSize[i] + 'px'); $twElem[i].css({'width':$twSize[i] * $postCount[i] + 'px', 'transform':'matrix(1,0,0,1,' + (-$twSize[i] * $postIndex[i]) + ',0)'}); $iwElem[i].children().css('width', $iwSize[i] + 'px'); $iwElem[i].css({'width':$iwSize[i] * $postCount[i] + 'px', 'transform':'matrix(1,0,0,1,' + (-$iwSize[i] * $postIndex[i]) + ',0)'}); } } // Æ÷½ºÆ® ½½¶óÀ̵å ÇÔ¼ö function postSliding(idx, easing) { $twSize[idx] = $twElem[idx].parent().width(); $iwSize[idx] = $iwElem[idx].parent().width(); if($postIndex[idx] < 0) { $postIndex[idx] = $postCount[idx] - 1; } else if($postIndex[idx] >= $postCount[idx]) { $postIndex[idx] = 0; } $twElem[idx].parents('.postSlider').find('.thumbList').children().removeClass('on'); $twElem[idx].parents('.postSlider').find('.thumbList').children().eq($postIndex[idx]).addClass('on'); if(!easing || easing == true) { TweenMax.to($iwElem[idx], 0.5, {x:-($iwSize[idx] * $postIndex[idx]), ease:Expo.easeInOut}); TweenMax.to($twElem[idx], 0.7, {x:-($twSize[idx] * $postIndex[idx]), ease:Expo.easeInOut}); } else if(easing == false) { TweenMax.to($iwElem[idx], 0.5, {x:-($iwSize[idx] * $postIndex[idx])}); TweenMax.to($twElem[idx], 0.7, {x:-($twSize[idx] * $postIndex[idx])}); } } // Æ÷½ºÆ® ½½¶óÀÌ´õ ½æ³×ÀÏ »ý¼º function postThumbInit() { var $thumbTag = [], $thumbImg = []; for(i=0; i<$postElem.length; i++) { for(n=0; n<$postCount[i]; n++) { $thumbImg[n] = $iwElem[i].children().eq(n).find('img').attr('src'); $thumbTag[n] = '
  • '; $postElem.eq(i).find('.thumbList').append($thumbTag[n]); } $postElem.eq(i).find('.thumbList').children().eq(0).addClass('on'); } } // »ó´Ü Æ÷½ºÆ® ½½¶óÀÌ´õ ½æ³×ÀÏ Å¬¸¯ $(document).on('click', '#postSliderType1 .thumbList > li', function() { var $tIndex = $(this).index(); $postIndex[0] = $tIndex; postSliding(0); }); // »ó´Ü Æ÷½ºÆ® ½½¶óÀÌ´õ ÀÌÀü $(".section2 .prev").click(function() { if(!TweenMax.isTweening($twElem[0])) { clearTimer(); $postIndex[0]--; postSliding(0); // $switch = false; // startTimer(); } }); // »ó´Ü Æ÷½ºÆ® ½½¶óÀÌ´õ ´ÙÀ½ $(".section2 .next").click(function() { if(!TweenMax.isTweening($twElem[0])) { clearTimer(); $postIndex[0]++; postSliding(0); // $switch = false; // startTimer(); } }); // ÀÚµ¿Àç»ý ŸÀÌ¸Ó ½ÇÇà function startTimer() { var $sliderTimer = setInterval(function() { if($switch == false) { $postIndex[0]++; postSliding(0); console.log('running'); } }, $slideTerm); } // ÀÚµ¿Àç»ý ŸÀÌ¸Ó Á¤Áö function clearTimer() { $switch = true; clearInterval($sliderTimer); } startTimer(); postSliderInit(); postThumbInit(); // À©µµ¿ì »çÀÌÁî Á¶Àý½Ã Æ÷½ºÆ® ½½¶óÀÌ´õ »çÀÌÁî, À§Ä¡ ¸ÂÃã $(window).bind('resize', function() { postSliderInit(); }); });