(function($){
 $(document).ready(function(){
  
  $('#motionj_fade_02').motionj_fadeBanner({
   width : 570, //À̹ÌÁöÀÇ ³Êºñ
   height: 257, // À̹ÌÁöÀÇ ³ôÀÌ
   speed : 500, // fade ¼Óµµ Á¶Àý.
   delay : 3500 // ¸ð¼ÇÀÌ µÇ´Â Áß°£ µô·¹ÀÌ
  });
 });
})(jQuery);
(function($){
 $.fn.motionj_fadeBanner = function(o){
  o = $.extend({
   width : 570,
   height: 257,
   speed : 500,
   delay : 3500
  }, o || {});
  return this.each(function(){
   var e = $(this);
   var n_h = e.find('p').height();
   var pause = false;
   var no = 1, ext;
   var len = e.find('ul li').length-1;
   var replace_img = function(o, s, ext){
    if(s) o.attr('src', o.attr('src').replace('off.'+ext, 'on.'+ext));
    else o.attr('src', o.attr('src').replace('on.'+ext, 'off.'+ext));
   }
   var find_ext = function(imgE){
    var xt = imgE.find('img').attr('src').lastIndexOf('.') + 1;
    xt = imgE.find('img').attr('src').substr(xt);
    return xt;
   }
   e.css({
    position : 'relative',
    overflow : 'hidden',
    width : o.width
    
   }).find('ul').css({
    position : 'relative',
    'z-index' : 10,
    height : o.height
   }).find('li').css({
    position : 'absolute'
   });
   e.find('ul li:not(:eq(0))').hide();
   e.find('p').css({
    position : 'relative',
    'z-index' : 11,
    'text-align' : 'right',
    'margin-top' : -(n_h)
   }).find('span').css('cursor', 'pointer');
   e.find('ul li:eq(0)').addClass('on');
   e.find('p span:eq(0)').addClass('on');
   ext = find_ext(e.find('p span'));
   replace_img(e.find('p span:eq(0)').find('img'), true, ext);
   
   var ani = function(num, m){
    if(!e.find('p span:eq(' + num + ')').hasClass('on')){
     if(e.find('p span.on').length > 0){
      ext = find_ext(e.find('p span.on'));
      replace_img(e.find('p span.on').find('img'), false, ext);
      e.find('p span.on').removeClass('on');
     }
     e.find('p span:eq(' + num + ')').addClass('on');
     ext = find_ext(e.find('p span:eq(' + num + ')'));
     replace_img(e.find('p span:eq(' + num + ')').find('img'), true, ext);
     if(m){
      e.find('ul li').fadeOut('fast');
      e.find('ul li').removeClass('on');
      e.find('ul li:eq(' + num + ')').queue( function(){
       $(this).addClass('on');
       $(this).clearQueue();
       $(this).fadeIn('fast');
      });
     }else{
      e.find('ul li.on').fadeOut(o.speed);
      e.find('ul li.on').removeClass('on');
      e.find('ul li:eq(' + num + ')').fadeIn(o.speed);
      e.find('ul li:eq(' + num + ')').addClass('on');
     }
     if(num >= len) no = 0; 
     else{ no = num; no++; }
    }
   }
   e.find('p span').each(function(i){
    $(this).mouseover( function(){
     ani(i, true);
    });
   });
   e.mouseover( function(){ pause = true; }).mouseleave( function(){ pause = false; });
   setInterval(function(){ if(pause == false) ani(no, false); }, o.delay);
  });
 }
})(jQuery);