function serviceInit(){ var Actions,Event,total; var cur = 0; var ncur = 0; var nTarget = $('#right_tab'); var cTarget = $('#service'); var item = []; var navFlag = false; Init = { _start:function(){ total = cTarget.find('> section').length; $('body,html').animate({scrollTop:0},300,'easeOutExpo') /************* / Event Add *************/ nTarget.find('ul > li').bind('click',function(event){ var _y = cTarget.find('> section:eq('+($(this).index()+1)+')').offset().top; Actions._pageMove(_y); }); $('p.visual_tab').find('a').bind('click',function(event){ var _y = cTarget.find('> section:eq('+($(this).index()+1)+')').offset().top; Actions._pageMove(_y); }); var _i = 0; cTarget.find('> section').each(function($index){ var _t = $(this); item[$index] = { _data:_i, _target:_t, _moveFlag:true, _play:function(_posY){ var target = this._target; var f_t = target.position().top; var f_b = f_t+600; var p_y = _posY - f_t; var d_y; var target_w = target.width(); var target_h = target.height(); if(item[cur]._moveFlag){ var __i = 0; target.find('.e_wrap').each(function(){ var _d = __i*0.2 TweenMax.to($(this),1.2,{y:0,alpha:1,delay:_d,ease:Quad.easeOut}); __i++ }); } this._moveFlag = false; }, _reset:function(){ var target = this._target; var target_w = target.width(); var target_h = target.height(); this._moveFlag = true target.find('.e_wrap').each(function(){ TweenMax.killTweensOf($(this)) TweenMax.set($(this),{y:50,alpha:0}); }); } } item[$index]._reset(); _i++ }); item[cur]._play(npos); list_target = getParameter("num") if(list_target != ""){ var _n = Number(list_target) var _y = cTarget.find('> section:eq('+_n+')').offset().top; setTimeout(function(){Actions._pageMove(_y);},100); } } }//init End Actions = { _pageMove:function(targetY){ $('html,body').stop().animate({scrollTop:targetY},1200) }, _pageHandler:function(_posY){ item[cur]._play(_posY); if(_posY == 0){ cTarget.find('> section').each(function($index){ //item[$index]._reset(); }); } }, _pageResize:function(){ cTarget.find('> section').each(function($index){ //item[$index]._reset(); }); if(SW > 1600){ nTarget.css({ 'right':(SW-1600)/2 }); }else{ nTarget.css({ 'right':0 }); } } }//Actions End Event = { _activeHandler:function(index){ var _mb = SH-300 cTarget.find('> section').each(function(){ if($(this).index() != total-1){ if(index >= $(this).position().top-_mb && index <= $(this).next().position().top-_mb){ cur = $(this).index(); } if(index >= $(this).position().top && index <= $(this).next().position().top){ ncur = $(this).index(); } }else{ if(index >= $(this).position().top-_mb){ cur = $(this).index(); } if(index >= $(this).position().top){ ncur = $(this).index(); } } }); if(index >= $('.service_visual').height()){ if(!navFlag){ //�ㅻ퉬 �섑��� nTarget.find('ul li').each(function(){ var _d = $(this).index() * 0.1; TweenMax.killTweensOf($(this).find('a')) TweenMax.to($(this).find('a'),0.6,{x:0,delay:_d,ease:Quad.easeOut}); }); navFlag = true; } }else{ if(navFlag){ //�ㅻ퉬 �놁빊 nTarget.find('ul li').each(function(){ TweenMax.killTweensOf($(this).find('a')) TweenMax.to($(this).find('a'),0.6,{x:100,ease:Quad.easeOut}); }); navFlag = false; } } } }//Event End $(window).scroll(function() { npos = $(window).scrollTop(); SW = $(window).width(); SH = $(window).height(); Event._activeHandler(npos); Actions._pageHandler(npos); Actions._pageResize(); });//end scroll $(window).resize(function(){ SW = $(window).width(); SH = $(window).height(); Actions._pageResize(); });//end resize Init._start(); Event._activeHandler(npos); Actions._pageHandler(npos); nTarget.find('ul li').each(function(){ TweenMax.killTweensOf($(this).find('a')) TweenMax.set($(this).find('a'),{x:100}); }); function getPer(_Amin,_Amax,_Bmin,_Bmax,_index){ var value = (_index/(_Bmax-_Bmin))*(_Amax-_Amin)+_Amin return value } }//conInit End