3 //changes the preview image
\r
4 function switchCloseup(to) {
\r
5 /* Deselect all closeups */
\r
6 $(".closeup div").removeClass('selected');
\r
7 /* Select the wanted one */
\r
8 $(".closeup div." + to).addClass('selected');
\r
11 //hides all previewcontent and reveals the selected info
\r
12 function switchInfo(cls) {
\r
13 /* Deselect all summaries */
\r
14 $(".summary div").removeClass('selected');
\r
15 /* Select the wanted one */
\r
16 $(".summary div." + cls).addClass('selected');
\r
17 /* Save the selected area to reset to on mouseout */
\r
21 //after loading the document do this:
\r
22 $(document).ready( function () {
\r
23 $("area").mouseout (function (){
\r
24 /* Switch back to the selected area */
\r
25 switchCloseup(active);
\r
28 $("area").mousemove (function (){
\r
29 /* Switch to the area we're hovering over */
\r
30 switchCloseup($(this).attr('class'));
\r
33 $("area").click (function (){
\r
34 /* Select a different area */
\r
35 switchInfo($(this).attr('class'));
\r