$(function() { // Ãßõ»óÇ° ÅÇ Å¬¸¯ $(".section2 ul.product_tab li").click(function() { var winWidth = $(window).width(); var tabIndex = $(this).index(); var linkTitle = $(this).find('a').text(); if(winWidth <= 1024) { $(".section2 ul.product_tab").css('display','none'); $(".section2 .dropdown > a").removeClass('open'); } $(".section2 .dropdown > a").text(linkTitle); $(".section2 ul.product_tab li").removeClass('on'); $(this).addClass('on'); $(".section2 .tab_wrap .tab_con").css('display','none'); $(".section2 .tab_wrap .tab_con").eq(tabIndex).stop(true,false).fadeIn(300); }); // Ãßõ»óÇ° µå·Ó´Ù¿î ¸µÅ© $(".section2 .dropdown > a").click(function() { if(!$(this).hasClass('open')) { $(this).addClass('open'); $(this).siblings('ul.product_tab').css('display','block'); } else { $(this).removeClass('open'); $(this).siblings('ul.product_tab').css('display','none'); } }); // Ãßõ»óÇ° µå·Ó¹Ú½º È°¼ºÈ­ function initProDrop() { var linkTitle = $(".section2 ul.product_tab li.on a").text(); $(".section2 .dropdown > a").text(linkTitle); } $(window).load(function() { initProDrop(); }); }); // ¸ÞÀÎ ·Ñ¸µ À̹ÌÁö $(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(); }); });