Need some help with a few minor things

[Epsylon]

Ok. I've almost finnished a skin I've been working on for a while and I have some little questions:
1. How do I make the timer change from 'Time Elapsed' to 'Time remaining' and vice versa on mouse click?. Practically all skins have this feature but I can't seem to make my Text object with the Display parameter set to "Time" change from "0:00" to a "-0:00" style when it is clicked. Couldn't find any examples.
2. What is the Color id of the scrollbar within Colorthemes lists?(<colorthemes:list ... />).

[kgraphik]

code:
<text id="display-songtime" x="0" y="0" w="100" h="14" font="your.font.here" timeroffstyle="1" timecolonwidth="10" align="left" display="time"/>

Unless I'm mistaken, adding a text object with the display attribute set to 'time' should give you a timer that when clicked, switches from time elapsed to time remaining and vice versa.

And for your color themes list question: The list uses images to create the scrollbars. Here's the xml for it:

code:
	<bitmap id="wasabi.scrollbar.vertical.button" file="path\to\your\image\files.png" x="0" y="15" w="14" h="28"/>

	<bitmap id="wasabi.scrollbar.vertical.button.hover" file="path\to\your\image\files.png" x="0" y="15" w="14" h="28"/>

	<bitmap id="wasabi.scrollbar.vertical.button.pressed" file="path\to\your\image\files.png" x="15" y="15" w="14" h="28"/>



	<bitmap id="wasabi.scrollbar.vertical.left" file="path\to\your\image\files.png" x="0" y="0" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.vertical.left.hover" file="path\to\your\image\files.png" x="0" y="0" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.vertical.left.pressed" file="path\to\your\image\files.png" x="15" y="0" w="14" h="14"/>



	<bitmap id="wasabi.scrollbar.vertical.right" file="path\to\your\image\files.png" x="0" y="44" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.vertical.right.hover" file="path\to\your\image\files.png" x="0" y="44" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.vertical.right.pressed" file="path\to\your\image\files.png" x="15" y="44" w="14" h="14"/>



	<bitmap id="wasabi.scrollbar.horizontal.button" file="path\to\your\image\files.png" x="15" y="59" w="28" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.button.hover" file="path\to\your\image\files.png" x="15" y="59" w="28" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.button.pressed" file="path\to\your\image\files.png" x="15" y="74" w="28" h="14"/>



	<bitmap id="wasabi.scrollbar.horizontal.left" file="path\to\your\image\files.png" x="0" y="59" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.left.hover" file="path\to\your\image\files.png" x="0" y="59" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.left.pressed" file="path\to\your\image\files.png" x="0" y="74" w="14" h="14"/>



	<bitmap id="wasabi.scrollbar.horizontal.right" file="path\to\your\image\files.png" x="44" y="59" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.right.hover" file="path\to\your\image\files.png" x="44" y="59" w="14" h="14"/>

	<bitmap id="wasabi.scrollbar.horizontal.right.pressed" file="path\to\your\image\files.png" x="44" y="74" w="14" h="14"/>

Hope that helps. If not, then one of the skinning gurus might be able to help you out a little better.

Oh and by the way, making your text red isn't necessary.

[Epsylon]

Thanks for the images.
The text I entered was:
<text id="timer" display="time" x="40" y="145" h="10" w="30" ghost="0" font="display.font" align="CENTER" timecolonwidth="5" nograb="1"/>
and there's also a script following that changes its alpha from 0 to 255 and vice versa, and it doesn't react to mouse clicks. What do you think is the problem? Maybe it's because of the font "display.font is all pixels and complete transparency?