$(function() { var mIndex = 0; var mTimer; var mDirection; function main_init() { if($("#main_visual").length > 0) { var vCount = $("#main_visual ul.visual_img li").length; var html = "
  • "; var i; $("#main_visual ul.visual_img li:last").after($("#main_visual ul.visual_img li[data-index=0]")); for(i=1; i<=vCount; i++) { $("#main_visual ul.pagination").append(html); } $("#main_visual ul.visual_img li:first img").addClass('load'); $("#main_visual ul.pagination li:first").addClass('on'); } } function mainSlide() { var count = $("#main_visual ul.visual_img li").length; mIndex++; if(mIndex>=count) { mIndex = 0 } $("#main_visual ul.pagination li").removeClass('on'); $("#main_visual ul.pagination li").eq(mIndex).addClass('on'); $("#main_visual ul.visual_img li img").removeClass('load'); $("#main_visual ul.visual_img li").removeClass('active'); $("#main_visual ul.visual_img li:last").after($("#main_visual ul.visual_img li[data-index=" + mIndex + "]")); $("#main_visual ul.visual_img li[data-index=" + mIndex + "]").addClass('active'); $("#main_visual ul.visual_img li[data-index=" + mIndex + "]").stop(true,false).animate({opacity:0}, 0); $("#main_visual ul.visual_img li[data-index=" + mIndex + "]").stop(true,false).animate({opacity:1}, 300, function() { $("#main_visual ul.visual_img li[data-index=" + mIndex + "]").find('img').addClass('load'); }); } mTimer = setInterval(function() { mainSlide(); }, 8000); main_init(); $("#main_visual ul.pagination li").click(function() { var idx = $(this).index(); if(!$("#main_visual ul.visual_img li").is(':animated')) { $("#main_visual ul.visual_img li img").removeClass('load'); $("#main_visual ul.visual_img li").stop(); clearInterval(mTimer); mTimer = setInterval(function() { mainSlide(); }, 8000); mIndex = idx-1; mainSlide(); return false; } }); $(".section1 ul li a").mouseenter(function() { $(this).find('img').stop(true,false).animate({'scale':'+=0.1'}, 800); }).mouseleave(function() { $(this).find('img').stop(true,false).animate({'scale':'1'}, 800); }); }); $(window).load(function() { $("#main_visual ul.visual_img li[data-index=0]").find('img').addClass('load'); });