source: trunk/J_Sonos1.js @ 139

//
// $Id$
//
var Sonos_timeoutVar = undefined;
var Sonos_timeoutVar2 = undefined;
var Sonos_browserIE = false
var Sonos_parseXml = undefined;

var Sonos_prevGroups = undefined;
var Sonos_prevSavedQueues = undefined;
var Sonos_prevQueue = undefined;
var Sonos_prevFavRadios = undefined;
var Sonos_prevCoordinator = undefined;
var Sonos_prevOnlineState = undefined;
var Sonos_prevCurrentAlbumArtUrl = undefined;
var Sonos_prevTitle = undefined;
var Sonos_prevAlbum = undefined;
var Sonos_prevArtist = undefined;
var Sonos_prevDetails = undefined;
var Sonos_prevCurrentTrack = undefined;
var Sonos_prevNbrTracks = undefined;
var Sonos_prevPlaying = undefined;
var Sonos_prevActions = undefined;
var Sonos_prevTransportUri = undefined;
var Sonos_prevCurrentService = undefined;
var Sonos_prevCurrentRadio = undefined;
var Sonos_prevMute = undefined;
var Sonos_prevVolume = undefined;

var Sonos_prevModelName = undefined;
var Sonos_prevIp = undefined;
var Sonos_prevZone = undefined;
var Sonos_prevOnlineState2 = undefined;
var Sonos_prevProxy = undefined;
var Sonos_prevResultDiscovery = undefined;

var SONOS_SID = 'urn:micasaverde-com:serviceId:Sonos1';
var AVTRANSPORT_SID = 'urn:upnp-org:serviceId:AVTransport';
var RENDERING_CONTROL_SID = 'urn:upnp-org:serviceId:RenderingControl';
var MEDIA_NAVIGATION_SID = 'urn:micasaverde-com:serviceId:MediaNavigation1';
var VOLUME_SID = 'urn:micasaverde-com:serviceId:Volume1';
var DEVICE_PROPERTIES_SID = 'urn:upnp-org:serviceId:DeviceProperties';
var ZONEGROUPTOPOLOGY_SID = 'urn:upnp-org:serviceId:ZoneGroupTopology';
var CONTENT_DIRECTORY_SID = 'urn:upnp-org:serviceId:ContentDirectory';

function Sonos_showPlayer(device)
{
    if (typeof Sonos_timeoutVar != 'undefined') {
        clearTimeout(Sonos_timeoutVar);
    }

    Sonos_detectBrowser();

    Sonos_initXMLParser();

    var html = '';

    html += '<table>';
    html += '<tr>';
    html += '<td rowspan=6><img id="albumArt" width="100" height="100"/></td>';
    html += '<td id="service"></td>';
    html += '<td id="radio"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td id="trackLabel">Track:</td>';
    html += '<td id="track"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td id="artistLabel">Artist:</td>';
    html += '<td id="artist"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td id="albumLabel">Album:</td>';
    html += '<td id="album"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td id="titleLabel">Track title:</td>';
    html += '<td id="title"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td id="detailsLabel"></td>';
    html += '<td id="details"></td>';
    html += '</tr>';
    html += '</table>';
    html += '<DIV>'
    html += '<table>';
    html += '<tr>';
    html += '<td>';
    html += '<button id="prevTrack" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_prevTrack('+device+');">Prev</button>';
    html += '</td>';
    html += '<td>';
    html += '<button id="play" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_play('+device+');">Play</button>';
    html += '</td>';
    html += '<td>';
    html += '<button id="pause" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_pause('+device+');">Pause</button>';
    html += '</td>';
    html += '<td>';
    html += '<button id="stop" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_stop('+device+');">Stop</button>';
    html += '</td>';
    html += '<td>';
    html += '<button id="nextTrack" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_nextTrack('+device+');">Next</button>';
    html += '</td>';
    html += '<td>';
    html += '<button id="mute" type="button" style="background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_mute('+device+');">Mute</button>';
    html += '</td>';
    // html += '<td>';
    // html += '<button type="button" style="background-color:lightgrey; height: 25px; width: 25px" onclick="Sonos_volumeDown('+device+');">-</button>';
    // html += '</td>';
    // html += '<td>';
    // for (i=0; i<=10; i++) {
        // var volume = i * 10;
        // html += '<button id="volume'+i+'" type="button" style="background-color:lightgrey; height: 25px; width: 10px" onclick="Sonos_setVolume('+device+','+volume+');"></button>';
    // }
    // html += '</td>';
    // html += '<td>';
    // html += '<button type="button" style="background-color:lightgrey; height: 25px; width: 25px" onclick="Sonos_volumeUp('+device+');">+</button>';
    // html += '</td>';
    html += '</tr>';
    html += '</table>';
    html += '</DIV>'
    html += '<DIV>'
    html += '<table>';
    html += '<tr>';
    html += '<td>Audio Input:</td>';
    html += '<td>';
    html += '<select id="audioInputs"/>';
    html += '<button id="playAudioInput" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_playAudioInput('+device+');">Play</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Sonos playlist:</td>';
    html += '<td>';
    html += '<select id="savedQueues"/>';
    html += '<button id="playSQ" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_playSQ('+device+');">Play</button>';
    // html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px" onclick="Sonos_enqueueSQ('+device+');">Enqueue</button>';
    // html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px" onclick="Sonos_enqueuePlaySQ('+device+');">Enqueue & Play</button>';
    // html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px" onclick="Sonos_playNextSQ('+device+');">Play next</button>';
    // html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px" onclick="Sonos_replaceQueueSQ('+device+');">Replace queue</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Queue:</td>';
    html += '<td>';
    html += '<select id="queue"/>';
    html += '<button id="playQueue" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_playQueue('+device+');">Play</button>';
    html += '<button id="clearQueue" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_clearQueue('+device+');">Clear</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Favorites radios:</td>';
    html += '<td>';
    html += '<select id="favRadios"/>';
    html += '<button id="playFavRadio" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_playFavRadio('+device+');">Play</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>URI:</td>';
    html += '<td>';
    html += '<select id="protocol" style="margin-right: 5px">';
    html += '<option selected></option>';
    html += '<option>x-file-cifs</option>';
    html += '<option>file</option>';
    html += '<option>x-rincon</option>';
    html += '<option>x-rincon-mp3radio</option>';
    html += '<option>x-rincon-playlist</option>';
    html += '<option>x-rincon-queue</option>';
    html += '<option>x-rincon-stream</option>';
    html += '<option>x-sonosapi-stream</option>';
    html += '<option>x-sonosapi-radio</option>';
    html += '<option value="AI">Audio input</option>';
    html += '<option value="SQ">Sonos playlist</option>';
    html += '<option value="FR">Favorite radio</option>';
    html += '<option value="TR">TuneIn radio</option>';
    html += '<option value="SR">Sirius radio</option>';
    html += '<option value="GZ">Group zone</option>';
    html += '</select>';
    html += '<input id="uri" type="text" style="width: 287px"/>';
    html += '<button id="playUri" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_playUri('+device+');">Play</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Text To Speech:</td>';
    html += '<td>';
    html += '<input id="text" type="text" style="margin-right: 10px; width: 237px"/>';
    html += '<select id="language1" style="margin-right: 5px;" onChange="Sonos_selectLang();">';
    html += '<option value="en" selected>English</option>';
    html += '<option value="fr">French</option>';
    html += '<option value="es">Spanish</option>';
    html += '<option value="it">Italian</option>';
    html += '<option value="ru">Russian</option>';
    html += '</select>';
    html += '<input id="language" type="text" value="en" style="margin-right: 10px; width: 20px"/>';
    html += 'volume:';
    html += '<input id="volume" type="text" value="" style="margin-left: 5px; width: 20px"/>';
    html += '<button id="say" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_say('+device+');">Say</button>';
    html += '</td>';
    html += '</tr>';
    html += '</table>';
    html += '</DIV>'

    //html += '<p id="debug">';

    set_panel_html(html);

    Sonos_prevGroups = undefined;
    Sonos_prevSavedQueues = undefined;
    Sonos_prevQueue = undefined;
    Sonos_prevFavRadios = undefined;
    Sonos_prevCoordinator = undefined;
    Sonos_prevOnlineState = undefined;
    Sonos_prevCurrentAlbumArtUrl = undefined;
    Sonos_prevTitle = undefined;
    Sonos_prevAlbum = undefined;
    Sonos_prevArtist = undefined;
    Sonos_prevDetails = undefined;
    Sonos_prevCurrentTrack = undefined;
    Sonos_prevNbrTracks = undefined;
    Sonos_prevPlaying = undefined;
    Sonos_prevActions = undefined;
    Sonos_prevTransportUri = undefined;
    Sonos_prevCurrentService = undefined;
    Sonos_prevCurrentRadio = undefined;
    Sonos_prevMute = undefined;
    Sonos_prevVolume = undefined;

    Sonos_refreshPlayer(device);
}

