var playerArray = new Array();
function playerReady(obj) {
	playerArray[obj.id] = document.getElementsByName(obj.id)[0];
    playerArray[obj.id].addControllerListener('ITEM','onItem');
    playerArray[obj.id].addControllerListener('STOP','onStop');
    playerArray[obj.id].addModelListener('STATE','onState');
}

function onItem(obj)
{
    resetPlaylist(obj.id);
    var item = document.getElementById(obj.id + '_playlist').childNodes[obj.index];

    item.className = 'playingTrack';
}

function playItem(playerId, index)
{
    var player = playerArray[playerId];
    
    if (player && player.sendEvent)
    {
        resetPlaylist(playerId);
        player.sendEvent("ITEM", index);
    }
}

function onStop(obj)
{
    resetPlaylist(obj.id);    
}
function onState(obj)
{
    switch(obj.newstate)
    {
        case "COMPLETED":
            resetPlaylist(obj.id);    
            break;
    }
}

function resetPlaylist(playerId)
{
    var nodes = document.getElementById(playerId + '_playlist').childNodes;

    for (var i=0; i<nodes.length; i++)
    {
        nodes[i].className = 'nonPlayingTrack';
    }
}