<?xml version="1.0"?>
<skin version="1.1" name="beelden" author="LongTail Video">

	<settings>
		<setting name="backcolor" value="0xFFFFFF" />
		<setting name="frontcolor" value="0xFFFFFF" />
		<setting name="lightcolor" value="0x000000" />
		<setting name="screencolor" value="0x000000" />
	</settings>

	<components>
		<component name="controlbar">
			<layout>
				<group position="left">
					<button name="play" />
					<divider />
					<text name="elapsed" />
				</group>
				<group position="center">
					<slider name="time" />
				</group>
				<group position="right">
					<text name="duration" />
					<divider />
					<slider name="volume" />
				</group>
			</layout>

			<settings>
				<setting name="margin" value="10" />
				<setting name="fontsize" value="20" />
			</settings>

			<elements>
				<element name="background" src="background.png" />
				<element name="capLeft" src="capLeft.png" />
				<element name="capRight" src="capRight.png" />
				<element name="shade" src="background.png" />
								

				
				<element name="playButton" src="playButton.png" />
				<element name="playButtonOver" src="playButtonOver.png" />
				
				<element name="pauseButton" src="pauseButton.png" />
				<element name="pauseButtonOver" src="pauseButtonOver.png" />
   				
   				<element name="timeSliderRail" src="timeSliderRail.png" />
				<element name="timeSliderBuffer" src="timeSliderBuffer.png" />
				<element name="timeSliderProgress" src="timeSliderProgress.png" />
				<element name="timeSliderThumb" src="timeSliderThumb.png" />

				<element name="volumeSliderRail" src="volumeSliderRail.png" />
				<element name="volumeSliderBuffer" src="volumeSliderBuffer.png" />
				<element name="volumeSliderProgress" src="volumeSliderProgress.png" />
			</elements>
		</component>
		
		<component name="display">
			<elements>
				<element name="background" src="background.png" />
				<element name="playIcon" src="playIcon.png" />
				<element name="muteIcon" src="muteIcon.png" />
				<element name="errorIcon" src="errorIcon.png" />
				<element name="bufferIcon" src="bufferIcon.png" />
			</elements>
		</component>
		
		<component name="dock">
			<elements>
				<element name="button" src="button.png" />
				<element name="buttonOver" src="button.png" />
			</elements>
		</component>
		
		<component name="playlist">
			<elements>
				<element name="item" src="item.png" />
				<element name="itemOver" src="itemOver.png" />
				<element name="sliderRail" src="sliderRail.png" />
				<element name="sliderThumb" src="sliderThumb.png" />
			</elements>
		</component>
	</components>

</skin>