function Sonos_showHelp(device)
{
    Sonos_initXMLParser();

    var zone = get_device_state(device, DEVICE_PROPERTIES_SID, "ZoneName", 1);
    var uuid = get_device_state(device, DEVICE_PROPERTIES_SID, "SonosID", 1);
    var groups = get_device_state(device, ZONEGROUPTOPOLOGY_SID, "ZoneGroupState", 1);

    var members;
    if (groups != undefined && groups != "") {
        var xmlgroups = Sonos_parseXml(groups);
        if (typeof xmlgroups != 'undefined') {
            members = xmlgroups.getElementsByTagName("ZoneGroupMember");
        }
    }

    var html = '';

    html += '<a href="http://code.mios.com/trac/mios_sonos-wireless-music-systems#">Wiki</a>'
    html += '<BR>'
    html += '<a href="http://forum.micasaverde.com/index.php/board,47.0.html">Support forum</a>'

    html += '<table cellspacing="10">';
    html += '<tr>';
    html += '<td>Sonos zone:</td>';
    html += '<td>' + zone + '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Sonos UUID:</td>';
    html += '<td>' + uuid + '</td>';
    html += '</tr>';
    html += '</table>';

    html += '<table border="1">';
    html += '<tr align="center" bgcolor="LightBlue">';
    html += '<th>Description</td>';
    html += '<th>Standard URI</td>';
    html += '<th>Alternative URI for PlayURI</td>';
    html += '</tr>';

    html += '<tr>';
    html += '<td>Sonos queue</td>';
    html += '<td>x-rincon-queue:' + uuid + '#0</td>';
    html += '<td>Q:</td>';
    html += '</tr>';

    html += '<tr>';
    html += '<td>Third item in Sonos queue</td>';
    html += '<td>x-rincon-queue:' + uuid + '#0 *</td>';
    html += '<td>Q:3</td>';
    html += '</tr>';

    if (typeof members != 'undefined') {
        for (i=0; i<members.length; i++) {
            var zoneUUID = Sonos_extractXmlAttribute(members[i], 'UUID');
            var zoneName = Sonos_extractXmlAttribute(members[i], 'ZoneName');
            if (zoneName != zone) {
                html += '<tr>';
                html += '<td>Group with master zone "' + zoneName + '"</td>';
                html += '<td>x-rincon:' + zoneUUID + '</td>';
                html += '<td>GZ:' + zoneName + '</td>';
                html += '</tr>';
            }
        }
    }

    html += '<tr>';
    html += '<td>Local audio input</td>';
    html += '<td>x-rincon-stream:' + uuid + '</td>';
    html += '<td>AI:</td>';
    html += '</tr>';

    if (typeof members != 'undefined') {
        for (i=0; i<members.length; i++) {
            var zoneUUID = Sonos_extractXmlAttribute(members[i], 'UUID');
            var zoneName = Sonos_extractXmlAttribute(members[i], 'ZoneName');
            html += '<tr>';
            html += '<td>Audio input of zone "' + zoneName + '"</td>';
            html += '<td>x-rincon-stream:' + zoneUUID + '</td>';
            html += '<td>AI:' + zoneName + '</td>';
            html += '</tr>';
        }
    }

    html += '<tr>';
    html += '<td>TuneIn radio with sid 50486</td>';
    html += '<td>x-sonosapi-stream:s50486?sid=254&flags=32 **</td>';
    html += '<td>TR:50486</td>';
    html += '</tr>';

    html += '<tr>';
    html += '<td>Sirius radio with sid shade45</td>';
    html += '<td>x-sonosapi-hls:r%3ashade45?sid=37&flags=288 **</td>';
    html += '<td>SR:shade45</td>';
    html += '</tr>';

    var favRadios = get_device_state(device, CONTENT_DIRECTORY_SID, "FavoritesRadios", 1);
    if (favRadios != undefined && favRadios != "") {
        var xmlFavRadios = Sonos_parseXml(favRadios);
        if (typeof xmlFavRadios != 'undefined') {
            var items = xmlFavRadios.getElementsByTagName("item");
            for (i=0; i<items.length; i++) {
                var title = Sonos_extractXmlTag(items[i], 'dc:title');
                if (typeof title != 'undefined') {
                    html += '<tr>';
                    html += '<td>Favorite radio "' + title + '"</td>';
                    html += '<td></td>';
                    html += '<td>FR:' + title + '</td>';
                    html += '</tr>';
                    break;
                }
            }
        }
    }

    var savedQueues = get_device_state(device, CONTENT_DIRECTORY_SID, "SavedQueues", 1);
    if (savedQueues != undefined && savedQueues != "") {
        var xmlSavedQueues = Sonos_parseXml(savedQueues);
        if (typeof xmlSavedQueues != 'undefined') {
            var containers = xmlSavedQueues.getElementsByTagName("container");
            for (i=0; i<containers.length; i++) {
                var title = Sonos_extractXmlTag(containers[i], 'dc:title');
                var value = Sonos_extractXmlTag(containers[i], 'res');
                if (typeof title != 'undefined' && typeof value != 'undefined') {
                    html += '<tr>';
                    html += '<td>Sonos playlist "' + title + '"</td>';
                    html += '<td>' + value + '</td>';
                    html += '<td>SQ:' + title + '</td>';
                    html += '</tr>';
                }
            }
        }
    }

    html += '</table>';
    html += '<p>* Seek action is then required to select the right item</p>'
    html += '<p>** Meta data have to be provided in addition to the standard URI</p>'

    var variables = [   [ AVTRANSPORT_SID, "AVTransportURI" ],
                        [ AVTRANSPORT_SID, "AVTransportURIMetaData" ],
                        [ AVTRANSPORT_SID, "CurrentTrackURI" ],
                        [ AVTRANSPORT_SID, "CurrentTrackMetaData" ],
                        [ SONOS_SID, 'SonosServicesKeys' ] ];
    html += '<table border="1">';
    html += '<tr align="center" bgcolor="LightBlue">';
    html += '<th>Variable</td>';
    html += '<th>Value</td>';
    html += '</tr>';
    for (i=0; i<variables.length; i++) {
        var value = get_device_state(device, variables[i][0], variables[i][1], 1);
        if (value == undefined) {
            value = '';
        }
        html += '<tr>';
        html += '<td>' + variables[i][1] + '</td>';
        html += '<td>' + Sonos_escapeHtmlSpecialChars(value) + '</td>';
        html += '</tr>';
    }
    html += '</table>';

    html += '<BR>';

    set_panel_html(html);
}

