var actBanner = 1;
var numOfBanner;
var timer;

$(document).ready(function() {
  numOfBanner = $('div.tx-cwmemberbanner-pi1 a').length;
  // center the iconfield
  var iconFieldW = $('.mb_pos_icon').width();
  $('.mb_pos_icon').css({
    'margin-left': iconFieldW/-2,
    'margin-right': iconFieldW/-2
  });
  // set click-event
  $('.mb_point').each(function(index,item){
    $(item).click(function(){
      actBanner = index+1;
      moverBanner();
    });
  });
  $('.tx-cwmemberbanner-pi1').append('<img src="fileadmin/img/banner_mleft.png" class="banner_aleft" />');
  $('.tx-cwmemberbanner-pi1').append('<img src="fileadmin/img/banner_mright.png" class="banner_aright" />');
  $('.banner_aleft').hover(
    function(){
      if (actBanner - 1 > 0) {
        $(this).attr('src','fileadmin/img/banner_mleft_act.png');
      }
    },
    function(){
      $(this).attr('src','fileadmin/img/banner_mleft.png');
    }
  )
  $('.banner_aright').hover(
    function(){
      if (actBanner + 1 <= numOfBanner) {
        $(this).attr('src','fileadmin/img/banner_mright_act.png');
      }
    },
    function(){
      $(this).attr('src','fileadmin/img/banner_mright.png');
    }
  )
  $('.banner_aleft').click(function(){
    if (actBanner - 1 > 0) {
      actBanner--;
      moverBanner();
    }
  });
  $('.banner_aright').click(function(){
    if (actBanner + 1 <= numOfBanner) {
      actBanner++;
      moverBanner();
    }
  });
  $('.tx-cwmemberbanner-pi1').hover(
    function() {
      $('.banner_aleft').fadeIn(500);
      $('.banner_aright').fadeIn(500);
    },
    function(){
      $('.banner_aleft').fadeOut(500);
      $('.banner_aright').fadeOut(500);
    }
  )
  
  var outerWidth = numOfBanner*mb_bannerwidth;
  $('.memberbanner_outer').width(outerWidth);
  setBannerPos();
  timer = setTimeout('slideBanner()',slide_speed);
});

function slideBanner(){
  actBanner++;
  setBannerPos();
  if(actBanner<=numOfBanner){
    $('.memberbanner_outer').animate({
      'left' : '-=' + mb_bannerwidth
    },slide_duration,function(){
      timer = setTimeout('slideBanner()',slide_speed);
    });
  }
  else {
    actBanner = 1;
    setBannerPos();
    $('.memberbanner_outer').animate({
      'left' : '0'
    },slide_duration,function(){
      timer = setTimeout('slideBanner()',slide_speed);
    });
  }
}

function setBannerPos(){
  $('.mb_point').each(function(index,item){
    if(index == actBanner-1){
      if(!$(item).hasClass('mb_point_active')){
        $(item).addClass('mb_point_active');
      }
    }
    else {
      if ($(item).hasClass('mb_point_active')) {
        $(item).removeClass('mb_point_active');
      }
    }
  });
}

function moverBanner(){
  setBannerPos();
  $('.memberbanner_outer').animate({
    'left' : (actBanner-1)*-1*mb_bannerwidth
  },slide_duration,function(){
    clearTimeout(timer);
  });
}