Click: animate & link

Click: animate & link

Hi everybody !
I have no knowledge about js, but I tried to understand the logic and to construct something myself. But I failed.
That's why I want to aks your help ... :-)

I am currently working on this website (which is naturally still in the construction phase): http://www.kommoedchen.be/

What I want to implement is the following: when you click on a link of the menu (which is an iframe menu, but that can be changed!), I want the header image to change height, like:
  1. $("#slideshow").animate({'height': '200px'}, 500 );
AND  then go to the following page according to the link.

Which means, that there will be two heights for the header image: 325 px for the welcoming page and 200 px for the other pages.

Is that possible? Has anyone an idea how to do that?

Thank you very much!
Benjamin

(NB: I am not payed for that website, it is an amateur theater club)