var sunray_playlist = [
	// object {url:string url, title:string title, artist: string artist]
	// or
	// string url
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/BluffBlurry_128.mp3',title:'Bluff / Blurry',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/ClarksNutcracker_128.mp3',title:'Clark\'s Nutcracker',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/Palm_128.mp3',title:'Palm',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/CherryCandy-DrippingTrees_128.mp3',title:'Cherry Candy / Dripping Trees',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/CurtainsTriangleQuantico_128.mp3',title:'Curtains / Triangle Quantico',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/LazyEye_128.mp3',title:'Lazy Eye',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/Swollen_128.mp3',title:'Swollen',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/Freesia_128.mp3',title:'Freesia',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/TerraNova_128.mp3',title:'Terra Nova',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/Milan_128.mp3',title:'Milan',artist:'Throwing Muses'},
	{url:'http://s3.amazonaws.com/cash_users/throwingmuses/demos/SunrayVenus_128.mp3',title:'Sunray Venus',artist:'Throwing Muses'}
];

var player = new SoundPlayer({
	playlist:sunray_playlist,
	swfLocation:"scripts/SoundPlayer.swf",
	injectInto:"soundplayerspc",
	loopPlaylist:false,
	controlImages:{previous:"images/previous.png",next:"images/next.png",play:"images/play_sunray.png",pause:"images/pause_sunray.png"},
	seekbarSpcStyle: {'display':'none'},
	seekbarStyle: {'display':'none'},
	positionStyle: {'display':'none'}
});

player.addEvent('ready', function() {
	$('soundplayerspc').setStyle('display','none');
	
	var mainUl = new Element('ol',{'styles':{'padding':0,'margin':0,'list-style-type':'none'}});
	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);
					nextkey = allSoundKeys.indexOf(track.url);
					if (nextkey != this.currentKey) {
						this.currentKey = nextkey;
						this.currentSound = sound;
						this.currentSound.sound.position = 0;
						this.playCurrentSound();
					} else {
						this.stopCurrentSound();
					}
		        }.bind(this)
			}
		}).inject(tmpLi);;
	},this);
	mainUl.inject($('soundplayer_playlist'));
});

player.addEvent('play', function() {
	
	if (player.currentKey == 0) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('in');
		$(document.body).tween('color', '#000');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'#000',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 1) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('in');
		$(document.body).tween('color', '#fff');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 2) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('in');
		$(document.body).tween('color', '#000');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 3) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('in');
		$(document.body).tween('color', '#fff');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 4) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('in');
		$(document.body).tween('color', '#fff');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 5) {
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('out');
		$('bgarealazyeye').fade('in');
		$(document.body).tween('color', '#fff');
		(function(){ 
			$('mainspcbg').setStyles({
				'opacity':'0.65',
				'background-color':'#000'
			});
			$('mainspcbg').setStyle('display','block');
		}).delay(300);
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'#000',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 6) {
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgarealazyeye').fade('out');
		$('bgareacurtains').fade('out');
		$('bgareaswollen').fade('in');
		$(document.body).tween('color', '#fff');
		$('mainspcbg').setStyle('display','none');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 7) {
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('out');
		$('bgarealazyeye').fade('out');
		$('bgareaswollen').fade('out');
		$('bgareafreesia').fade('in');
		$(document.body).tween('color', '#000');
		(function(){ 
			$('mainspcbg').setStyles({
				'opacity':'0.85',
				'background-color':'#fff'
			});
			$('mainspcbg').setStyle('display','block');
		}).delay(300);
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'#000',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 8) {
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('out');
		$('bgarealazyeye').fade('out');
		$('bgareaswollen').fade('out');
		$('bgareafreesia').fade('out');
		$('bgareaterranova').fade('in');
		$(document.body).tween('color', '#fff');
		(function(){ 
			$('mainspcbg').setStyles({
				'opacity':'0.4',
				'background-color':'#000'
			});
			$('mainspcbg').setStyle('display','block');
		}).delay(300);
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else if (player.currentKey == 9) {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('out');
		$('bgarealazyeye').fade('out');
		$('bgareaswollen').fade('out');
		$('bgareafreesia').fade('out');
		$('bgareaterranova').fade('out');
		$('bgareamilan').fade('in');
		$(document.body).tween('color', '#fff');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#fff'
			});
		});
	} else {
		$('mainspcbg').setStyle('display','none');
		$('bgareabluffblurry').fade('out');
		$('bgareaclarks').fade('out');
		$('bgareapalm').fade('out');
		$('bgareacherry').fade('out');
		$('bgareacurtains').fade('out');
		$('bgarealazyeye').fade('out');
		$('bgareaswollen').fade('out');
		$('bgareafreesia').fade('out');
		$('bgareaterranova').fade('out');
		$('bgareamilan').fade('out');
		$(document.body).tween('color', '#000');
		$$('#soundplayer_playlist ol li span').each(function(item){
			item.setStyles({
				'background-color':'transparent',
				'color':'#000'
			});
		});
	}
});