$(document).ready(function () { /*======== ë©붿씤�섏씠ì§� JS ========*/ $("#mainVisual .visual-img").css("width",$("#mainVisual .visual-img li").length * 960); var mainBannerNum = "0"; function bannerRolling(){ if(mainBannerNum < ($("#mainVisual .visual-img li").length - 1)){ mainBannerNum++; }else{ mainBannerNum = 0; } bannerRollingPlay(); } function bannerRollingPlay(){ $("#mainVisual .visual-btn span").each(function(id){ if(id == mainBannerNum){ $(this).addClass("select"); }else{ $(this).removeClass("select"); } }); $("#mainVisual .visual-img").animate({"left":(-960 * mainBannerNum) + "px"},300,"swing"); }; bannerRollingPlay(); var banner_timer = setInterval(bannerRolling,4500); $("#mainVisual .visual-btn span").each(function(index){ $(this).click(function(){ clearInterval(banner_timer); mainBannerNum = index; bannerRollingPlay(); banner_timer = setInterval(bannerRolling,4500); return false; }); }); $("#mainVisual .prev-visual").on({ click:function(){ clearInterval(banner_timer); if(mainBannerNum > 0){ mainBannerNum--; }else{ mainBannerNum = $("#mainVisual .visual-img li").length - 1; } bannerRollingPlay(); banner_timer = setInterval(bannerRolling,4500); return false; } }); $("#mainVisual .next-visual").on({ click:function(){ clearInterval(banner_timer); if(mainBannerNum < $("#mainVisual .visual-img li").length - 1){ mainBannerNum++; }else{ mainBannerNum = 0; } bannerRollingPlay(); banner_timer = setInterval(bannerRolling,4500); return false; } }); /*======== �쒕툕�섏씠ì§� JS ========*/ /* COMPANY 롤ë쭅 �´ë�ì§� */ var rollingNum = "0"; function rollingTime(){ if(rollingNum < ($(".rolling-img li").length - 1)){ rollingNum++; }else{ rollingNum = 0; } rollingPlay(); } function rollingPlay(){ $(".rolling-btn span").each(function(id){ if(id == rollingNum){ $(this).addClass("select"); }else{ $(this).removeClass("select"); } }); $(".rolling-img").animate({"left":(-640 * rollingNum) + "px"},300,"swing"); }; rollingPlay(); var rolling_timer = setInterval(rollingTime,4500); $(".rolling-btn span").each(function(index){ $(this).click(function(){ clearInterval(rolling_timer); rollingNum = index; rollingPlay(); rolling_timer = setInterval(rollingTime,4500); return false; }); }); $("#rollingTop .prev-gal").on({ click:function(){ clearInterval(rolling_timer); if(rollingNum > 0){ rollingNum--; }else{ rollingNum = $(".rolling-img li").length - 1; } rollingPlay(); rolling_timer = setInterval(rollingTime,4500); return false; } }); $("#rollingTop .next-gal").on({ click:function(){ clearInterval(rolling_timer); if(rollingNum < $(".rolling-img li").length - 1){ rollingNum++; }else{ rollingNum = 0; } rollingPlay(); rolling_timer = setInterval(rollingTime,4500); return false; } }); /* PRODUCT TAB */ $("#productDetailCon > div").first().show(); $(".product-tab-list a").click(function(){ $(".product-tab-list a").removeClass("select"); $(this).addClass("select"); $("#productDetailCon > div").hide(); $($(this).attr("href")).fadeIn(); return false; }); /* PRODUCT ê°¤ë윭ë¦� */ var galNum = $("#galleryListBox li").size(); $("#galleryListBox").css("width",galNum * $("#galleryListBox li").width() ); if ( galNum > 2 ) { var visualNum = "0"; /* function visualTime(){ if(visualNum < galNum - 1){ visualNum++; }else{ visualNum = 0; } visualPlay(); }*/ function visualPlay(){ $("#galleryListBox").animate({"left":(- 585 * visualNum) + "px"},600,"swing"); }; visualPlay(); //var visual_timer = setInterval(visualTime,4500); $("#photoGalCon .prev-gal").on({ click:function(){ //clearInterval(visual_timer); if(visualNum > 0){ visualNum--; }else{ visualNum = galNum - 1; } visualPlay(); //visual_timer = setInterval(visualTime,4500); return false; } }); $("#photoGalCon .next-gal").on({ click:function(){ //clearInterval(visual_timer); if(visualNum < galNum - 1){ visualNum++; }else{ visualNum = 0; } visualPlay(); //visual_timer = setInterval(visualTime,4500); return false; } }); } /* HISTORY */ $("#historyDetail > div").hide(); $("#historyDetail > div").first().show(); $(".history-tab li a").click(function () { $("#historyDetail > div:visible").hide(); $($(this).attr("href")).fadeIn(); $(".history-tab li a").removeClass('select'); $(this).addClass('select'); }); });