Carousel stop at end

Carousel stop at end

All Right. I am building a simple carousel with simple jQuery/cs3 and it is working fine so far. However when I continue clicking next slide, the slider will become out of focus as you can see in this fiddle:   Fiddle  .
I need something that will stop the carousel when it is at it's end (no matter if the size of window as been changed). For at note, the slider is responsive, and will snap to specified grids. I have tried testing with something like: 

if (counter + 1 == $('.carousel > div > article').length) { return; }

But this will not work all around, because of the responsive stuff (Unless I am failing  )
Any suggestions how to solve this issue? :)