Bevægelig del af side ved klik

Hej,

Jeg er ved at omdanne et website for en kursusvirksomhed. Her vil jeg gerne lave startsiden således, at når man lander på sitet, så dækker billedfilen X.jpg 100% for 2/3 af siden regnet fra venstre. X.jpg danner på den måde forgrund for de resterende 1/3 af siden, der så udgøres af billedfilen Y.jpg til højre.

Nu skal der i/ovenpå X.jpg ligge en sammenklappelig menu udført i CSS, lad os kalde den MENU. Første gang man klikker i MENU, vil jeg gerne have at X.jpg-filen glider ud til venstre synkront med MENU, således af X.jpg ligger i MENU-bredde og med over/indlejret MENU ude til venstre. Herved blotlægges Y.jpg mere, og vil her vise de sider, man klikker sig frem til i MENU. Siderne til højre i Y.jpg-rummer skal ved MENU-klik fade over i hinanden.

Nu har jeg studeret Eric Meyer et stykke tid, og er ved at få lidt fodfæste i CSS, men har ikke kunnet finde et forslag til en løsning på dette design-ønske: kan den glidende X.jpg med tilhørende MENU laves udelukkende i CSS (og hvordan)- og hvis ikke, hvordan griber jeg så sagen an?

På forhånd tak!

Mvh.
Doktor Z