var playlist = [
	// object {url:string url, title:string title, artist: string artist]
	// or
	// string url
	{url:'http://s3.amazonaws.com/cash_users/50footwave/Power%2BLight_128.mp3',title:'Power + Light',artist:'50FOOTWAVE'}
];

SoundPlayer.implement({
	addPlayerEvents: function() {
		this.seekbar.addEvent('click', function(e) {
			var masterCoords = this.seekbarSpc.getCoordinates();
			var progressCoords = this.seekbar.getCoordinates();
			var clickPosition = (e.page.x - progressCoords.left)/masterCoords.width;
			var ms = clickPosition*this.currentSound.sound.duration*(this.currentSound.sound.bytesLoaded/this.currentSound.sound.bytesTotal);
			this.jumpCurrentSoundTo(ms);
			this.positionFx.cancel();
			this.positionFx.set(Math.floor(clickPosition*100));
		}.bind(this));
		this.addEvent('play', function(key,title,artist) {
			if (this.currentSound.sound.loaded) {
				this.progressFx.start(100);
			}
		}.bind(this));
	},
	addControlElements: function() {
		this.playPauseEl = new Element('img', {
			'class':'play',alt:'play',id:'play',
			src:this.options.controlImages.play,
			'styles':{'margin-left':'4px','cursor':'pointer'},
			'events': {
				'click': function(){
			       	this.toggleCurrentSound();
		        }.bind(this)
			}
		}).inject(this.controls);
		
		// add image click events:
		this.addEvent('play', function() {
			this.playPauseEl.set('src',this.options.controlImages.pause);
		}.bind(this));
		this.addEvent('pause', function() {
			this.playPauseEl.set('src',this.options.controlImages.play);
		}.bind(this));
		this.addEvent('stop', function() {
			this.playPauseEl.set('src',this.options.controlImages.play);
		}.bind(this));
		
		// add seekbar/position events:
		this.addEvent('progress', function(val) {
			this.progressFx.start(val);
		});
		this.addEvent('position', function(val) {
			this.positionFx.start(val);
		});
	}
});

var player = new SoundPlayer({
	playlist:playlist,
	loopPlaylist: false,
	statusInterval: 15000,
	seekbarSpcStyle: {'position':'relative','background-color':'#000','height':'12px','width':'100%','margin-top':'4px','overflow':'hidden'},
	seekbarStyle: {'position':'absolute','background-color':'#fff','height':'12px','width':'0%','cursor':'pointer','z-index':'10'},
	positionStyle: {'position':'absolute','left':'0%','width':'3px','height':'12px','background-color':'#333','z-index':'15'}
});