/* * Name: KEPCO * Part: JavaScript for ui & plug-in * Author : pk.choi */ (function($){ // jQuery.noConfict(); $(document).ready(function() { /* * Part: 스포츠단 인트로페이지 모션/단별 메인페이지 컨텐츠 * Function: * */ var current = 0; var SPEED = 1000; var EASING_ANIMATE = "easeInOutCubic"; $('.menu h2').on('click',function (event) { slidePage($(this).index()); return false; }); $('a.prev').on('click',function (event) { prevPage(); return false; }); $('a.next').on('click',function (event) { nextPage(); return false; }); //인트로페이지에서만 실행한다 if($('.sports_wrap').length > 0){ $(window).resize(function() { var winheight = $(this).height(); $('.sports_wrap').css('height',winheight); // $('.visual_wrap').css('top',-$('.volley_wrap').height()*current); $('.visual_wrap').stop().animate({ top:-$('.volley_wrap').height()*current}, SPEED, EASING_ANIMATE); // console.log('resizing'); }); $(window).resize(); } //이전 페이지 function prevPage(){ //if(current > 0){ if(current == 0) current = 3; slidePage(current-1); //} } //다음 페이지 function nextPage(){ //if(current < 2){ if(current == 2) current = -1; slidePage(current+1); // console.log("현재페이지 : " + (current + 1)); //} } //페이지 썸네일 좌우 슬라이드 function slidePage(currentIndex){ if(!$('.visual_wrap').is(':animated')){ if($('.menu').hasClass('volley')) $('.menu').removeClass('volley'); if($('.menu').hasClass('lugby')) $('.menu').removeClass('lugby'); if($('.menu').hasClass('run')) $('.menu').removeClass('run'); if(currentIndex == 0){ $('.menu').addClass('volley'); }else if(currentIndex == 1){ $('.menu').addClass('lugby'); }else{ $('.menu').addClass('run'); } if($('.volley_wrap').height() > 720){ $('.visual_wrap').stop().animate({ top:-$('.volley_wrap').height()*currentIndex}, SPEED, EASING_ANIMATE); }else{ $('.visual_wrap').stop().animate({ top:-720*currentIndex}, SPEED, EASING_ANIMATE); } current = currentIndex; } } var content_opened = true; //on/off클릭시 open/close $('.main_wrap a.tab').on('click',function (event) { animateMainWrap(0); return false; }); //하단컨텐츠 탭 클릭 $('.main_wrap h2>a').on('click',function (event) { $('.main_wrap .tab_player, .main_wrap .tab_info, .main_wrap .tab_news').removeClass('on'); $(this).parent().parent().addClass('on'); if(!content_opened) animateMainWrap(0); return false; }); //단별 메인페이지에서만 실행 if($('dl.player_intro').length > 0){ //단별 메인 하단 컨텐츠 초기모션 실행 $('.main_wrap').delay(1000).animate({'height':45}, 700, EASING_ANIMATE, function(){ $('.main_wrap a.tab').addClass('on'); content_opened = false; }); //단별 메인페이지의 id값에 따라 실행 // alert($('body').attr('id')); switch ($('body').attr('id')){ case 'volley': activateMainVisual('volley'); //배구단 break; case 'lugby': //activateMainVisual('lugby'); //럭비단 break; case 'running': //activateMainVisual('run'); //육상단 default: } } //단별 메인 하단 컨텐츠 open/close function animateMainWrap(delaytime){ if(!$('.main_wrap').is(':animated')){ if($('.main_wrap').height() == 45){ $('.main_wrap').delay(delaytime).animate({'height':324}, 700, EASING_ANIMATE, function(){ $('.main_wrap a.tab').removeClass('on'); content_opened = true; }); } if($('.main_wrap').height() == 324){ $('.main_wrap').delay(delaytime).animate({'height':45}, 700, EASING_ANIMATE, function(){ $('.main_wrap a.tab').addClass('on'); content_opened = false; }); } } } //단별 메인페이지의 id값에 따라 실행 function activateMainVisual(name){ var gallery = $(".gallery").slideVisualBanner({ interval:4000 ,speed: 700 ,navigation:{ btnstartpos:189 ,dist:52 } ,play:{ auto:true //기본값:false - 초기에는 롤링멈춰있음 ,swap:false //기본값:false - 플레이버튼과 정지버튼이 동시에 보여짐 //true 일때 토글형태로 번갈아 보여짐 } ,copy:{ //이미지카피 확장자 ext:'.png' //이미지카피 경로 ,path:'/kepco/indi/sports/img/main/' //파일이름 ,name:'tit_main_' + name } }); } });//end : document ready })(jQuery);