apply ajax + JS animations (and slice template)

Part 1) Website consisting of one basic interface (and 3 different content positionings) needs to be transformed to HTML. --- Slicing needs to be done in valid HTML/CSS. (not necessarily CSS3) Part2) The following javascript (probably done with jQuery, but the choice of JS framework is left open) animations will have to be added in order to make the website look more like a brochure/leaflet. (See pdf for page references) Page1 - Full screen backgrounds + detect how fast the images are downloaded -> based on this decide if other backgrounds will downloaded. - Most links will be ajax based. Content will be provided in requested format (JSON, XML, ..) -- url will have to change when link is clicked -- When users/or google accesses that url directly, content will be provided in div's and ul's - green bar on bottom of page will slide down when people go to the next page - Some hover effects for buttons Page2, 3, 4 - When new background is loaded, it slides over the previous one - mouse over horizontal menu needs to be replicated - page 4: when people go over a specific item, a box must fall down with some extra info about that link Page 5, 6, 7 - standard interface in which users will find themselves - For title, special fonts will be used - The 4 buttons on the right (Formule, Troeven, Periode, Praktisch) will let the provided text pop out when the button is clicked. - Page 6, 7: "Troeven" is special as it will first show a number of links. If one of them is clicked, the next and last more detailed level pops out. - When "Films" is clicked, all the currently opened boxes (Formule, Troeven, ..) will pop back in. and in the middle a youtube box must be shown. When youtube goes away, the previous opened boxes return Page 8: - very basic vertical dropdown menu. With autosuggest function in the textfield - Information box on the right Page 9 - Identical same structure as 5, 6, 7. Just with other box names