I am trying to get my pagination to display like the attached screen shot:

At the moment my pagination looks like this:

As you can see pages  1 to 20 is too long. It would be better (for this example) for number 1 to be highlighted. Then display:

1 2 3 4 5 ... 20

and in the below cases:

1 ... 7 8 9 10 ... 20

and

1 ... 16 17 18 19 20

This is the code for the area I wish to change.

If anyone can help that would be great! :)

http://jsfiddle.net/RXuE4/4/