var themes;
var Themes = function(){

  this.counterDisplay = 'bullets';
  this.activeSlide    = 1;
  this.totalSlides    = 0;
  
  // Konstruktor
  this.init = function(){
    var self = this;
        
    // ARIA-Live setzen
    jQuery('div.themes').attr('aria-live', 'polite');
    
    // Themen hintereinanderlegen
    jQuery('div.single_slide').addClass('with-javascript');
    
    // Controls anzeigen
    jQuery('div.themes .control').css('display', 'block');
    
    // Message Current- und Total-Anzeige initialisieren
    self.totalSlides = jQuery('div.themes .single_slide').size();
    var i = 1;
    
    if (this.counterDisplay === 'bullets'){
      var list = '', b;
      jQuery('div.themes-control-info').html('<ul class="themes-info"></ul>');
      for (b = 1; b <= self.totalSlides; b++){
        if (this.activeSlide === b){
          list += '<li class="slide-active"><span class="hidden_element">Folie '+ b +' von '+ self.totalSlides +'</span></li>';
        } else {
          list += "<li></li>";
        }
      } 
      jQuery('.themes-info').html(list);
    } else {
      jQuery('#themes-control-counter').html(self.activeSlide);
      jQuery('#themes-control-total').html(t);
      jQuery('#themes-control-total').prepend("/");
    }
    
    // Erste Message einblenden
    jQuery('div.themes .single_slide').each(function() {
      jQuery(this).attr('id', 'themes-single_slide-'+i);
        jQuery(this).attr('aria-hidden', 'false'); 
      if (i++ > 1){
        jQuery(this).attr('aria-hidden', 'true');
        // jQuery(this).hide();
      }
    });
    
    // Eventhandling für Zurück
    jQuery('.themes .jFlowPrev').click(function(){
      self.activeSlide = (self.activeSlide === 1 ? self.totalSlides : self.activeSlide - 1);
      self.prepareSlides();
    });
    
    // Eventhandling für Vorwärts
    jQuery('.themes .jFlowNext').click(function(){
      self.activeSlide = (self.activeSlide >= self.totalSlides ? 1 : self.activeSlide + 1);
      self.prepareSlides();
    });
    
  };
  this.init();
  
  this.prepareSlides = function(){
    var self = this;
    
    jQuery('div.themes .single_slide[aria-hidden="false"]').attr('aria-hidden', 'true');
    jQuery('div.themes div.aria-role').removeAttr('role');
    var m = jQuery('div.themes #themes-single_slide-' + self.activeSlide);
    m.attr('aria-hidden', 'false');
    jQuery('div.themes #themes-single_slide-' + self.activeSlide + ' div.aria-role').attr('role', 'article');  
    
    if (self.counterDisplay === 'bullets'){
      var list = '', b;
      for (b = 1; b <= self.totalSlides; b++){
        if (self.activeSlide === b){
          list += '<li class="slide-active"><span class="hidden_element">Folie '+ b +' von '+ self.totalSlides +'</span></li>';
        } else {
          list += "<li></li>";
        }
      } 
      jQuery('.themes-info').html(list);
    } else {
      jQuery('#themes-control-counter').html(self.activeSlide);
    }
  };
  
};

jQuery(document).ready(function(){
  themes = new Themes();
});
