var playlist = [
	// object {url:string url, title:string title, artist: string artist]
	// or
	// string url
	{url:'../audio/luketop_friends/01_friends.mp3',title:'Friends',artist:'Luke Top'},
	{url:'../audio/luketop_friends/02_lordsavemefromthisvalley.mp3',title:'Lord, Save Me From This Valley',artist:'Luke Top'},
	{url:'../audio/luketop_friends/03_plainestdrought.mp3',title:'Plainest Drought',artist:'Luke Top'}
];

var player = new SoundPlayer({
	playlist:playlist,
	swfLocation:"../scripts/SoundPlayer.swf",
	controlImages:{previous:"../images/player/previous.png",next:"../images/player/next.png",play:"../images/player/play.png",pause:"../images/player/pause.png"},
	seekbarSpcStyle: {'position':'relative','background-color':'#ddd','height':'3px','width':'100%','margin-top':'4px','overflow':'hidden'},
	seekbarStyle: {'position':'absolute','background-color':'#999','height':'3px','width':'0%','cursor':'pointer','z-index':'10'},
	positionStyle: {'position':'absolute','left':'0%','width':'3px','height':'3px','background-color':'#000','z-index':'15'}
});

player.addEvent('ready', function() {
	$('soundplayerspc').getElement('div.title').set('html',' ');
	
	var mainUl = new Element('ol',{'styles':{'padding':0,'margin':0,'list-style-type':'decimal-leading-zero'}}).inject(this.controls);
	this.options.playlist.each(function(track,index) { 
		var tmpLi = new Element('li',{'styles':{'list-style-position':'inside'}}).inject(mainUl);
		var tmpSpan = new Element('span',{
			text:track.title,
			'styles':{'cursor':'pointer'},
			'events':{
				'click': function(){
					if (this.currentSound) {
						this.stopCurrentSound();
					}
		        	allSoundKeys = this.sounds.getKeys();
					sound = this.sounds.get(track.url);
					this.currentKey = allSoundKeys.indexOf(track.url);
					this.currentSound = sound;
					this.currentSound.sound.position = 0;
					this.playCurrentSound();
		        }.bind(this)
			}
		}).inject(tmpLi);;
	},this);
	mainUl.inject($('soundplayer_playlist'));
});