function Sonos_showGroup(device)
{
    Sonos_detectBrowser();

    Sonos_initXMLParser();

    var html = '';

    var groupMembers = get_device_state(device, ZONEGROUPTOPOLOGY_SID, "ZonePlayerUUIDsInGroup", 1);
    var groups = get_device_state(device, ZONEGROUPTOPOLOGY_SID, "ZoneGroupState", 1);
    if (groups != undefined && groups != "") {
        var xmlgroups = Sonos_parseXml(groups);
        if (typeof xmlgroups != 'undefined') {
            var members = xmlgroups.getElementsByTagName("ZoneGroupMember");
            for (i=0; i<members.length; i++) {
                var name = Sonos_extractXmlAttribute(members[i], 'ZoneName');
                var uuid = Sonos_extractXmlAttribute(members[i], 'UUID');
                html += '<input id="GroupMember' + i +'" type="checkbox"';
                if (groupMembers.search(uuid) >= 0) {
                    html += ' checked';
                }
                html += ' value="' + name + '">' + name + '<BR>';
            }
            html += '<BR>';
            html += '<button type="button" style="background-color:lightgrey; height: 25px; width: 100px" onclick="Sonos_selectAllMembers('+device+','+members.length+');">Select All</button>';
            html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 100px" onclick="Sonos_unselectAllMembers('+device+','+members.length+');">Unselect All</button>';
            html += '<button type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 100px" onclick="Sonos_updateGroup('+device+','+members.length+');">Apply</button>';
        }
    }

    //html += '<p id="debug">';

    set_panel_html(html);
}

function Sonos_showSettings(device)
{
    if (typeof Sonos_timeoutVar2 != 'undefined') {
        clearTimeout(Sonos_timeoutVar2);
    }

    Sonos_detectBrowser();

    Sonos_initXMLParser();

    var html = '';

    html += '<table cellspacing="10">';
    html += '<tr><td colspan=2><u>Current settings</u></td></tr>';
    html += '<tr>';
    html += '<td>Zone:</td>';
    html += '<td id="zone"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>Model:</td>';
    html += '<td id="model"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>IP:</td>';
    html += '<td id="IP"></td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>State:</td>';
    html += '<td>';
    html += '<label id="state"/>';
    html += '<button id="checkState" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 75px" onclick="Sonos_checkState('+device+');">Check</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>UPnP Event proxy:</td>';
    html += '<td id="proxy"></td>';
    html += '</tr>';
    html += '<tr><td colspan=2><u>New settings</u></td></tr>';
    html += '<tr><td colspan=2>Push "discover" button, then select your Sonos in the list and finally push "Select" button.';
    html += '<BR>If UPnP discovery is not working, fill in your Sonos IP and finally push "Select" button.</td></tr>';
    html += '<tr>';
    html += '<td>';
    html += '<button id="discover" type="button" style="background-color:lightgrey; height: 25px; width: 90px" onclick="Sonos_startSonosDiscovery('+device+');">Discover</button>';
    html += '</td>';
    html += '<td>';
    html += '<select id="discovery"/>';
    html += '<button id="selectDiscovery" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 75px" onclick="Sonos_selectDiscovery('+device+');">Select</button>';
    html += '</td>';
    html += '</tr>';
    html += '<tr>';
    html += '<td>New IP:</td>';
    html += '<td>';
    html += '<input id="newIP" type="text" style="width: 100px"/>';
    html += '<button id="selectIP" type="button" style="margin-left: 10px; background-color:lightgrey; height: 25px; width: 50px" onclick="Sonos_selectIP('+device+');">Select</button>';
    html += '</td>';
    html += '</tr>';
    html += '</table>';

    //html += '<p id="debug">';

    set_panel_html(html);

    Sonos_prevModelName = undefined;
    Sonos_prevIp = undefined;
    Sonos_prevZone = undefined;
    Sonos_prevOnlineState2 = undefined;
    Sonos_prevProxy = undefined;
    Sonos_prevResultDiscovery = undefined;

    Sonos_refreshDiscovery(device);
}

