[jQuery] Queuing jQuery animations

[paul.mac]

Hi, A newie to jQuery although I do have quiet a lot of JavaScript
experience.

I can't seem to grasp the queuing of animations in jQuery

I have the following code

   $("#right").click(function(){
     ...
      $("#tv2").animate({left: "+=110px"}, 1500).animate({left: "-
=110px"}, 0);
      $("#i2").animate({left: "+=110px"}, 1500);
     ...
   });

which both execute at the same time - exactly what I want - and what I
would like to do is change the z-index of i2 after the animation has
stopped. I tried appending .css("z-index", 19) to the end of the #i2
line (before the semi colon) but it seems to execute it straight away.

(There are some more bits to the code but they will only clutter
things up)

Thanks

paul.mac