We have the moving boxes jquery slider ([url removed, login to view]) working well on our website however we want to add one function to it. We have 5 boxes in our slider numbered 1 - 5 from left to right. Box 3 is front and centre by default and larger than thr rest as per the original script. Boxes 1,2,4 and 5 are all the same size. When a box is the focus box in the center it passes through a function called growBigger and becomes the biggest box at 211px wide. As a box returns to either side it passes through a function called returnToNormal and returns to normal size at 90px wide. We wnat the boxes to pass through one more function between returnToNormal and growBigger so that a box immediately to the left or right of the center box is 150px wide giving a greater 3d effect.
EG: As the slider loads up we have 5 boxes numbered 1 to 5 left to right. Box 1 is 90px wide. Box 2 is 150px wide. Box 3 is 211px wide. Box 4 is 150px wide and Box 5 is 90px wide. When the user clicks on the right arrow the boxes move left through the slider meaning Box 1 disappears out of the slider, Box 2 is now 90px wide, Box 3 is now 150px wide, Box 4 is in focus at 211px wide and Box 5 is at 150px wide.
And so on and so on.