(function($) {
$(document).ready( function (){
var counter=0;
var ncounter;
$('.btn_left').click( function(){
clearFields();

ncounter=counter-1;
if($('#dp-item-'+ncounter).html()==null){
ncounter=$('.tc').val()-1;
    $('#dp-item-'+counter).css('display', 'none');   
    $('#dp-item-'+ncounter).css('display','block');  
      
    counter=$('.tc').val()-1;
} else {
      
    $('#dp-item-'+counter).css('display', 'none');
    $('#dp-item-'+ncounter).css('display','block');
    counter=ncounter;  
}


});

$('.btn_right').click( function(){
clearFields();
ncounter=counter+1;
if($('#dp-item-'+ncounter).html()==null){
    $('#dp-item-'+counter).css('display', 'none');
    $('#dp-item-0').css('display','block');
    counter=0;
} else {
    $('#dp-item-'+counter).css('display', 'none');
    $('#dp-item-'+ncounter).css('display','block');
    counter=ncounter;

}
});

/*
  Versteckt alle Elemente, anschliessend wird ausserhalb der Funktion die gewünschte wieder sichtbar gemacht.
  wurde gemacht da es Probleme bei direktem Zusprung von der Startseite her gab.
*/
function clearFields(){
  countFields = $('.tc').val()-1;
  for (var i = 0; i <= countFields; i++)
  {
    $('#dp-item-'+i).css('display', 'none');
  }
}


});
})(jQuery);