<?xml version="1.0" encoding="utf-8" ?>
<layout>
	<url>http://lads.myspacecdn.com/videos/musicPlayerAssets.swf</url>
	<data>
		<!-- START ROOT --> 
		<box style="width: 100%; max-width: 450px; height: 100%; horizontal-align: center">
			<box style="width: 100%; height: 100%">
				<!-- START BACKGROUND -->
				<box style="width: 100%; height: 100%; background-color: #{PRIMARY_COLOR}" />
				<img src="backgrounds_logowhite" style="color: #{TERTIARY_COLOR}; width: 72px; height: 20px; margin: 4px 0px 0px 4px" />
				<img src="backgrounds_middle" style="width: 100%; height: 53px;  margin: 49px 0px 0px 94px;" />			
				
				<box style="width: 100%; height: 53px; margin-top: 49px; margin-left: 94px; horizontal-align: right; overflow-y: hidden">
				    <blur style="width: 100%; height: 72px; top: -15px;" horizontal="10" vertical="10">
				        <visualizer style="width: 100%; height: 100%" columns="256">
				            <box style="background-color: #{SECONDARY_COLOR}; width: 100%; height: 100%" />
				        </visualizer>
				    </blur> 
				</box> 
				<!-- END BACKGROUND -->
			</box>
			
			<!-- START BODY -->
			<box style="width: 100%; height: 100%">	
				<vbox style="width: 100%; height: 100%;">
					<!-- ROW 1 -->
					<box style="width: 100%;">
						<hbox style="min-height: 15px; horizontal-align: right; margin-top: 8px;">
							<!-- POPOUT BUTTON -->	
							<popout tooltip="#{TOOLTIP_POMP_BUTTON}"  style="margin: 0px 7px 0px 0px">																	
								<mouseup>
									<truncation style="width: 75px; font-family: Arial; font-size: 10px; color: #{TERTIARY_COLOR}; margin: -2px 0px 0px 0px">
										#{POP_OUT_PLAYER}
									</truncation>
									<img src="buttons_popoutwhite" style="margin: 1px 0px 0px 80px; color: #{TERTIARY_COLOR}; width: 9px; height: 9px"/>
								</mouseup>
								<mouseover>
									<truncation style="width: 75px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: -2px 0px 0px 0px">
										#{POP_OUT_PLAYER}
									</truncation>
									<img src="buttons_popout_over" style="margin: 1px 0px 0px 80px" />
								</mouseover>
								<mousedown>
									<truncation style="width: 75px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: -2px 0px 0px 0px">
										#{POP_OUT_PLAYER}
									</truncation>
									<img src="buttons_popout_over" style="margin: 1px 0px 0px 80px" />
								</mousedown>										
							</popout>
							<!-- END POPOUT BUTTON -->
						</hbox>
					</box>
					
					<!-- ROW 2 -->
					<hbox style="width: 100%;">
						<!-- START ALBUM -->
						<box style="border: 1px #ffffff; margin: 7px 5px 0px 4px;">
							<art style="background-color: #ffffff; width: 88px; height: 88px;" />
						</box>
						<!--  END ALBUM -->
						
						<!-- CONTROLS, METADATA, AUDIO SCRUBBER -->
						<vbox style="width: 100%; ">
							<!-- PLAYER CONTROLS -->
							<hbox style="width: 100%">
								<previous tooltip="#{TOOLTIP_NEXT_BUTTON}" style="margin: 13px 0px 0px 0px; width: 27px; height: 27px">
									<mouseup style="width: 100%">
										<img src="buttons_previouscolor" />
										<img src="buttons_previousicon" style="color: #{QUATERNARY_COLOR}; width: 8px; height: 7px; top: 10px; left: 9px" />
									</mouseup>
									<mouseover style="width: 100%">
										<img src="buttons_previouscolor_over" />
										<img src="buttons_previousicon" style="color: #00ADEE; width: 8px; height: 7px; top: 10px; left: 9px" />
									</mouseover>
									<mousedown style="width: 100%">
										<img src="buttons_previouscolor_down" />
										<img src="buttons_previousicon" style="color: #00ADEE; width: 8px; height: 7px; top: 10px; left: 9px" />
									</mousedown>
									<disabled style="width: 100%">
										<img src="buttons_previouscolor_disabled" />
										<img src="buttons_previousicon" style="color: #B8C4C7; opacity: 70%; width: 8px; height: 7px; top: 10px; left: 9px" />
									</disabled>
								</previous>	
								
								<!-- PLAY -->
								<play tooltip="#{TOOLTIP_PLAY_BUTTON} / #{TOOLTIP_PAUSE_BUTTON}" style="margin: 3px 0px 0px 1px; width: 50px; height: 48px">
									<on style="width: 100%; height: 100%">
										<mouseup style="width: 100%; height: 100%">
											<img src="buttons_pausecolor" style="width: 48px; height: 48px" />
											<img src="buttons_pauseicon" style="color: #{QUATERNARY_COLOR}; width: 14px; height: 16px; horizontal-align: center; vertical-align: middle; left: -1px" />
										</mouseup>
										<mouseover style="width: 100%; height: 100%">
											<img src="buttons_pausecolor_over" style="width: 48px; height: 48px" />
											<img src="buttons_pauseicon" style="color: #00ADEE; width: 14px; height: 16px; horizontal-align: center; vertical-align: middle; left: -1px" />
										</mouseover>
										<mousedown style="width: 100%; height: 100%">
											<img src="buttons_pausecolor_down" style="width: 48px; height: 48px" />
											<img src="buttons_pauseicon" style="color: #00ADEE; width: 14px; height: 16px; horizontal-align: center; vertical-align: middle; left: -1px" />
										</mousedown>											
									</on>
									<off style="width: 100%; height: 100%">
										<mouseup style="width: 100%; height: 100%">
											<img src="buttons_playcolor" style="width: 48px; height: 48px"  />
											<img src="button_playicon" style="color: #{QUATERNARY_COLOR}; width: 11px; height: 14px; horizontal-align: center; vertical-align: middle" />
										</mouseup>
										<mouseover style="width: 100%; height: 100%">
											<img src="buttons_playcolor_over" style="width: 48px; height: 48px"/>
											<img src="button_playicon" style="color: #00ADEE; width: 11px; height: 14px; horizontal-align: center; vertical-align: middle" />
										</mouseover>
										<mousedown style="width: 100%; height: 100%">
											<img src="buttons_playcolor_down"  style="width: 48px; height: 48px" />
											<img src="button_playicon" style="color: #00ADEE; width: 11px; height: 14px; horizontal-align: center; vertical-align: middle" />
										</mousedown>
									</off>
								</play>
								<!-- END PLAY -->	
								
								<next tooltip="#{TOOLTIP_NEXT_BUTTON}" style="margin: 13px 0px 0px 0px; width: 27px; height: 27px">
									<mouseup style="width: 100%">
										<img src="buttons_nextcolor" />
										<img src="buttons_nexticon" style="color: #{QUATERNARY_COLOR}; width: 8px; height: 7px; top: 10px; left: 10px" />
									</mouseup>
									<mouseover style="width: 100%">
										<img src="buttons_nextcolor_over" />
										<img src="buttons_nexticon" style="color: #00ADEE; width: 8px; height: 7px; top: 10px; left: 10px" />
									</mouseover>
									<mousedown style="width: 100%">
										<img src="buttons_nextcolor_down" />
										<img src="buttons_nexticon" style="color: #00ADEE; width: 8px; height: 7px; top: 10px; left: 10px" />
									</mousedown>
									<disabled style="width: 100%">
										<img src="buttons_nextcolor_disabled" />
										<img src="buttons_nexticon" style="color: #B8C4C7; opacity: 70%; width: 8px; height: 7px; top: 10px; left: 10px" />
									</disabled>
								</next>	
								
								<!-- LYRICS, SHUFFLE, REPEAT, VOLUME -->
								<box style="width: 100%">
									<hbox style="horizontal-align:right; padding-right:3px">
										<truncation style="width: 58px; padding-top:8px; color: #909090; font-family: Arial; font-size: 10px;">
											#{STATISTICS_TOTAL_PLAYS}
										</truncation>
										<html style="padding-top:8px; color: #00ADEE; font-family: Arial; font-weight:bold; font-size: 10px; ">
											#{TOTAL_PLAYS}
										</html>
									</hbox>
									<hbox style=" margin-top: 27px; horizontal-align: right">
										<!-- LYRICS -->
										<lyrics tooltip="#{TOOLTIP_LYRICS_BUTTON}" style="margin: 2px 2px 0px 0px" >										
											<mouseup>															
												<truncation style="width: 30px; font-family: Arial; color: #00ADEE; font-size: 9px;">
													#{HEADER_LYRICS}
												</truncation>
											</mouseup>
											<mouseover>															
												<truncation style="width: 30px; font-family: Arial; color: #00ADEE; font-size: 9px;">
													#{HEADER_LYRICS}
												</truncation>
											</mouseover>
											<mousedown>															
												<truncation style="width: 30px; font-family: Arial; color: #00ADEE; font-size: 9px;">
													#{HEADER_LYRICS}
												</truncation>
											</mousedown>
											<disabled/>
										</lyrics>
									
										<!-- SHUFFLE -->
										<shuffle tooltip="#{TOOLTIP_SHUFFLE}"  style="horizontal-align:right; margin-top: 5px; margin-right: 4px">
											<on>
												<img src="buttons_shuffle_on" style="margin: -2px 0px 0px -2px" />
											</on>
											<off>
												<mouseup>
													<img src="buttons_shuffle" />																			
												</mouseup>
												<mouseover>
													<img src="buttons_shuffle_over" />
												</mouseover>
												<mousedown>
													<img src="buttons_shuffle_on"  style="margin: -2px 0px 0px -2px" />
												</mousedown>
											</off>								
										</shuffle>
										
										<!-- REPEAT -->
										<repeat tooltip="#{TOOLTIP_REPEAT}"  style="horizontal-align:right; margin-top: 6px; margin-right: 4px">
											<on>
												<img src="buttons_loop_on" style="margin: -3px 0px 0px -2px" />
											</on>
											<off>
												<mouseup>
													<img src="buttons_loop" />																			
												</mouseup>
												<mouseover>
													<img src="buttons_loop_over" />													
												</mouseover>
												<mousedown>
													<img src="buttons_loop_on"  style="margin: -3px 0px 0px -2px" />
												</mousedown>
											</off>								
										</repeat>
										
										<!-- VOLUME -->
										<box style="width: 100%;">
											<hbox style="horizontal-align: right; margin: 6px 4px 0px 0px;">
												<volume duration=".2">
													<box style="overflow-y: hidden; height: 50px;">
														<vbox style="height: 60px">
															<img src="buttons_volumepopslidertop" />
															<img src="buttons_volumepopslidermiddlevert" style="height: 100%; width: 100%" />
														</vbox>
														<volumescrubber direction="vertical" style="width: 100%; height: 100%; margin: 5px 3px 5px 0px; ">
															<img src="buttons_vertvolumesliderbluebar" style="margin-left: 8px; height: 100%" />
															<handle style="top: -1px; margin-left: 7px; ">
																<mouseup>
																	<img src="buttons_progressslider"/>
																</mouseup>
																<mouseover>
																	<img src="buttons_horizontalslider_over" style="width: 6px; height 2px; margin-left: -1px"/>
																</mouseover>
																<mousedown>
																	<img src="buttons_horizontalslider_over" style="width: 6px; height 2px; margin-left: -1px"/>
																</mousedown>
															</handle>
															<a style="width: 100%; height: 100%" />
															
														</volumescrubber>
													</box>
												
													<mute>												
														<on style="top: -3px">
															<img src="buttons_volume"/>
															<img src="buttons_volumeiconmute" style="margin: 3px 0px 0px 4px;"/>
														</on>
														<off style="top: -3px">
															<img src="buttons_volume"/>
															<img src="buttons_volumeiconloud"   style="margin: 3px 0px 0px 4px;"/>
														</off>
													</mute>
												</volume>	
											</hbox>
										</box>	
									</hbox>	
								</box>		
							</hbox>
							
							<!-- METADATA -->
							<vbox style="min-height: 31px; width: 100%; margin-top: -1px;">
								<!-- START METADATA -->																			
								<hbox style="width: 100%;">
									<truncation tooltip="#{CURRENT_TRACK_TITLE}" style="width: 100%; margin-right: 10px;font-weight:bold; color: #ffffff; font-family: Arial; font-size: 11px;">
										#{CURRENT_TRACK_TITLE}
									</truncation>
									<html style="font-weight:bold; color: #ffffff; font-family: Arial; font-size: 11px;">
										#{CURRENT_EXPLICIT_SAMPLE_LEFT_PAREN}
										<t maxlength="8">#{CURRENT_EXPLICIT}</t>
										#{CURRENT_EXPLICIT_SAMPLE_SPACER_R}
									</html>
									<html style="margin-right: 5px; font-weight:bold; color: #ffffff; font-family: Arial; font-size: 11px;">											
										#{CURRENT_EXPLICIT_SAMPLE_SPACER_L}
										<t maxlength="6">#{CURRENT_SAMPLE_TEXT}</t>
										#{CURRENT_EXPLICIT_SAMPLE_RIGHT_PAREN}
									</html>
								</hbox>
							<!-- VISIT PROFILE -->
							<visitprofilehtml maxlength="35" fontfamily="Arial" fontcolor="#ffffff" fontcoloronrollover="#ffffff" fontsize="10px" fontweight="normal" link="false" style="margin-top: -4px; width: 100%; height: 15px;" />
							</vbox>
							<!-- END METADATA -->						
							
							<!-- SCRUBBER -->
							<hbox style="width: 80%; horizontal-align: left; margin: 8px 0px 0px 0px;">
								<html style="margin: -8px 0px 0px 0px; color: #{TERTIARY_COLOR}; font-family: Arial; font-size: 10px;">
									#{PLAYHEAD_TIME}
								</html>
		
								<mediascrubber direction="horizontal" style="width: 100%;">
									<handle style="top: -3px">
										<mouseup>
											<img src="controls_handle" />
										</mouseup>
										<mouseover>
											<img src="controls_handle" />
										</mouseover>
										<mousedown>
											<img src="controls_handle" />
										</mousedown>
									</handle>
		
									<hbox style="width: 100%;">
										<img src="controls_scrubber_bg_stretch" style="width: 100%;" />
										<img src="controls_scrubber_bg_right"/>
									</hbox>
									<maximum style="width: 100%;">
										<img src="controls_scrubber_load_stretch" style="width: 100%;" />
									</maximum>
									<current style="width: 100%;">
										<hbox style="width: 100%;">
											<img src="controls_scrubber_play_left" />
											<img src="controls_scrubber_play_stretch" style="width: 100%;" />
										</hbox>
									</current>
								</mediascrubber>
		
								<html style="margin-top: -8px; color: #{TERTIARY_COLOR}; font-family: Arial; font-size: 10px; vertical-align: middle">
									#{CURRENT_DURATION}
								</html>	
							</hbox>
						</vbox>
					</hbox>
					
					<!-- ROW 3 -->
					<hbox style="width: 100%; margin: 5px 0px 0px 17px;">
						<!-- BUY ALBUM BUTTON -->									
						<buyalbum tooltip="#{TOOLTIP_BUY_ALBUM} #{CURRENT_ALBUM_PRICE}">
							<mouseup>
								<img src="#{CURRENT_BUY_ALBUM_ICON}" style="margin: -3px 0px 0px -4px"/>
								<truncation style="width: 53px; font-family: Arial; font-size: 10px; color: #{TERTIARY_COLOR}; margin: -3px 0px 0px 13px">
									#{PLAYBACK_BUY_ALBUM}
								</truncation>
							</mouseup>
							<mouseover>
								<img src="#{CURRENT_BUY_ALBUM_ICON}_over" style="margin: -3px 0px 0px -4px"/>
								<truncation style="width: 53px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: -3px 0px 0px 13px">
									#{PLAYBACK_BUY_ALBUM}
								</truncation>
							</mouseover>
							<mousedown>
								<img src="#{CURRENT_BUY_ALBUM_ICON}_over" style="margin: -3px 0px 0px -4px"/>
								<truncation style="width: 53px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: -3px 0px 0px 13px">
									#{PLAYBACK_BUY_ALBUM}
								</truncation>
							</mousedown>
							<disabled/>									
						</buyalbum>																			
						<!--  END BUY BUTTON -->
						
						<!-- RINGTONE BUTTON -->
						<ringtone tooltip="#{TOOLTIP_FIND_RINGTONES_BUTTON}"  style="margin: -3px 0px 0px 19px">
							<mouseup>
								<img src="buttons_ringtones" style="margin-left: -7px;"/>
								<truncation style="width: 67px; font-family: Arial; font-size: 10px; color: #{TERTIARY_COLOR}; margin: 0px 0px 0px 10px">
									#{PLAYBACK_RINGTONES}
								</truncation>
							</mouseup>
							<mouseover>
								<img src="buttons_ringtones_over" style="margin-left: -7px;"/>
								<truncation style="width: 67px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: 0px 0px 0px 10px">
									#{PLAYBACK_RINGTONES}
								</truncation>
							</mouseover>
							<mousedown>
								<img src="buttons_ringtones_over" style="margin-left: -7px;"/>
								<truncation style="width: 67px; font-family: Arial; font-size: 10px; color: #00ADEE; margin: 0px 0px 0px 10px">
									#{PLAYBACK_RINGTONES}
								</truncation>
							</mousedown>			
							
						</ringtone>
						<!--  END RINGTONE BUTTON -->
						
						<!-- ADD, BUY -->
						<box style="width: 100%">
							<hbox style=" horizontal-align: right;">							
								<truncation style="width: 22px; font-family: Arial; font-size: 10px; color: #{TERTIARY_COLOR};">
									Add
								</truncation>
								<truncation style="width: 25px; font-family: Arial; font-size: 10px; color: #{TERTIARY_COLOR}; margin: 0px 7px 0px 0px">
									Buy
								</truncation>
							</hbox>
						</box>
					</hbox>
					
					<!-- SPACER -->
					<img src="backgrounds_greyline" style="width: 100%;" />  
					
					<!-- ROW 4: PLAYLIST -->
					<box style="width:100%; height: 100%; background-color: #242528">
						<trackscrollwindow style="width: 100%; height: 100%;" direction="vertical">
							<scrollcontent style="width: 100%; height: 100%;" orientation="vertical">
								<!-- ONE TRACK START -->

								<tracktemplate style="width: 100%; min-height: 26px;">
									<even style="width:100%;height:26px;background-color: #333333" />	
									<odd style="width:100%; height:26px;background-color: #404040 " />
									<enabled style="width:100%">							
											<playtrack tooltip="#{TRACK_TITLE} - #{TRACK_ARTIST_NAME}" style="width: 100%">
												<on style="width:100%; height: 26px; background-color: #DBE6F0">
													<box style="width: 100%; height: 26px; overflow: hidden">													
														<img src="arrow_nowplaying"	style="width: 5px; height: 6px; top: 9px; left: -5px" />											
														<hbox style="height:100%; width:100%; margin: 4px 60px 0px 8px">
															<hbox style="height: 100%; width: 100%; margin-right: 12px">
																<html style="font-family: Arial; color: black; font-size: 11px; font-weight:bold">
																	<t maxlength="30">
																		#{TRACK_TITLE}
																	</t>
																</html>
																<html style="font-weight:bold; color: #000000; font-family: Arial; font-size: 11px;">
																	#{EXPLICIT_SAMPLE_LEFT_PAREN}
																	<t maxlength="8">#{EXPLICIT}</t>
																	#{EXPLICIT_SAMPLE_SPACER_R}
																</html>
																<html style="font-weight:bold; color: #000000; font-family: Arial; font-size: 11px;">											
																	#{EXPLICIT_SAMPLE_SPACER_L}
																	<t maxlength="6">#{SAMPLE_TEXT}</t>
																	#{EXPLICIT_SAMPLE_RIGHT_PAREN}
																</html>
																<truncation link="true" style="width:100%; font-family: Arial; color: black; font-size: 10px; top: 1px">
																	#{BY_MUSIC} #{TRACK_ARTIST_NAME}
																</truncation>
															</hbox>	
															<html style="font-family: Arial; font-size: 10px;color: #909090; horizontal-align:right">
																#{TRACK_PLAY_COUNT}
															</html>		
															<truncation style="width: 26px; font-family: Arial; font-size: 10px;color: #909090; horizontal-align:right">
																#{PLAYS}
															</truncation>												
														</hbox>
													</box>															
												</on>
												<off style="width:100%;height:100%;">
													<mouseover style="width:100%; height:100%; background-color: #808080" />
													<a style="height:100%; width:100%; padding: 4px 60px 0px 8px;" orientation="horizontal">
														<html style="font-family: Arial; color: #ffffff; font-size: 11px; font-weight:bold">
															<t maxlength="30">
																#{TRACK_TITLE}
															</t>
														</html>
														<html style="font-weight:bold; color: #ffffff; font-family: Arial; font-size: 11px;">
															#{EXPLICIT_SAMPLE_LEFT_PAREN}
															<t maxlength="8">#{EXPLICIT}</t>
															#{EXPLICIT_SAMPLE_SPACER_R}
														</html>
														<html style="font-weight:bold; color: #ffffff; font-family: Arial; font-size: 11px;">											
															#{EXPLICIT_SAMPLE_SPACER_L}
															<t maxlength="6">#{SAMPLE_TEXT}</t>
															#{EXPLICIT_SAMPLE_RIGHT_PAREN}
														</html>
														<truncation link="true" style="width:100%; font-family: Arial; color: #E6E7E8; font-size: 10px; top: 1px">
															#{BY_MUSIC} #{TRACK_ARTIST_NAME}
														</truncation>
														<html style="font-family: Arial; font-size: 10px;color: #BBBBBB; horizontal-align:right">
															#{TRACK_PLAY_COUNT}
														</html>		
														<truncation style="width: 26px; font-family: Arial; font-size: 10px;color: #BBBBBB; horizontal-align:right">
															#{PLAYS}
														</truncation>
													</a>
												</off>

												<!-- ADD -->
												<add tooltip="#{TOOLTIP_ADD_BUTTON}"  style="top: 5px; horizontal-align: right; margin-right: 34px;">
													<mouseup>
														<img src="buttons_add" style="vertical-align: middle; horizontal-align:center;" />
													</mouseup>
													<mouseover>
														<img src="buttons_add_over" style="vertical-align: middle; horizontal-align:center;" />
													</mouseover>
													<mousedown>
														<img src="buttons_add" style="vertical-align: middle; horizontal-align:center;" />
													</mousedown>
													<disabled style="horizontal-align:center; margin: 7px 0px 0px 0px; color: rgba(100, 100, 100, .2)">
														<box style="width: 2px; height: 2px; background-color: #bbbbbb;" />
													</disabled>
												</add>
											</playtrack>
									</enabled>

									<disabled style="width:100%">
										<hbox style="height:100%; width:100%; padding: 4px 60px 0px 8px;">
											<html style="font-family: Arial; color: #808080; font-size: 11px; font-weight:bold">
												<t maxlength="30">
													#{TRACK_TITLE}
												</t>
											</html>
											<html style="font-weight:bold; color: #808080; font-family: Arial; font-size: 11px;">
												#{EXPLICIT_SAMPLE_LEFT_PAREN}
												<t maxlength="8">#{EXPLICIT}</t>
												#{EXPLICIT_SAMPLE_SPACER_R}
											</html>
											<html style="font-weight:bold; color: #808080; font-family: Arial; font-size: 11px;">											
												#{EXPLICIT_SAMPLE_SPACER_L}
												<t maxlength="6">#{SAMPLE_TEXT}</t>
												#{EXPLICIT_SAMPLE_RIGHT_PAREN}
											</html>
											<truncation style="width:100%; font-family: Arial; color: #808080; font-size: 10px; top: 1px">
												#{BY_MUSIC} #{TRACK_ARTIST_NAME}
											</truncation>
											<html style="font-family: Arial; font-size: 10px;color: #909090; horizontal-align:right">
												#{TRACK_PLAY_COUNT}
											</html>		
											<truncation style="width: 26px; font-family: Arial; font-size: 10px;color: #909090; horizontal-align:right">
												#{PLAYS}
											</truncation>
										</hbox>
									</disabled>

									<!-- Download/Buy -->
									<box style="height:100%; horizontal-align:right; padding: 2px; margin-right: 8px;">
										<buysong tooltip="#{TOOLTIP_BUY_BUTTON} #{TRACK_PRICE}"  style="margin: 3px 2px 0px 0px; width: 100%; height: 100%;">
											<mouseup>
												<img src="#{BUY_SONG_ICON}"/>												
											</mouseup>
											<mouseover>
												<img src="#{BUY_SONG_ICON}_over"/>												
											</mouseover>
											<mousedown>
												<img src="#{BUY_SONG_ICON}_over"/>
											</mousedown>
											<disabled/>													
										</buysong>
										<download style="width: 100%; height: 100%;">
											<html style="vertical-align: middle; top: -1px; font-weight: bold; color: #4684c1; font-family: Arial; margin-right:1px; font-size:9px">
												<a href="#">#{FREE}</a>
												<stylesheet>
													a:hover { text-decoration: underline; }
													a:active {text-decoration: underline; }
												</stylesheet>
											</html>
										</download>
										<unavailable style="vertical-align: middle;">
											<enabled>
												<box style="margin: 0px 0px 0px 8px; width: 2px; height: 2px; background-color: #bbbbbb;" />
											</enabled>
										</unavailable>
									</box>
								</tracktemplate>
							</scrollcontent>

							<!-- SCROLLING CONTROLS -->
							<vbox style="horizontal-align: right; height: 100%;">
								<scrollbutton direction="up">
									<box style="background-color: #999999 ;height: 100%; width: 10px;" />
									<mouseup>
										<img src="buttons_scrollup" style="width: 10px; height: 10px" />
									</mouseup>
									<mousedown>
										<img src="buttons_scrollup"  style="width: 10px; height: 10px"/>
									</mousedown>
									<mouseover>
										<img src="buttons_scrollup_over"  style="width: 10px; height: 10px"/>
									</mouseover>
								</scrollbutton>
								
								<scrollbar style="height: 100%" direction="vertical" proportional="true" >
									<box style="background-color:#999999 ;height: 100%; width: 10px;" />
									<handle style="min-height: 10px">
										<mouseup style="height: 100%">
											<img src="buttons_scroller" style="width: 10px; height: 100%;"/>
										</mouseup>
										<mousedown style="height: 100%">
											<img src="buttons_scroller" style="width: 10px; height: 100%;"/>
										</mousedown>
										<mouseover style="height: 100%">
											<img src="buttons_scroller_over" style="width: 10px; height: 100%;"/>
										</mouseover>
										<img src="buttons_scrolllines" style="width: 6px; vertical-align:center; margin-left: 2px;"/>
									</handle>
								</scrollbar>

								<scrollbutton direction="down">
									<box style="background-color: #999999 ;height: 100%; width: 10px;" />
									<mouseup>
										<img src="buttons_scrolldown" style="width: 10px; height: 10px" />
									</mouseup>
									<mousedown>
										<img src="buttons_scrolldown" style="width: 10px; height: 10px" />
									</mousedown>
									<mouseover>
										<img src="buttons_scrolldown_over" style="width: 10px; height: 10px" />
									</mouseover>

								</scrollbutton>
							</vbox>

							<!-- END SCROLLING CONTROLS -->
						</trackscrollwindow>
					</box>
					<!-- END ROW 4: -->
					<img src="backgrounds_whiteline" style="width: 100%;" />
					<!-- SLIDER CONTROLS -->
					<box style="width: 100%; padding: 2px 0px">
					<box style="width: 100%; height: 100%; background-color: #{PRIMARY_COLOR}" />
					<hbox style="width: 100%">
						<box style="width: 33%">
							<showalbumplaylists style="width: 100%; height: 18px; padding-left: 2px; padding-right: 2px">
								<mouseup style="width: 100%; height: 100%">
									<img src="buttons_playlist" style="width: 100%; height: 100%; horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 44px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{VIEW_ALBUMS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{ALBUMS_COUNT})
										</html>
									</hbox>
								</mouseup>
								<mouseover style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%;  horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 44px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{VIEW_ALBUMS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{ALBUMS_COUNT})
										</html>
									</hbox>
								</mouseover>
								<mousedown style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%;  horizontal-align:right;" />	
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 44px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{VIEW_ALBUMS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{ALBUMS_COUNT})
										</html>
									</hbox>
								</mousedown>
								<disabled style="width: 100%; height: 100%">
									<img src="buttons_playlist_disabled" style="width: 100%; height: 100%; horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 44px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ababab; font-size: 11px; font-weight: bold">
											#{VIEW_ALBUMS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ababab; font-size: 11px; font-weight: bold">
											(#{ALBUMS_COUNT})
										</html>
									</hbox>
								</disabled>
							</showalbumplaylists>							
						</box>	
						<box id="SHOW_COLOR_WHEEL_CONTAINER" style="overflow-x: hidden">
							<box style="width: 40px">
								<showcolorwheel style="width: 100%; height: 18px; padding-left: 2px; padding-right: 2px">
									<mouseup style="width: 100%; height: 100%">
										<img src="buttons_playlist" style="width: 100%; height: 100%" />
										<img src="buttons_colorwheel" style="horizontal-align:center; vertical-align:center;"/>									
									</mouseup>
									<mouseover style="width: 100%; height: 100%">
										<img src="buttons_playlist_over" style="width: 100%; height: 100%" />
										<img src="buttons_colorwheel" style="horizontal-align:center; vertical-align:center;"/>
									</mouseover>
									<mousedown style="width: 100%; height: 100%">
										<img src="buttons_playlist_over" style="width: 100%; height: 100%" />	
										<img src="buttons_colorwheel" style="horizontal-align:center; vertical-align:center;"/>
									</mousedown>
									<disabled style="width: 100%; height: 100%">
										<img src="buttons_playlist_disabled" style="width: 100%; height: 100%" />	
										<img src="buttons_colorwheel" style="horizontal-align:center; vertical-align:center;"/>
									</disabled>
								</showcolorwheel>
							</box>
						</box>					
						<box style="width: 34%">
							<showstatistics style="width: 100%; height: 18px; padding-left: 2px; padding-right: 2px">
								<mouseup style="width: 100%; height: 100%">
									<img src="buttons_playlist" style="width: 100%; height: 100%; horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 53px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{HEADER_SHOW_STATS}
										</truncation>
									</hbox>
								</mouseup>
								<mouseover style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%;  horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 53px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{HEADER_SHOW_STATS}
										</truncation>
									</hbox>
								</mouseover>
								<mousedown style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%;  horizontal-align:right;" />	
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 53px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{HEADER_SHOW_STATS}
										</truncation>
									</hbox>
								</mousedown>
								<disabled style="width: 100%; height: 100%">
									<img src="buttons_playlist_disabled" style="width: 100%; height: 100%; horizontal-align:right;" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 53px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ababab; font-size: 11px; font-weight: bold">
											#{HEADER_SHOW_STATS}
										</truncation>
									</hbox>
								</disabled>
							</showstatistics>
						</box>		
						<box style="width: 33%">
							<showuserplaylists style="width: 100%; height: 18px; padding-left: 2px; padding-right: 2px">
								<mouseup style="width: 100%; height: 100%">
									<img src="buttons_playlist" style="width: 100%; height: 100%" />
									<hbox style="horizontal-align: center;">	
										<truncation style="width: 48px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{ARTIST_PLAYLISTS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{PLAYLISTS_COUNT})
										</html>
									</hbox>
								</mouseup>
								<mouseover style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%" />
									<hbox style="horizontal-align: center;">
										<truncation style="width: 48px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{ARTIST_PLAYLISTS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{PLAYLISTS_COUNT})
										</html>
									</hbox>
								</mouseover>
								<mousedown style="width: 100%; height: 100%">
									<img src="buttons_playlist_over" style="width: 100%; height: 100%" />	
									<hbox style="horizontal-align: center;">
										<truncation style="width: 48px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											#{ARTIST_PLAYLISTS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ffffff; font-size: 11px; font-weight: bold">
											(#{PLAYLISTS_COUNT})
										</html>
									</hbox>
								</mousedown>
								<disabled style="width: 100%; height: 100%">
									<img src="buttons_playlist_disabled" style="width: 100%; height: 100%; horizontal-align:right;" />
									<hbox style="horizontal-align: center;">
										<truncation style="width: 48px; horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ababab; font-size: 11px; font-weight: bold">
											#{ARTIST_PLAYLISTS}
										</truncation>
										<html style="horizontal-align: center; vertical-align: middle; font-family: Arial; color: #ababab; font-size: 11px; font-weight: bold">
											(#{PLAYLISTS_COUNT})
										</html>
									</hbox>
								</disabled>
							</showuserplaylists>
						</box>
					</hbox>
					</box>
					<!-- END SLIDER CONTROLS -->
					
					<box style="width: 100%; height: 6px; background-color: #a7a5a6" />
				</vbox>
			
			<box id="PLAYLISTS_MENU_BACKGROUND" style="z-index: 1; background-color: black; opacity: 0; width: 100%; height: 100%; margin-bottom: 30px" />
			<playlistsmenu style="z-index: 2; width: 100%; max-width: 450px; height: 0px; overflow-y: hidden; horizontal-align: center; vertical-align: bottom; margin-bottom: 28px" duration=".3">
				<box style="width: 100%; height: 276px; overflow: hidden">
					<userplaylists style="width: 100%; height: 100%; background-color: #e6e7e9;">
						<img src="backgrounds_whiteline" style="width: 100%;" />
						<vbox style="width: 100%; height: 100%">
							<hbox style="width: 100%; height: 26px">
								<html style="vertical-align: middle; font-family: Arial; font-size: 14px; color:#7B7B7B; font-weight: bold; padding: 2px 0px 2px 2px ">
								<t maxlength="30">
									<b>#{ARTIST_NAME}</b>
								</t>
								</html>
								<truncation style="width: 78px; vertical-align: middle; font-family: Arial; font-size: 14px; color:#7B7B7B; font-weight: bold; padding: 2px 2px 2px -3px;">
									<b>#{PLAYLISTS}</b>
								</truncation>
								<html style="vertical-align: middle; font-family: Arial; font-size: 14px; color:#7B7B7B; font-weight: bold; padding: 2px 2px 2px -3px; width: 100%">
									<b>(#{PLAYLISTS_COUNT})</b>
								</html>
								<sortlistdropdown style="top:3px;margin-right:15px; width: 90px; height: 18px;" />
								<closeplaylistsmenu style="vertical-align: middle; margin-right: 5px">
									<mouseup>
										<img src="buttons_close"/>
									</mouseup>
									<mouseover>
										<img src="buttons_close_over"/>
									</mouseover>
									<mousedown>
										<img src="buttons_close_over"/>
									</mousedown>
								</closeplaylistsmenu>
							</hbox>
							<img src="backgrounds_greyline" style="width: 100%;" />
							<scrollwindow style="width: 100%; height: 100%; background-color: #242528" direction="vertical">
								<scrollcontent style="width: 100%; height: 100%" orientation="vertical">
									<playlisttemplate style="width: 100%; height: 62px;" >			
										<even style="width:100%; height:100%; background-color: #2e2f34" />	
										<odd style="width:100%; height:100%; background-color: #3a3b40 " />
										<mouseover style="width:100%; height:100%; background-color: #808080" />											
										<vbox style="width:100%; height:100%;">					
											<truncation link="true" style="width:100%;font-family: Arial; color: #ffffff; font-size: 13px; margin: 10px 8px; font-weight:bold; ">
												#{PLAYLIST_TITLE} (#{PLAYLIST_TRACKS_COUNT})																	
											</truncation>	
											<html style="font-family: Arial; font-size: 10px; color:#CCCCCC; font-weight: bold; margin: -10px 8px; width: 100%">
												 #{PLAYLIST_CREATION_DATE} 
											</html>								
										</vbox>																												
									</playlisttemplate>
								</scrollcontent>
								<vbox style="horizontal-align: right; height: 100%;">
									<scrollbutton direction="up" style="background-color: #999999; width:10px">
										<mouseup>
											<img src="buttons_scrollup"  style="width:10px" />
										</mouseup>
										<mousedown>
											<img src="buttons_scrollup" style="width:10px" />
										</mousedown>
										<mouseover>
											<img src="buttons_scrollup_over" style="width:10px" />
										</mouseover>								
									</scrollbutton>
									<scrollbar style="width: 10px; height: 100%; background-color:#C7C7C7;" direction="vertical" proportional="true" >
										<handle style="min-height: 10px; ">
											<mouseup style="height: 100%">
												<img src="buttons_scroller" style="width:10px; height: 100%;"/>
											</mouseup>
											<mousedown style="height: 100%">
												<img src="buttons_scroller" style="width:10px; height: 100%;"/>
											</mousedown>
											<mouseover style="height: 100%">
												<img src="buttons_scroller_over" style="width:10px; height: 100%;"/>
											</mouseover>
											<img src="buttons_scrolllines" style="width:10px; vertical-align:center; horizontal-align:center;"/>
										</handle>
									</scrollbar>
									<scrollbutton direction="down" style="background-color: #999999; width:10px">
										<mouseup>
											<img src="buttons_scrolldown" style="width:10px" />
										</mouseup>
										<mousedown>
											<img src="buttons_scrolldown" style="width:10px" />
										</mousedown>
										<mouseover>
											<img src="buttons_scrolldown_over" style="width:10px"/>
										</mouseover>
									</scrollbutton>
								</vbox>
							</scrollwindow>
						</vbox>
					</userplaylists>

					<!-- STATS SLIDER BEGIN -->						
					<statsslider style="width: 100%; height: 100%; background-color: #e6e7e9;">
						<img src="backgrounds_whiteline" style="width: 100%;" />
						<vbox style="width: 100%; height: 100%">
							<hbox style="width: 100%; height:26px">
								<html style="font-family: Arial; font-size: 14px; color:#7B7B7B;  font-weight: bold; padding: 2px;">
								<t maxlength="40">
									<b>#{ARTIST_NAME}</b>
								</t>
								</html>
								<truncation style=" width: 100%; font-family: Arial; font-size: 14px; color:#7B7B7B;  font-weight: bold; padding: 2px;">
									<b>#{HEADER_SHOW_STATS}</b>
								</truncation>
								<closeplaylistsmenu style="vertical-align: middle;  margin-right:5px">
									<mouseup>
										<img src="buttons_close"/>
									</mouseup>
									<mouseover>
										<img src="buttons_close_over"/>
									</mouseover>
									<mousedown>
										<img src="buttons_close_over"/>
									</mousedown>
								</closeplaylistsmenu>
							</hbox>
							<img src="backgrounds_greyline" style="width: 100%;" />
							<vbox style="width:100%; height:100%; background-color: #242528">
								<box style="width: 100%; height:83.3px; background-color: #242528">
									<vbox style="width: 100%; vertical-align:center">
										<truncation style="width: 63px; horizontal-align: center; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold">
											#{STATISTICS_TOTAL_PLAYS}
										</truncation>
										<html style="horizontal-align: center; color: #00ADEE; font-family: Arial; font-size: 18px; font-weight: bold;">
											#{TOTAL_PLAYS}
										</html>
									</vbox>
								</box>
								<box style="width: 100%; height:83.3px; background-color: #3a3b40">
									<vbox style="width:100%; vertical-align: center">		
										<truncation style="width: 66px; horizontal-align: center; color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: bold;">
											#{STATISTICS_PLAYS_TODAY}
										</truncation>			
										<html style="color: #00ADEE; font-family: Arial; font-size: 18px; horizontal-align:center; font-weight: bold;">
											#{PLAYS_TODAY}
										</html>
									</vbox>
								</box>				
							</vbox>
						</vbox>
					</statsslider>
					<!-- END STATS SLIDER -->
		
					<!-- ALBUM SLIDER BEGIN -->
					<albumplaylists style="width:100%; height:100%; background-color: #e6e7e9;">	
					<img src="backgrounds_whiteline" style="width: 100%;" />				
					<vbox style="width: 100%; height: 100%">
						<hbox style="width: 100%; height:26px">
							<html style="font-family: Arial; font-size:14px; color:#7B7B7B; font-weight: bold;  padding: 2px 0px 2px 2px;">
							<t maxlength="40">
								<b>#{ARTIST_NAME}</b>
								</t>
							</html>
							<truncation style="width: 70px; font-family: Arial; font-size:14px; color:#7B7B7B; font-weight: bold;  padding: 2px 0px 2px -3px;">
								<b>#{HEADER_ALBUMS}</b>
							</truncation>
							<html style="font-family: Arial; font-size:14px; color:#7B7B7B; font-weight: bold;  padding: 2px 5px 2px -5px; width: 100%">
								<b>(#{ALBUMS_COUNT})</b>
							</html>
							<closeplaylistsmenu style="vertical-align: middle; margin: 9px 6px 8px 0">
								<mouseup>
									<img src="buttons_close"/>
								</mouseup>
								<mouseover>
									<img src="buttons_close_over"/>
								</mouseover>
								<mousedown>
									<img src="buttons_close_over"/>
								</mousedown>
							</closeplaylistsmenu>
						</hbox>	
						<img src="backgrounds_greyline" style="width: 100%;" />  
						<!-- START ALBUMS-->
						<box style="height: 100%">
							<!--<cms style="width: 100%; height: 173px" /> -->
							<noalbums style="height: 100%; width:100%">
								<box style="width: 100%; height: 100%; background-color: #242528;">
									<hbox style="width:400px; height:100%;">
									<previousalbums style="height:100%; horizontal-align:left;">
										<mouseup style="horizontal-align: center; vertical-align:center">
											<img src="buttons_albumscrollleft"/>
										</mouseup>
										<mouseover style="horizontal-align: center; vertical-align:center">
											<img src="buttons_albumscrollleft_over" />
										</mouseover>
										<mousedown style="horizontal-align: center; vertical-align:center">
											<img src="buttons_albumscrollleft_down" />
										</mousedown>
										<disabled style="horizontal-align: center; vertical-align:center; color: rgba(100, 100, 100, .3)">
											<img src="buttons_albumscrollleft_disabled" />
										</disabled>
									</previousalbums>
		
									<halbums style="margin-left:7px; margin-right:7px; width:405px"/>
										
									<nextalbums style="height:100%; horizontal-align: right; ">
										<mouseup style="horizontal-align: center;vertical-align:center">
											<img src="buttons_albumscrollright" />
										</mouseup>
										<mouseover style="horizontal-align: center;vertical-align:center">
											<img src="buttons_albumscrollright_over" />
										</mouseover>
										<mousedown style="horizontal-align: center;vertical-align:center">
											<img src="buttons_albumscrollright_down" />
										</mousedown>
										<disabled style="horizontal-align: center;vertical-align:center; color: rgba(100, 100, 100, .3)">
											<img src="buttons_albumscrollright_disabled" />
										</disabled>
									</nextalbums>
									</hbox>
								</box>
							</noalbums>
						</box>
						<!-- END ALBUMS-->
					</vbox>
					</albumplaylists>
					<!-- END ALBUM SLIDER -->
					<colorwheel style="width: 100%; vertical-align: bottom; background-color: #e6e7e9;">
						<img src="backgrounds_whiteline" style="width: 100%;" />
						<vbox style="width: 100%">
							<hbox style="width: 100%; height: 26px">
								<html style="vertical-align: middle; font-family: Arial; font-size: 14px; color:#7B7B7B; font-weight: bold; padding: 2px 0px 2px 2px; width: 100%">
									<b>#{HEADER_CHANGE_COLOR}</b>
								</html>
								<closeplaylistsmenu style="vertical-align: middle;  margin-right: -5px">
									<mouseup>
										<img src="buttons_close" style="margin-right: 10px"/>
									</mouseup>
									<mouseover>
										<img src="buttons_close_over" style="margin-right: 10px"/>
									</mouseover>
									<mousedown>
										<img src="buttons_close_over" style="margin-right: 10px"/>
									</mousedown>
								</closeplaylistsmenu>
							</hbox>
							<img src="backgrounds_greyline" style="width: 100%;" />
							<box style="background-color: #cdcdcd; width: 450px; height: 183px">
				        		<widget src="http://lads.myspacecdn.com/videos/ColorWheel.swf" style="horizontal-align: center; vertical-align: middle; width:450px; height:183;"/>
					        </box>
							<img src="backgrounds_whiteline" style="width: 100%;" />
						</vbox>
					</colorwheel>
					
				</box>
			</playlistsmenu>
			</box>
			<!-- END BODY -->
					
		</box>
		<!-- END ROOT -->
	</data>
</layout>
		