$(document).ready(function(){

  //position for pagination
  var width = 0;
  $.each($('div.index_offers_paginate a'), function(){
    var widthOfA = parseInt($(this).css('width').substring(0,2));
    width = width + widthOfA;
  });
  var margin = 0;
  margin = 163 - (width / 2);
  $('div.index_offers_paginate').css('margin-left', margin+'px');


  //toggle of offer_teaser on index
  $('div.index_offers_header h3').click(function() {
    if ($(this).hasClass('slideup')){
      $('div.index_offers_body').slideDown('slow');
    } else {
      $('div.index_offers_body').slideUp('slow');
    }

    $('div.index_offers_header h3').each(function(){
      if ($(this).hasClass('slideup')){
        $(this).removeClass('slideup');
      } else {
        $(this).addClass('slideup');
      }
    });
  });

  //changing of content in offerTeaser on index
  //set the number of elements - 2
  //cause of statically preview and forward buttons
  var offersCount = parseInt($('div.index_offers_paginate').children('a').size());
  offersCount = offersCount - 2;

  // if a number is clicked, open the correct teaser and setout interval
  $('div.index_offers_paginate').children('a[rel="index_offer_paginator"]').click(function(){

    var activeOffer = parseInt($('div.index_offers_paginate').children('a.active').attr('class').substring(13,14));

    $('div.index_offers_paginate').children('a.active').removeClass('active');
    $(this).addClass('active');

    var nextOffer = parseInt($('div.index_offers_paginate').children('a.active').attr('class').substring(13,14));

    changeTeaserHeader(nextOffer);

    $('#index_offers_content_'+activeOffer).toggle().addClass('hide');
    $('#index_offers_content_'+nextOffer).toggle().removeClass('hide');

  });

  //backwards button
  $('div.index_offers_paginate').children('a.index_offers_back').click(function(){

    var activeOffer = parseInt($('div.index_offers_paginate').children('a.active').attr('class').substring(13,14));
    var nextOffer = activeOffer - 1;


    if (nextOffer == 0){
      nextOffer = offersCount;
    }

    changeTeaserHeader(nextOffer);

    $('a.index_offers_'+activeOffer).removeClass('active');
    $('a.index_offers_'+nextOffer).addClass('active');

    $('#index_offers_content_'+activeOffer).toggle().addClass('hide');
    $('#index_offers_content_'+nextOffer).toggle().removeClass('hide');

  });

  //forwards button
  $('div.index_offers_paginate').children('a.index_offers_forward').click(function(){

    var activeOffer = parseInt($('div.index_offers_paginate').children('a.active').attr('class').substring(13,14));
    var nextOffer = activeOffer + 1;

    if(nextOffer > offersCount){
      nextOffer = 1;
    }

    changeTeaserHeader(nextOffer);

    $('a.index_offers_'+activeOffer).removeClass('active');
    $('a.index_offers_'+nextOffer).addClass('active');

    $('#index_offers_content_'+activeOffer).toggle().addClass('hide');
    $('#index_offers_content_'+nextOffer).toggle().removeClass('hide');
  });

  function changeTeaserHeader(counterNr){
    $('div.index_offers_header h3').each(function(){
      if (!$(this).hasClass('hide')){
        $(this).addClass('hide');
      }
    });
    $('div.index_offers_header h3.indexOfferHeader_' + counterNr).removeClass('hide');
  }

});