currentSlide = 0;
N = 7;

function mudaQuadrinho(n){
  for(i=0; i<N; i++){
    div = $('quadrinhos'+i);
    if(div.visible){
      div.hide();
    }
  }
  $("quadrinhos"+n).show();
  currentSlide = n;
}


var btnNextClick = Behavior.create({
  initialize: function(){
    for(i=1; i<N; i++){   //Do not hide the first
      div = $('quadrinhos'+i);
      if(div.visible){
        div.hide();
      }
    }
  },

  onclick: function(){
	if(currentSlide < N-1){
	  next = (currentSlide + 1);
	}
    mudaQuadrinho(next);
  }
});


var btnPrevClick = Behavior.create({
  onclick: function(){
    prev = currentSlide - 1;
    if(prev < 0){
      prev = 0;
    }
    mudaQuadrinho(prev);
  }
});


Event.addBehavior({
  '#quadrinhosLeft': btnPrevClick,
  '#quadrinhosRight': btnNextClick
});