#loader:spinneron {
    action-client: setStyle;
    setStyle-name: display;
    setStyle-value: block;
}

#loader:spinneroff {
    action-client: setStyle;
    setStyle-name: display;
    setStyle-value: none;
}

body:load {
	action-client: setStyle;
	setStyle-kssSelector: css(#loader);  
	setStyle-name: display;
	setStyle-value: none;
}

a[href^=#]:click {
    evt-click-preventdefault: true;
    
    action-client: mootools alias(scroll);
    scroll-kssSelector: #body;
    scroll-effect: fxScroll;
    scroll-scrollTo: nodeAttr(href);
    scroll-wheelStops: true;
    scroll-keepHistory: true;
    scroll-offset: "-10 -20";
    scroll-duration: 1000;
    
    action-client: mootools alias(highlight);
    highlight-kssSelector: nodeAttr(href);
    highlight-effect: fxStyles;
    highlight-backgroundColor: "* #def #fff";
    highlight-duration: "1500 0 1000";
}

a.zoom:click {
    evt-click-preventdefault: true;
    evt-click-allowbubbling: true;
    action-server: imageviewer;
    imageviewer-kssUrl: common/scripts/ajax/imageviewer;
    imageviewer-action: show;
    imageviewer-dim: true;
    imageviewer-url: nodeAttr(href);
}
a.superzoom:click {
    evt-click-preventdefault: true;
    evt-click-allowbubbling: true;
    action-server: imageviewer;
    imageviewer-kssUrl: common/scripts/ajax/imageviewer;
    imageviewer-action: show;
    imageviewer-dim: true;
    imageviewer-url: nodeAttr(href);
}

.close_cover:click {
    evt-click-preventdefault: true;
    evt-click-allowbubbling: true;
    action-server: imageviewer;
    imageviewer-kssUrl: common/scripts/ajax/imageviewer;
    imageviewer-action: hide;
}

#starimage:mouseover {
    action-client: mootools;
    mootools-effect: fxStyles;
    mootools-right: -50px;
    mootools-top: -50px;
    mootools-width: 200px;
    mootools-height: 200px;
    mootools-duration: 1000;
    mootools-wait: false;
}

#starimage:mouseout {
    action-client: mootools;
    mootools-effect: fxStyles;
    mootools-right: 1px;
    mootools-top: 1px;
    mootools-width: 100px;
    mootools-height: 100px;
    mootools-wait: false;
}

a.popup:click {
    evt-click-preventdefault: true;
    action-client: openWindow;
    openWindow-href: nodeAttr(href);
    openWindow-width: 60%;
    openWindow-height: 60%;
    openWindow-top: 15%;
    openWindow-location: no;
    openWindow-menubar: no;
    openWindow-resizeable: yes;
    openWindow-scrollbars: yes;
    openWindow-status: no;
    openWindow-toolbar: no;
}