var $j = jQuery.noConflict(); 
var lastTrack = -1;

$j(document).ready(function(){
	initTracks();
});


initTracks = function(){
	str = 'Stopped';
	$j('#democd_current').html(str);
	$j('td a.cdtrack').click(handleClick);	
}

handleClick=function(){
	var parts = $j(this).attr('id').split('_');
	var player = $('democd_player');
	var trackNum = parseInt(parts[1]);
	if($j(this).html()=='stop'){
		player.sendEvent('STOP');
	}else{
		player.sendEvent('ITEM',trackNum);
	}
}

onItemChanged=function(obj){

	var player = $('democd_player');
	var trackNum = obj.index;
	str = '<span>Now playing:</span><br />';
	str+= player.getPlaylist()[trackNum].author;
	str+= ' - ';
	str+= player.getPlaylist()[trackNum].title;
	//console.log('item changed: '+str);	
	$j('#democd_current').html(str);
	$j('#track_row_upper_'+trackNum+' td').addClass('active');
	$j('#track_row_lower_'+trackNum+' td').addClass('active');
	$j('#track_row_upper_'+trackNum+' td a.cdtrack').html('stop');
	if(lastTrack > -1 && lastTrack != trackNum){
		$j('#track_row_upper_'+lastTrack+' td').removeClass('active');
		$j('#track_row_lower_'+lastTrack+' td').removeClass('active');
		$j('#track_row_upper_'+lastTrack+' td a.cdtrack').html('play');
	}
	lastTrack = trackNum;
}

onItemStopped=function(obj){
	//console.log('stopped');
	var player = $('democd_player');
	if(lastTrack > -1){
		$j('#track_row_upper_'+lastTrack+' td').removeClass('active');
		$j('#track_row_lower_'+lastTrack+' td').removeClass('active');
		$j('#track_row_upper_'+lastTrack+' td a.cdtrack').html('play');
	}		
	str = '<br />Stopped';
	$j('#democd_current').html(str);
}


function playerReady(obj) {
	var id = obj['id'];
	var version = obj['version'];
	var client = obj['client'];
	//alert('the videoplayer '+id+' has been instantiated');	
	var player = $('democd_player');
	player.addControllerListener('ITEM','onItemChanged');
	player.addControllerListener('STOP','onItemStopped');
};