var MusicPlayer =  Class.create({
  initialize: function(tracks) {
    this.tracks = tracks;
	this.pos = -1;
	
	
	$$('#tracklist ul li').each( function(e) {
	            Event.observe(e, 'mouseover', function() {
	                Element.addClassName(e, 'hover');
	            });
	           Event.observe(e, 'mouseout', function() {
	                Element.removeClassName(e, 'hover');
	            });
	});
	
  },
  play: function(id) {
	if(this.pos == -1){
		this.pos = id;
	}else{		
		if(this.pos != id){
			$('track_'+this.pos).toggleClassName('selected');
			Effect.Fade($('trackplayer_'+this.pos), { duration: 0.5, queue: 'end' });
		}
		
	}
	this.pos = id;
	$('track_'+this.pos).addClassName('selected');
	Effect.Appear($('trackplayer_'+this.pos), { duration: 0.5, queue: 'end' });
	
  }
});