jQuery(function($){

  var total_width = 629;
  var active_width = 349;
  var tabs = $('.selbsttest_container .tab').length;
  var current_tab = 1;
  var space = 2;
  var spaces = (tabs-1)*space;
  
  //funnel prefix:
    var current_test = $('.selbsttest_container:first form:first').attr('class');
    var funnel_prefix = '';
    if( current_test=='alkohol' ){
      funnel_prefix = '/funnel_G1/alkohol';
    }else if( current_test=='cannabis' ){
      funnel_prefix = '/funnel_G2/cannabis';
    }else if( current_test=='medikamente' ){
      funnel_prefix = '/funnel_G3/medikamente';
    }else if( current_test=='tabak' ){
      funnel_prefix = '/funnel_G4/tabak';
    }else if( current_test=='online' ){
      funnel_prefix = '/funnel_G5/online';
    }else if( current_test=='spielsucht' ){
      funnel_prefix = '/funnel_G6/spielsucht';
    }else if( current_test=='alkohol-freunde' ){
      funnel_prefix = '/funnel_G7/alkohol-freunde';
    }else{
      funnel_prefix = '/funnel_unknown/unknown';
    }
  
  var tab_width = (total_width-active_width-spaces)/(tabs-1);
  //console.log('tab_width: '+tab_width);
  
  var animation_speed = 250;
  
  for( var i=0; i<tabs; i++ ){
    if( i==0 ){
      $('.selbsttest_container .tab:eq('+i+')').css({
        left: '0px',
        width: active_width+'px'
      }).addClass('tab_active');
    }else{
      $('.selbsttest_container .tab:eq('+i+')').css({
        left: ( (i*(tab_width+2)) -tab_width +active_width )+'px',
        width: tab_width+'px'
      });
    }
  }
  
  $('.selbsttest_container button.prev').click(function(){
    current_tab--;
    if( current_tab!=1 && current_tab<tabs ){
      ga('send', 'pageview', funnel_prefix + '-' + current_tab);
    }else if( current_tab==1 ){
      ga('send', 'pageview', funnel_prefix + '-start');
    }
    
    var $active_bevore = $('.selbsttest_container .tab_active');
    $('.selbsttest_container .tab_active').animate({
      left: '+='+(active_width-tab_width),
      width: tab_width+'px'
    }, animation_speed)
    .prev().animate({
      width: active_width+'px'
    }, animation_speed, function(){
      $active_bevore.removeClass('tab_active');
    }).addClass('tab_active');

    if ( $active_bevore.prev().find('input[type="checkbox"]').length>0 ) {
      $('.selbsttest_container button.next').show();
    }else{
      $('.selbsttest_container button.next').hide();
    }
  });
  
  $('.selbsttest_container button.next').click(function(){
    current_tab++;
    $('.selbsttest_container button.next').hide();
    if( current_tab!=1 && current_tab<tabs ){
      ga('send', 'pageview', funnel_prefix + '-' + current_tab);
    }
    
    var $btn = $(this);
    if( ( !$btn.hasClass('last_next') && $('.tab_active input[type="checkbox"]').length<=0 && $('.selbsttest_container .tab_active input:checked').length<1 ) || ( $btn.hasClass('last_next') && $('.selbsttest_container .tab_active input:checked').length<2 ) ){
      return false;
    }
    var $active_bevore = $('.selbsttest_container .tab_active');
    $('.selbsttest_container .tab_active').animate({
      width: tab_width+'px'
    }, animation_speed)
    .next().animate({
      left: '-='+(active_width-tab_width),
      width: active_width+'px'
    }, animation_speed, function(){
      $active_bevore.removeClass('tab_active');
      
      if( $btn.hasClass('last_next') ){
        $('.selbsttest_container .auswertung').html('loading..');
        
        $.ajax({
          url: '?eID=post_selbsttest',
          type: 'POST',
          cache: false,
          data: $.param( $('.selbsttest_container input').serializeArray() ),
          dataType: 'json',
          success: function(data){
            if( data.status ){
              $('.selbsttest_container .auswertung').html(data.msg);
              
              var test = $('.selbsttest_container input[name="test"]').val();
              // console.log(test);
              // var pageTracker = _gat._getTracker("UA-11013719-4");
              if( test=='alkohol' ){
                //pageTracker._trackPageview("/funnel_G1/alkohol-ende");
			           ga('send', 'pageview', '/funnel_G1/alkohol-ende');
              }else if( test=='cannabis' ){
                //pageTracker._trackPageview("/funnel_G2/cannabis-ende");
			           ga('send', 'pageview', '/funnel_G2/cannabis-ende');
              }else if( test=='medikamenten' ){
                //pageTracker._trackPageview("/funnel_G3/medikamente-ende");
			           ga('send', 'pageview', '/funnel_G3/medikamente-ende');
              }else if( test=='tabak' ){
                //pageTracker._trackPageview("/funnel_G4/tabak-ende");
			           ga('send', 'pageview', '/funnel_G4/tabak-ende');
              }else if( test=='online' ){
                //pageTracker._trackPageview("/funnel_G5/online-ende");
                 ga('send', 'pageview', '/funnel_G5/online-ende');
              }else if( test=='spielsucht' ){
                //pageTracker._trackPageview("/funnel_G5/online-ende");
			           ga('send', 'pageview', '/funnel_G6/spielsucht-ende');
              }else if( test=='careAlkohol' ){
                 ga('send', 'pageview', '/funnel_G7/alkohol-freunde-ende');
              }
              
            }else{
              $('.selbsttest_container .auswertung').html('Error Z60');
            }
          },
          error: function(){
            $('.selbsttest_container .auswertung').html('Error Z64');
          }
        });
        
      }
    }).addClass('tab_active');
    
    if ( $active_bevore.next().find('input[type="checkbox"]').length>0 ) {
      $('.selbsttest_container button.next').show();
    }else{
      $('.selbsttest_container button.next').hide();
    }
  });
  
  $('.selbsttest_container input:not([type="checkbox"])').click(function(){
    $(this).parent().parent().find('button.next').click();
  });
  $('.selbsttest_container button.next').hide();

});