Sprite, Automatically Move To Next Row?

I am trying to write a script to get my sprite to move to the next row once it reaches the last frame on it's current row.

Here's my attempt so far; in the code below I want bird2 when it reaches frame 3 and spState(1) - this means first row - to switch to spState (2) second row.

if ($('#bird2'['current_frame']) == 3 && $('#bird2').spState(1)) {
$('#bird2').spState(2);
} else {
$('#bird2').spState(1);

[Code]....

this is from [URL] you will notice on this site that if you drag the slider to the left the bird sprites change direction, in fact they play the second row of frames.

The reason I want my bird sprite to go automatically to the next row is because I am using video turned into individual frames and a png strip, and I am limited by the max width of png (8192px). see [URL] scroll down to see the bird on the rooftop. Each frame in that bird sprite is 80px wide and there are 93 frames. So I would like to include multiple rows to allow me to increase the number of frames. Up to 15 rows will be needed and after the last row it should go back to the first row. Perhaps a switch statement would be better than what I currently have.

I am new to JavaScript and have been trying to pick up clues from [URL] I am very happy to learn and I hope to be prompted and pushed in the right direction.