function Sonos_detectBrowser()
{
    var place = navigator.userAgent.toLowerCase().indexOf('msie');
    if (place == -1) {
        Sonos_browserIE = false;
    }
    else {
        Sonos_browserIE = true;
    }
}

function Sonos_initXMLParser()
{
    if (typeof Sonos_parseXml == 'undefined') {
        if (typeof window.DOMParser != "undefined") {
            Sonos_parseXml = function(xmlStr) {
                return ( new window.DOMParser() ).parseFromString(xmlStr, "text/xml");
            };
        }
        else if (typeof window.ActiveXObject != "undefined" && new window.ActiveXObject("Microsoft.XMLDOM")) {
            Sonos_parseXml = function(xmlStr) {
                var xmlDoc = new window.ActiveXObject("Microsoft.XMLDOM");
                xmlDoc.async = "false";
                xmlDoc.loadXML(xmlStr);
                return xmlDoc;
            };
        }
        else {
            Sonos_parseXml = function(xmlStr) {
                return undefined;
            };
        }
    }
}

function Sonos_extractXmlTag(parent, tag)
{
    var value = undefined;
    for (j=0; j<parent.childNodes.length; j++) {
        if (parent.childNodes[j].tagName == tag) {
            value = parent.childNodes[j].textContent;
            break;
        }
    }
    return value;
}

function Sonos_extractXmlAttribute(node, attribute)
{
    var value = node.getAttribute(attribute);
    return value;
}

