How to program an <ul> image gallery, where the hover effect impacts more than 1 element? : <p>I'd like to program an image gallery, which looks like this one:
<a href="http://www.volkswagen.de/de.html" rel="nofollow">http://www.volkswagen.de/de.html</a>
By default, all buttons have the same size. </p>

<p>When the user hovers over the button, its size increases, meanwhile, all other buttons (aside from the one on the left and right of the button which the user hovers overs) are shrunk.</p>

<p>I assume that it's a mix of CSS and Javascript, but I can't figure out how it works, especially given how the buttons move left and right depending on what's being hovered over.</p>

<p>Could someone please help me?</p>
