<?xml version="1.0"?>
<skin version="1.0" name="rtl" author="LongTail Video">

	<settings>
		<setting name="backcolor" value="0x000000" />
		<setting name="frontcolor" value="0xFFFFFF" />
		<setting name="lightcolor" value="0x000000" />
		<setting name="screencolor" value="0x000000" />
	</settings>

	<components>
		<component name="controlbar">
			<settings>
				<setting name="margin" value="10" />
				<setting name="fontsize" value="11" />
				<setting name="fontcolor" value="0xFFFFFF" />
				<setting name="buttoncolor" value="0xFFFFFF" />
			</settings>
		
			<layout>
			   <group position="left">
					<button name="play" />
					<button name='stop' />
			   </group>
			   <group position="center">

			   </group>
			   <group position="right">
			      <button name="mute" />
			      <slider name="volume" />
			   </group>
			</layout>
		
			<elements>
				<element name="background" src="background.png" />
				<!--<element name="capLeft" src="capLeft.png" />
				<element name="capRight" src="capRight.png" />-->
				<element name="blankButton" src="blankButton.png" />
				<element name="blankButtonOver" src="blankButton.png" />
				<element name="playButton" src="playButton.png" />
				<element name="playButtonOver" src="playButtonOver.png" />
				
				<!-- here is the trick : pause is a fake stop button, on JS pause callback > call stop () -->
					<element name="pauseButton" src="stopButton.png" />
					<element name="pauseButtonOver" src="stopButtonOver.png" />
				<!-- here is the trick : pause is a fake stop button, on JS pause callback > call stop () -->
				
				<element name="muteButton" src="muteButton.png" />
				<element name="muteButtonOver" src="muteButtonOver.png" />
				<element name="unmuteButton" src="unmuteButton.png" />
				<element name="unmuteButtonOver" src="unmuteButtonOver.png" />
				<element name="volumeSliderRail" src="volumeSliderRail.png" />
				<element name="volumeSliderBuffer" src="volumeSliderBuffer.png" />
				<element name="volumeSliderProgress" src="volumeSliderProgress.png" />
			</elements>
		</component>
		
		<component name="display">
			<settings>
		      <settings>
		         <setting name="backgroundcolor" value="0x000000" />
		         <setting name="bufferrotation" value="15" />
		         <setting name="bufferinterval" value="100" />
		      </settings>
		   </settings>
			<elements>
				<element name="background" src="background.png" />
				<element name="playIcon" src="playIcon.png" />
				<element name="playIconOver" src="playIconOver.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" />
			</elements>
		</component>
		
		<component name="playlist">
			<elements>
				<element name="background" src="background.png" />
				<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>