function Sonos_escapeHtmlSpecialChars(unsafe)
{
    return unsafe
            .replace(/&/g, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;");
}

function Sonos_refreshPlayer(device)
{
    var uuid = get_device_state(device, DEVICE_PROPERTIES_SID, "SonosID", 1);

    var groups = get_device_state(device, ZONEGROUPTOPOLOGY_SID, "ZoneGroupState", 1);
    if (groups != undefined && groups != "" && Sonos_prevGroups != groups) {
        var xmlgroups = Sonos_parseXml(groups);
        if (typeof xmlgroups != 'undefined') {
            var html = "";
            var members = xmlgroups.getElementsByTagName("ZoneGroupMember");
            for (i=0; i<members.length; i++) {
                var name = Sonos_extractXmlAttribute(members[i], 'ZoneName');
                if (typeof name != 'undefined') {
                    var title = name;
                    if (title.length > 60) {
                        title = title.substr(0, 59) + '...';
                    }
                    html += '<option value="AI:' + name + '">' + title + '</option>';
                }
            }
            $('audioInputs').innerHTML = html;
            if (Sonos_browserIE) {
                $('audioInputs').outerHTML=$('audioInputs').outerHTML.replace($('audioInputs').innerHTML+'</select>',html+'</select>');
            }
        }
        Sonos_prevGroups = groups;
    }

    var savedQueues = get_device_state(device, CONTENT_DIRECTORY_SID, "SavedQueues", 1);
    if (savedQueues != undefined && savedQueues != "" && savedQueues != Sonos_prevSavedQueues) {
        var xmlSavedQueues = Sonos_parseXml(savedQueues);
        if (typeof xmlSavedQueues != 'undefined') {
            var html = "";
            var containers = xmlSavedQueues.getElementsByTagName("container");
            for (i=0; i<containers.length; i++) {
                var title = Sonos_extractXmlTag(containers[i], 'dc:title');
                var value = Sonos_extractXmlTag(containers[i], 'res');
                if (typeof title != 'undefined' && typeof value != 'undefined') {
                    if (title.length > 60) {
                        title = title.substr(0, 59) + '...';
                    }
                    html += '<option value="' + value + '">' + title + '</option>';
                }
            }
            $('savedQueues').innerHTML = html;
            if (Sonos_browserIE) {
                $('savedQueues').outerHTML=$('savedQueues').outerHTML.replace($('savedQueues').innerHTML+'</select>',html+'</select>');
            }
        }
        Sonos_prevSavedQueues = savedQueues;
    }

    var queue = get_device_state(device, CONTENT_DIRECTORY_SID, "Queue", 1);
    if (queue != undefined && queue != "" && queue != Sonos_prevQueue) {
        var xmlQueue = Sonos_parseXml(queue);
        if (typeof xmlQueue != 'undefined') {
            var html = "";
            var items = xmlQueue.getElementsByTagName("item");
            for (i=0; i<items.length; i++) {
                var title = Sonos_extractXmlTag(items[i], 'dc:title');
                var artist = Sonos_extractXmlTag(items[i], 'dc:creator');
                var value = Sonos_extractXmlTag(items[i], 'res');
                if (typeof title != 'undefined' && typeof value != 'undefined') {
                    var title2 = title;
                    if (typeof artist != 'undefined') {
                        title2 += ' (' + artist + ')';
                    }
                    if (title2.length > 50) {
                        title2 = title2.substr(0, 49) + '...';
                    }
                    html += '<option value="' + value + '">' + title2 + '</option>';
                }
            }
            $('queue').innerHTML = html;
            if (Sonos_browserIE) {
                $('queue').outerHTML=$('queue').outerHTML.replace($('queue').innerHTML+'</select>',html+'</select>');
            }
        }
        Sonos_prevQueue = queue;
    }

    var favRadios = get_device_state(device, CONTENT_DIRECTORY_SID, "FavoritesRadios", 1);
    if (favRadios != undefined && favRadios != "" && favRadios != Sonos_prevFavRadios) {
        var xmlFavRadios = Sonos_parseXml(favRadios);
        if (typeof xmlFavRadios != 'undefined') {
            var html = "";
            var items = xmlFavRadios.getElementsByTagName("item");
            for (i=0; i<items.length; i++) {
                var title = Sonos_extractXmlTag(items[i], 'dc:title');
                if (typeof title != 'undefined') {
                    var title2 = title;
                    if (title2.length > 60) {
                        title2 = title2.substr(0, 59) + '...';
                    }
                    html += '<option value="' + title + '">' + title2 + '</option>';
                }
            }
            $('favRadios').innerHTML = html;
            if (Sonos_browserIE) {
                $('favRadios').outerHTML=$('favRadios').outerHTML.replace($('favRadios').innerHTML+'</select>',html+'</select>');
            }
        }
        Sonos_prevFavRadios = favRadios;
    }

    var coordinator = get_device_state(device, SONOS_SID, "GroupCoordinator", 1);
    if (coordinator == undefined) {
        coordinator = uuid;
    }
    var onlineState = get_device_state(device, SONOS_SID, "SonosOnline", 1);
    if (onlineState == undefined) {
        onlineState = '1';
    }
    var currentAlbumArtUrl = get_device_state(device, AVTRANSPORT_SID, "CurrentAlbumArt", 1);
    if (currentAlbumArtUrl == undefined) {
        currentAlbumArtUrl = '';
    }
    var title = get_device_state(device, AVTRANSPORT_SID, "CurrentTitle", 1);
    if (title == undefined) {
        title = '';
    }
    var album = get_device_state(device, AVTRANSPORT_SID, "CurrentAlbum", 1);
    if (album == undefined) {
        album = '';
    }
    var artist = get_device_state(device, AVTRANSPORT_SID, "CurrentArtist", 1);
    if (artist == undefined) {
        artist = '';
    }
    var details = get_device_state(device, AVTRANSPORT_SID, "CurrentDetails", 1);
    if (details == undefined) {
        details = '';
    }
    var currentTrack = get_device_state(device, AVTRANSPORT_SID, "CurrentTrack", 1);
    if (currentTrack == undefined || currentTrack == "") {
        currentTrack = '1';
    }
    var nbrTracks = get_device_state(device, AVTRANSPORT_SID, "NumberOfTracks", 1);
    if (nbrTracks == undefined || nbrTracks == "NOT_IMPLEMENTED") {
        nbrTracks = '';
    }
    var playing = get_device_state(device, AVTRANSPORT_SID, "TransportState", 1);
    if (playing == undefined) {
        playing = '';
    }
    var actions = get_device_state(device, AVTRANSPORT_SID, "CurrentTransportActions", 1);
    if (actions == undefined) {
        actions = '';
    }
    actions = actions.toLowerCase();
    var transportUri = get_device_state(device, AVTRANSPORT_SID, "AVTransportURI", 1);
    if (transportUri == undefined) {
        transportUri = '';
    }
    var currentService = get_device_state(device, SONOS_SID, "CurrentService", 1);
    if (currentService == undefined) {
        currentService = '';
    }
    var currentRadio = get_device_state(device, AVTRANSPORT_SID, "CurrentRadio", 1);
    if (currentRadio == undefined) {
        currentRadio = '';
    }
    var mute = get_device_state(device, RENDERING_CONTROL_SID, "Mute", 1);
    if (mute == undefined || mute == "") {
        mute = '0';
    }
    var volume = get_device_state(device, RENDERING_CONTROL_SID, "Volume", 1);
    if (volume == undefined || volume == "") {
        volume = 0;
    }

    if (coordinator != Sonos_prevCoordinator
        || onlineState != Sonos_prevOnlineState
        || currentAlbumArtUrl != Sonos_prevCurrentAlbumArtUrl
        || title != Sonos_prevTitle
        || album != Sonos_prevAlbum
        || artist != Sonos_prevArtist
        || details != Sonos_prevDetails
        || currentTrack != Sonos_prevCurrentTrack
        || nbrTracks != Sonos_prevNbrTracks
        || playing != Sonos_prevPlaying
        || actions != Sonos_prevActions
        || transportUri != Sonos_prevTransportUri
        || currentService != Sonos_prevCurrentService
        || currentRadio != Sonos_prevCurrentRadio
        || mute != Sonos_prevMute
        || volume != Sonos_prevVolume) {

        $('albumArt').src = currentAlbumArtUrl;

        var label;

        if (title.indexOf('x-sonosapi', 0) == 0) {
            title = '';
        }
        if (title != '') {
            label = 'Track title:';
        }
        else {
            label = '';
        }
        $('titleLabel').innerHTML = label;
        $('title').innerHTML = title;

        if (album != '') {
            label = 'Album:';
        }
        else {
            label = '';
        }
        $('albumLabel').innerHTML = label;
        $('album').innerHTML = album;

        if (artist != '') {
            label = 'Artist:';
        }
        else {
            label = '';
        }
        $('artistLabel').innerHTML = label;
        $('artist').innerHTML = artist;

        if (details != '') {
            label = 'Information:';
        }
        else {
            label = '';
        }
        $('detailsLabel').innerHTML = label;
        $('details').innerHTML = details;

        if (onlineState != '1' || coordinator != uuid || transportUri == '') {
            if (onlineState != '1') {
                $('trackLabel').innerHTML = 'Offline';
            }
            else if (coordinator != uuid) {
                $('trackLabel').innerHTML = 'Group driven by another zone';
            }
            else {
                $('trackLabel').innerHTML = 'No music';
            }
            $('track').innerHTML = '';
            $('service').innerHTML = '';
            $('radio').innerHTML = '';
            $('play').style.backgroundColor = 'lightgrey';
            $('pause').style.backgroundColor = 'lightgrey';
            $('stop').style.backgroundColor = 'lightgrey';
            if (onlineState != '1' || transportUri == '') {
                $('play').disabled = true;
                $('pause').disabled = true;
                $('stop').disabled = true;
                $('prevTrack').disabled = true;
                $('nextTrack').disabled = true;
            }
            else {
                $('play').disabled = false;
                $('pause').disabled = false;
                $('stop').disabled = false;
                $('prevTrack').disabled = false;
                $('nextTrack').disabled = false;
            }
        }
        else {
            if (nbrTracks == '' || nbrTracks == '0') {
                $('trackLabel').innerHTML = '';
                $('track').innerHTML = '';
                $('prevTrack').disabled = true;
                $('nextTrack').disabled = true;
            }
            else {
                $('trackLabel').innerHTML = 'Track:';
                $('track').innerHTML = currentTrack + '/' + nbrTracks;
                if (currentTrack == "1") {
                    $('prevTrack').disabled = true;
                }
                else {
                    $('prevTrack').disabled = false;
                }
                if (nbrTracks == currentTrack) {
                    $('nextTrack').disabled = true;
                }
                else {
                    $('nextTrack').disabled = false;
                }
            }

            if (playing == 'PLAYING' || playing == 'TRANSITIONING') {
                $('play').style.backgroundColor = 'darkgray';
                $('pause').style.backgroundColor = 'lightgrey';
                $('stop').style.backgroundColor = 'lightgrey';
            }
            else if (playing == 'PAUSED_PLAYBACK') {
                $('play').style.backgroundColor = 'lightgrey';
                $('pause').style.backgroundColor = 'darkgray';
                $('stop').style.backgroundColor = 'lightgrey';
            }
            else if (playing == 'STOPPED') {
                $('play').style.backgroundColor = 'lightgrey';
                $('pause').style.backgroundColor = 'lightgrey';
                $('stop').style.backgroundColor = 'darkgray';
            }
            else {
                $('play').style.backgroundColor = 'lightgrey';
                $('pause').style.backgroundColor = 'lightgrey';
                $('stop').style.backgroundColor = 'lightgrey';
            }

            if (actions.indexOf('play', 0) >= 0) {
                $('play').disabled = false;
            }
            else {
                $('play').disabled = true;
            }
            if (actions.indexOf('pause', 0) >= 0) {
                $('pause').disabled = false;
            }
            else {
                $('pause').disabled = true;
            }
            if (actions.indexOf('stop', 0) >= 0) {
                $('stop').disabled = false;
            }
            else {
                $('stop').disabled = true;
            }
            if (actions.indexOf('previous', 0) < 0) {
                $('prevTrack').disabled = true;
            }
            if (actions.indexOf('next', 0) < 0) {
                $('nextTrack').disabled = true;
            }

            if (transportUri.indexOf('x-rincon-stream:', 0) == 0
                    || transportUri.indexOf('x-rincon-mp3radio:', 0) == 0
                    || transportUri.indexOf('x-sonosapi-stream:', 0) == 0
                    || transportUri.indexOf('x-sonosapi-radio:', 0) == 0
                    || transportUri.indexOf('pndrradio:', 0) == 0) {
                if ((transportUri.indexOf('x-rincon-mp3radio:', 0) == 0
                            || transportUri.indexOf('x-sonosapi-stream:', 0) == 0)
                        && title != '') {
                    $('titleLabel').innerHTML = 'Stream:';
                }
                else if (transportUri.indexOf('x-rincon-stream:', 0) == 0 && title != '') {
                    $('titleLabel').innerHTML = 'Source:';
                }
                $('trackLabel').innerHTML = '';
                $('track').innerHTML = '';
                if (transportUri.indexOf('x-rincon-stream:', 0) != 0) {
                    $('pause').disabled = true;
                }
                if (transportUri.indexOf('x-sonosapi-radio:', 0) != 0
                        && transportUri.indexOf('pndrradio:', 0) != 0) {
                    $('prevTrack').disabled = true;
                    $('nextTrack').disabled = true;
                }
                if (currentService == '' && transportUri.indexOf('x-rincon-mp3radio:', 0) == 0 && currentRadio != '') {
                    currentService = 'Web radio:';
                }
            }
            $('service').innerHTML = currentService;
            $('radio').innerHTML = currentRadio;
        }

        if (mute == '1') {
            $('mute').style.backgroundColor = 'darkgray';
        }
        else {
            $('mute').style.backgroundColor = 'lightgrey';
        }

        if (onlineState == '1') {
            $('mute').disabled = false;
            $('playUri').disabled = false;
            $('say').disabled = false;
            $('playAudioInput').disabled = false;
            $('playSQ').disabled = false;
            $('playFavRadio').disabled = false;
            if (coordinator != uuid) {
                $('playQueue').disabled = true;
                $('clearQueue').disabled = true;
            }
            else {
                $('playQueue').disabled = false;
                $('clearQueue').disabled = false;
            }
        }
        else {
            $('mute').disabled = true;
            $('playUri').disabled = true;
            $('say').disabled = true;
            $('playAudioInput').disabled = true;
            $('playSQ').disabled = true;
            $('playFavRadio').disabled = true;
            $('playQueue').disabled = true;
            $('clearQueue').disabled = true;
        }

        // for (i=0; i<=10; i++) {
            // var max = i * 10;
            // var color = 'lightgrey';
            // if (volume > 0 && volume >= max) {
                // color = 'green';
            // }
            // $('volume'+i).style.backgroundColor = color;
        // }

        Sonos_prevCoordinator = coordinator;
        Sonos_prevOnlineState = onlineState;
        Sonos_prevCurrentAlbumArtUrl = currentAlbumArtUrl;
        Sonos_prevTitle = title;
        Sonos_prevAlbum = album;
        Sonos_prevArtist = artist;
        Sonos_prevDetails = details;
        Sonos_prevCurrentTrack = currentTrack;
        Sonos_prevNbrTracks = nbrTracks;
        Sonos_prevPlaying = playing;
        Sonos_prevActions = actions;
        Sonos_prevTransportUri = transportUri;
        Sonos_prevCurrentService = currentService;
        Sonos_prevCurrentRadio = currentRadio;
        Sonos_prevMute = mute;
        Sonos_prevVolume = volume;
    }

    Sonos_timeoutVar = setTimeout("Sonos_refreshPlayer("+device+")", 1000);
}

function Sonos_refreshDiscovery(device)
{
    var modelName = get_device_state(device, SONOS_SID, "SonosModelName", 1);
    if (modelName == undefined) {
        modelName = '';
    }
    var ip = '';
    for (i=0; i<jsonp.ud.devices.length; i++) {
        if (jsonp.ud.devices[i].id == device) {
            ip = jsonp.ud.devices[i].ip;
            break;
        }
    }
    var zone = get_device_state(device, DEVICE_PROPERTIES_SID, "ZoneName", 1);
    if (zone == undefined) {
        zone = '';
    }
    var onlineState = get_device_state(device, SONOS_SID, "SonosOnline", 1);
    if (onlineState == '1') {
        onlineState = 'ON';
    }
    else {
        onlineState = 'OFF';
    }
    var proxy = get_device_state(device, SONOS_SID, "ProxyUsed", 1);
    if (proxy == undefined) {
        proxy = '';
    }
    var resultDiscovery = get_device_state(device, SONOS_SID, "DiscoveryResult", 1);
    if (resultDiscovery == undefined) {
        resultDiscovery = '';
    }

    if (modelName != Sonos_prevModelName
        || ip != Sonos_prevIp
        || zone != Sonos_prevZone
        || onlineState != Sonos_prevOnlineState2
        || proxy != Sonos_prevProxy
        || resultDiscovery != Sonos_prevResultDiscovery) {

        Sonos_prevModelName = modelName;
        Sonos_prevIp = ip;
        Sonos_prevZone = zone;
        Sonos_prevOnlineState2 = onlineState;
        Sonos_prevProxy = proxy;
        Sonos_prevResultDiscovery = resultDiscovery;

        $('model').innerHTML = modelName;
        $('IP').innerHTML = ip;
        $('zone').innerHTML = zone;
        $('state').innerHTML = onlineState;
        $('proxy').innerHTML = proxy;

        if (resultDiscovery == 'scanning') {
            $('discover').disabled = true;
            $('discover').innerHTML = 'Scanning ...';
            $('discovery').innerHTML = '';
            $('selectDiscovery').disabled = true;
        }
        else if (resultDiscovery == "") {
            $('discover').disabled = false;
            $('discover').innerHTML = 'Discover';
            $('selectDiscovery').disabled = true;
            $('discovery').innerHTML = '';
        }
        else {
            $('discover').disabled = false;
            $('discover').innerHTML = 'Discover';
            $('selectDiscovery').disabled = false;

            var html = '';
            var xml = Sonos_parseXml(resultDiscovery);
            if (typeof xml != 'undefined') {
                var items = xml.getElementsByTagName("device");
                for (i=0; i<items.length; i++) {
                    var url = Sonos_extractXmlTag(items[i], 'descriptionURL');
                    if (url == undefined) {
                        url = '';
                    }
                    var name = Sonos_extractXmlTag(items[i], 'friendlyName');
                    if (name == undefined) {
                        name = '';
                    }
                    var adrIP = Sonos_extractXmlTag(items[i], 'ip');
                    if (adrIP == undefined) {
                        adrIP = '';
                    }
                    var selected = '';
                    if (adrIP == ip) {
                        selected = ' selected';
                    }
                    var room = Sonos_extractXmlTag(items[i], 'roomName');
                    if (room == undefined) {
                        room = '';
                    }
                    html += '<option ' + selected + ' value="' + url + '">' + room + ' (' + name + ')</option>';
                }
            }
            $('discovery').innerHTML = html;
            if (Sonos_browserIE) {
                $('discovery').outerHTML=$('discovery').outerHTML.replace($('discovery').innerHTML+'</select>',html+'</select>');
            }
        }
    }

    Sonos_timeoutVar2 = setTimeout("Sonos_refreshDiscovery("+device+")", 1000);
}

function Sonos_play(device)
{
    Sonos_callAction(device, MEDIA_NAVIGATION_SID, 'Play', {} );
}

function Sonos_pause(device)
{
    Sonos_callAction(device, MEDIA_NAVIGATION_SID, 'Pause', {} );
}

function Sonos_stop(device)
{
    Sonos_callAction(device, MEDIA_NAVIGATION_SID, 'Stop', {} );
}

function Sonos_prevTrack(device)
{
    Sonos_callAction(device, MEDIA_NAVIGATION_SID, 'SkipUp', {} );
}

function Sonos_nextTrack(device)
{
    Sonos_callAction(device, MEDIA_NAVIGATION_SID, 'SkipDown', {} );
}

function Sonos_mute(device)
{
    Sonos_callAction(device, RENDERING_CONTROL_SID, 'SetMute', {} );
}

// function Sonos_setVolume(device, volume)
// {
    // Sonos_callAction(device, RENDERING_CONTROL_SID, 'SetVolume', {'DesiredVolume':volume} );
// }

// function Sonos_volumeDown(device)
// {
    // Sonos_callAction(device, VOLUME_SID, 'Down', {} );
// }

// function Sonos_volumeUp(device)
// {
    // Sonos_callAction(device, VOLUME_SID, 'Up', {} );
// }

function Sonos_playAudioInput(device)
{
    if ($('audioInputs').selectedIndex >= 0) {
        var uri = $('audioInputs').options[$('audioInputs').selectedIndex].value;
        //$('debug').innerHTML = uri;
        Sonos_callAction(device, SONOS_SID, 'PlayURI', {'URIToPlay':uri} );
    }
}

function Sonos_playSQ(device)
{
    if ($('savedQueues').selectedIndex >= 0) {
        var uri = $('savedQueues').options[$('savedQueues').selectedIndex].value;
        //$('debug').innerHTML = uri;
        Sonos_callAction(device, SONOS_SID, 'PlayURI', {'URIToPlay':uri} );
    }
}

// function Sonos_enqueueSQ(device)
// {
    // if ($('savedQueues').selectedIndex >= 0) {
        // var uri = $('savedQueues').options[$('savedQueues').selectedIndex].value;
        // Sonos_callAction(device, SONOS_SID, 'EnqueueURI', {'URIToEnqueue':uri, 'EnqueueMode':'ENQUEUE'} );
    // }
// }

// function Sonos_enqueuePlaySQ(device)
// {
    // if ($('savedQueues').selectedIndex >= 0) {
        // var uri = $('savedQueues').options[$('savedQueues').selectedIndex].value;
        // Sonos_callAction(device, SONOS_SID, 'EnqueueURI', {'URIToEnqueue':uri, 'EnqueueMode':'ENQUEUE_AND_PLAY'} );
    // }
// }

// function Sonos_playNextSQ(device)
// {
    // if ($('savedQueues').selectedIndex >= 0) {
        // var uri = $('savedQueues').options[$('savedQueues').selectedIndex].value;
        // Sonos_callAction(device, SONOS_SID, 'EnqueueURI', {'URIToEnqueue':uri, 'EnqueueMode':'ENQUEUE_AT_NEXT_PLAY'} );
    // }
// }

// function Sonos_replaceQueueSQ(device)
// {
    // if ($('savedQueues').selectedIndex >= 0) {
        // var uri = $('savedQueues').options[$('savedQueues').selectedIndex].value;
        // Sonos_callAction(device, SONOS_SID, 'EnqueueURI', {'URIToEnqueue':uri, 'EnqueueMode':'REPLACE_QUEUE_AND_PLAY'} );
    // }
// }

function Sonos_clearQueue(device)
{
    Sonos_callAction(device, AVTRANSPORT_SID, 'RemoveAllTracksFromQueue', {'InstanceID':'0'} );
}

function Sonos_playQueue(device)
{
    var uri = 'Q:';
    var idx = $('queue').selectedIndex;
    if (idx >= 0) {
        idx += 1;
        uri += idx;
    }
    //$('debug').innerHTML = uri;
    Sonos_callAction(device, SONOS_SID, 'PlayURI', {'URIToPlay':uri} );
}

function Sonos_playFavRadio(device)
{
    if ($('favRadios').selectedIndex >= 0) {
        var uri = 'FR:' + $('favRadios').options[$('favRadios').selectedIndex].value;
        //$('debug').innerHTML = uri;
        Sonos_callAction(device, SONOS_SID, 'PlayURI', {'URIToPlay':uri} );
    }
}

function Sonos_playUri(device)
{
    var uri = encodeURIComponent($('uri').value);
    var protocol = $('protocol').value;
    if (protocol != "") {
        uri = protocol+':'+uri;
    }
    //$('debug').innerHTML = uri;
    if (uri != "") {
        Sonos_callAction(device, SONOS_SID, 'PlayURI', {'URIToPlay':uri} );
    }
}

function Sonos_selectLang()
{
    if ($('language1').selectedIndex >= 0) {
        $('language').value = $('language1').options[$('language1').selectedIndex].value;
    }
}

function Sonos_say(device)
{
    var text = $('text').value;
    var lang = $('language').value;
    var vol = $('volume').value;
    //$('debug').innerHTML = text + ' ' + lang + ' ' + vol;
    if (text != "") {
        Sonos_callAction(device, SONOS_SID, 'Say', {'Text':text, 'Language':lang, 'Volume':vol} );
    }
}

function Sonos_selectAllMembers(device, nb)
{
    for (i=0; i<nb; i++) {
        $('GroupMember'+i).checked = true;
    }
}

function Sonos_unselectAllMembers(device, nb)
{
    for (i=0; i<nb; i++) {
        $('GroupMember'+i).checked = false;
    }
}

function Sonos_updateGroup(device, nb)
{
    var zones = "";
    for (i=0; i<nb; i++) {
        if ($('GroupMember'+i).checked) {
            if (zones != "") {
                zones += ',';
            }
            zones += $('GroupMember'+i).value;
        }
    }
    //$('debug').innerHTML = zones;
    Sonos_callAction(device, SONOS_SID, 'UpdateGroupMembers', {'Zones':zones} );
}

function Sonos_startSonosDiscovery(device)
{
    Sonos_callAction(device, SONOS_SID, 'StartSonosDiscovery', {} );
}

function Sonos_selectDiscovery(device)
{
    if ($('discovery').selectedIndex >= 0) {
        var url = $('discovery').options[$('discovery').selectedIndex].value;
        //$('debug').innerHTML = url;
        Sonos_callAction(device, SONOS_SID, 'SelectSonosDevice', {'URL':url} );
    }
}

function Sonos_selectIP(device)
{
    if ($('newIP').value != "") {
        var url = 'http://' + $('newIP').value + ':1400/xml/device_description.xml';
        //$('debug').innerHTML = url;
        Sonos_callAction(device, SONOS_SID, 'SelectSonosDevice', {'URL':url} );
    }
}

function Sonos_checkState(device)
{
    if ($('IP').innerHTML != "") {
        var url = 'http://' + $('IP').innerHTML + ':1400/xml/device_description.xml';
        //$('debug').innerHTML = url;
        Sonos_callAction(device, SONOS_SID, 'SelectSonosDevice', {'URL':url} );
    }
}

function Sonos_callAction(device, sid, actname, args) {
    var q={
        'id':'lu_action',
        'output_format':'xml',
        'DeviceNum':device,
        'serviceId':sid,
        'action':actname
    };
    var key, count = 0;
    for(key in args) {
        count++;
    }
    if (count > 0) {
        Object.extend(q, args);
    }
    if (Sonos_browserIE) {
        Object.extend(q, {timestamp: new Date().getTime()}); //we need this to avoid IE caching of the AJAX get
    }
    new Ajax.Request (command_url+'/data_request', {
        method: 'get',
        parameters: q,
        onSuccess: function (response) {
        },
        onFailure: function (response) {
        },
        onComplete: function (response) {
        }
    });
}