animation doesn't run correctly first time

animation doesn't run correctly first time

hi guys,
it's obvious that i cant do a script by my own..i'm sorry about that
this time the problem is that in this composition of animation:

neticom.omnigrafica.it

when you want to change the displayed category, the first time, the animation of the title is exactly the opposite that should be performed!!
somebody has an idea of what causes this anomaly?

here's the code

  1. $(function() {
  2.     $('#n_isp').click(function() {
  3.         showSection('isp', '1');
  4.     });
  5.     $('#n_video').click(function() {
  6.         showSection('video', '2');
  7.     });
  8.     $('#n_remoto').click(function() {
  9.         showSection('remoto', '3');
  10.     });
  11. });

  12. function showSection(id, index) {
  13.     $('#loghi > div.show').animate({marginLeft: '93px'}, 500);
  14.     $('#opaco > div.show').animate({marginTop: '22px'}, 500);
  15.     $('#trasparente > div.show').animate({marginTop: '-20px'}, 500);
  16.     $('#testi > div.show').animate({marginLeft: '-620px'}, 500, function() {
  17.         $('#loghi > div.show, #opaco > div.show, #trasparente > div.show').toggleClass('show hide');
  18.         $('#logo' + index + ', #testo_' + id).toggleClass('hide show').animate({marginLeft: '0px'}, 500);
  19.         $('#opaco' + index + ', #trasparente' + index).toggleClass('hide show').animate({marginTop: '0px'}, 500);
  20. });
  21. }
thank's a lot!