git.sesse.net Git - vlc/blob - share/http/js/functions.js

   1 /*****************************************************************************
   2  * functions.js: VLC media player web interface
   3  *****************************************************************************
   4  * Copyright (C) 2005-2006 the VideoLAN team
   5  * $Id$
   6  *
   7  * Authors: Antoine Cellerier <dionoea -at- videolan -dot- org>
   8  *
   9  * This program is free software; you can redistribute it and/or modify
  10  * it under the terms of the GNU General Public License as published by
  11  * the Free Software Foundation; either version 2 of the License, or
  12  * (at your option) any later version.
  13  *
  14  * This program is distributed in the hope that it will be useful,
  15  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  16  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  17  * GNU General Public License for more details.
  18  *
  19  * You should have received a copy of the GNU General Public License
  20  * along with this program; if not, write to the Free Software
  21  * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111, USA.
  22  *****************************************************************************/
  23
  24 /**********************************************************************
  25  * Global variables
  26  *********************************************************************/
  27
  28 var old_time = 0;
  29 var pl_cur_id;
  30
  31 /**********************************************************************
  32  * Slider functions
  33  *********************************************************************/
  34
  35 var slider_mouse_down = 0;
  36 var slider_dx = 0;
  37
  38 /* findPosX() from http://www.quirksmode.rg/js/indpos.html */
  39 function findPosX(obj)
  40 {
  41     var curleft = 0;
  42     if (obj.offsetParent)
  43     {
  44         while (obj.offsetParent)
  45         {
  46             curleft += obj.offsetLeft
  47             obj = obj.offsetParent;
  48         }
  49     }
  50     else if (obj.x)
  51         curleft += obj.x;
  52     return curleft;
  53 }
  54
  55 function slider_seek( e, bar )
  56 {
  57     seek(Math.floor(( e.clientX + document.body.scrollLeft - findPosX( bar )) / 4)+"%25");
  58 }
  59 function slider_down( e, point )
  60 {
  61     slider_mouse_down = 1;
  62     slider_dx = e.clientX - findPosX( point );
  63 }
  64 function slider_up( e, bar )
  65 {
  66     slider_mouse_down = 0;
  67     /* slider_seek( e, bar ); */
  68 }
  69 function slider_move( e, bar )
  70 {
  71     if( slider_mouse_down == 1 )
  72     {
  73         var slider_position  = Math.floor( e.clientX - slider_dx + document.body.scrollLeft - findPosX( bar ));
  74         document.getElementById( 'main_slider_point' ).style.left = slider_position+"px";
  75         slider_seek( e, bar );
  76     }
  77 }
  78
  79 /**********************************************************************
  80  * Misc utils
  81  *********************************************************************/
  82
  83 /* XMLHttpRequest wrapper */
  84 function loadXMLDoc( url, callback )
  85 {
  86   // branch for native XMLHttpRequest object
  87   if ( window.XMLHttpRequest )
  88   {
  89     req = new XMLHttpRequest();
  90     req.onreadystatechange = callback;
  91     req.open( "GET", url, true );
  92     req.send( null );
  93   // branch for IE/Windows ActiveX version
  94   }
  95   else if ( window.ActiveXObject )
  96   {
  97     req = new ActiveXObject( "Microsoft.XMLHTTP" );
  98     if ( req )
  99     {
 100       req.onreadystatechange = callback;
 101       req.open( "GET", url, true );
 102       req.send();
 103     }
 104   }
 105 }
 106
 107 /* fomat time in second as hh:mm:ss */
 108 function format_time( s )
 109 {
 110     var hours = Math.floor(s/3600);
 111     var minutes = Math.floor((s/60)%60);
 112     var seconds = Math.floor(s%60);
 113     if( hours < 10 ) hours = "0"+hours;
 114     if( minutes < 10 ) minutes = "0"+minutes;
 115     if( seconds < 10 ) seconds = "0"+seconds;
 116     return hours+":"+minutes+":"+seconds;
 117 }
 118
 119 /* delete all a tag's children and add a text child node */
 120 function set_text( id, val )
 121 {
 122     var elt = document.getElementById( id );
 123     while( elt.hasChildNodes() )
 124         elt.removeChild( elt.firstChild );
 125     elt.appendChild( document.createTextNode( val ) );
 126 }
 127
 128 /* set item's 'element' attribute to value */
 129 function set_css( item, element, value )
 130 {
 131     for( var j = 0; j < document.styleSheets.length; j++ )
 132     {
 133         var cssRules = document.styleSheets[j].cssRules;
 134         if( !cssRules ) cssRules = document.styleSheets[j].rules;
 135         for( var i = 0; i < cssRules.length; i++)
 136         {
 137             if( cssRules[i].selectorText == item )
 138             {
 139                 if( cssRules[i].style.setProperty )
 140                     cssRules[i].style.setProperty( element, value, null );
 141                 else
 142                     cssRules[i].style.setAttribute( toCamelCase( element ), value );
 143                 return;
 144             }
 145         }
 146     }
 147 }
 148
 149 /* get item's 'element' attribute */
 150 function get_css( item, element )
 151 {
 152     for( var j = 0; j < document.styleSheets.length; j++ )
 153     {
 154         var cssRules = document.styleSheets[j].cssRules;
 155         if( !cssRules ) cssRules = document.styleSheets[j].rules;
 156         for( var i = 0; i < cssRules.length; i++)
 157         {
 158             if( cssRules[i].selectorText == item )
 159             {
 160                 if( cssRules[i].style.getPropertyValue )
 161                     return cssRules[i].style.getPropertyValue( element );
 162                 else
 163                     return cssRules[i].style.getAttribute( toCamelCase( element ) );
 164             }
 165         }
 166     }
 167 }
 168
 169 function toggle_show( id )
 170 {
 171     var element = document.getElementById( id );
 172     if( element.style.display == 'block' || element.style.display == '' )
 173     {
 174         element.style.display = 'none';
 175     }
 176     else
 177     {
 178         element.style.display = 'block';
 179     }
 180 }
 181 function toggle_show_node( id )
 182 {
 183     var element = document.getElementById( 'pl_'+id );
 184     var img = document.getElementById( 'pl_img_'+id );
 185     if( element.style.display == 'block' || element.style.display == '' )
 186     {
 187         element.style.display = 'none';
 188         img.setAttribute( 'src', 'images/plus.png' );
 189         img.setAttribute( 'alt', '[+]' );
 190     }
 191     else
 192     {
 193         element.style.display = 'block';
 194         img.setAttribute( 'src', 'images/minus.png' );
 195         img.setAttribute( 'alt', '[-]' );
 196     }
 197 }
 198
 199 function show( id ){ document.getElementById( id ).style.display = 'block'; }
 200
 201 function hide( id ){ document.getElementById( id ).style.display = 'none'; }
 202
 203 function checked( id ){ return document.getElementById( id ).checked; }
 204
 205 function value( id ){ return document.getElementById( id ).value; }
 206
 207 function radio_value( name )
 208 {
 209     var radio = document.getElementsByName( name );
 210     for( var i = 0; i < radio.length; i++ )
 211     {
 212         if( radio[i].checked )
 213         {
 214             return radio[i].value;
 215         }
 216     }
 217     return "";
 218 }
 219
 220 function check_and_replace_int( id, val )
 221 {
 222     var objRegExp = /^\d\d*$/;
 223     if( value( id ) != ''
 224         && ( !objRegExp.test( value( id ) )
 225              || parseInt( value( id ) ) < 1 ) )
 226         return document.getElementById( id ).value = val;
 227     return document.getElementById( id ).value;
 228 }
 229
 230 function addslashes( str ){ return str.replace(/\'/g, '\\\''); }
 231 function escapebackslashes( str ){ return str.replace(/\\[^']/g, '\\\\'); }
 232
 233 function toCamelCase( str )
 234 {
 235     str = str.split( '-' );
 236     var cml = str[0];
 237     for( var i=1; i<str.length; i++)
 238         cml += str[i].charAt(0).toUpperCase()+str[i].substring(1);
 239     return cml;
 240 }
 241
 242 function disable( id ){ document.getElementById( id ).disabled = true; }
 243
 244 function enable( id ){ document.getElementById( id ).disabled = false; }
 245
 246 function button_over( element ){ element.style.border = "1px solid #000"; }
 247
 248 function button_out( element ){ element.style.border = "1px solid #fff"; }
 249 function button_out_menu( element ){ element.style.border = "1px solid transparent"; }
 250
 251 function show_menu( id ){ document.getElementById(id).style.display = 'block'; }
 252 function hide_menu( id ){ document.getElementById(id).style.display = 'none'; }
 253
 254 /* toggle show help under the buttons */
 255 function toggle_btn_text()
 256 {
 257     if( get_css( '.btn_text', 'display' ) == 'none' )
 258     {
 259         set_css( '.btn_text', 'display', 'block' );
 260     }
 261     else
 262     {
 263         set_css( '.btn_text', 'display', 'none' );
 264     }
 265 }
 266
 267 function clear_children( elt )
 268 {
 269     if( elt )
 270         while( elt.hasChildNodes() )
 271             elt.removeChild( elt.firstChild );
 272 }
 273
 274 /**********************************************************************
 275  * Interface actions
 276  *********************************************************************/
 277 /* input actions */
 278 function in_play()
 279 {
 280     var input = value('input_mrl');
 281     if( value('sout_mrl') != '' )
 282         input += ' '+value('sout_mrl');
 283     var url = 'requests/status.xml?command=in_play&input='+escape( input );
 284     loadXMLDoc( url, parse_status );
 285     setTimeout( 'update_playlist()', 1000 );
 286 }
 287 function in_enqueue()
 288 {
 289     var input = value('input_mrl');
 290     if( value('sout_mrl') != '' )
 291         input += ' '+value('sout_mrl');
 292     var url = 'requests/status.xml?command=in_enqueue&input='+escape( input );
 293     loadXMLDoc( url, parse_status );
 294     setTimeout( 'update_playlist()', 1000 );
 295 }
 296
 297 /* playlist actions */
 298 function pl_play( id )
 299 {
 300     loadXMLDoc( 'requests/status.xml?command=pl_play&id='+id, parse_status );
 301     pl_cur_id = id;
 302     setTimeout( 'update_playlist()', 1000 );
 303 }
 304 function pl_pause()
 305 {
 306     loadXMLDoc( 'requests/status.xml?command=pl_pause&id='+pl_cur_id, parse_status );
 307 }
 308 function pl_stop()
 309 {
 310     loadXMLDoc( 'requests/status.xml?command=pl_stop', parse_status );
 311     setTimeout( 'update_playlist()', 1000 );
 312 }
 313 function pl_next()
 314 {
 315     loadXMLDoc( 'requests/status.xml?command=pl_next', parse_status );
 316     setTimeout( 'update_playlist()', 1000 );
 317 }
 318 function pl_previous()
 319 {
 320     loadXMLDoc( 'requests/status.xml?command=pl_previous', parse_status );
 321     setTimeout( 'update_playlist()', 1000 );
 322 }
 323 function pl_delete( id )
 324 {
 325     loadXMLDoc( 'requests/status.xml?command=pl_delete&id='+id, parse_status );
 326     setTimeout( 'update_playlist()', 1000 );
 327 }
 328 function pl_empty()
 329 {
 330     loadXMLDoc( 'requests/status.xml?command=pl_empty', parse_status );
 331     setTimeout( 'update_playlist()', 1000 );
 332 }
 333 function pl_sort( sort, order )
 334 {
 335     loadXMLDoc( 'requests/status.xml?command=pl_sort&id='+order+'&val='+sort, parse_status );
 336     setTimeout( 'update_playlist()', 1000 );
 337 }
 338 function pl_shuffle()
 339 {
 340     loadXMLDoc( 'requests/status.xml?command=pl_random', parse_status );
 341     setTimeout( 'update_playlist()', 1000 );
 342 }
 343 function pl_loop()
 344 {
 345     loadXMLDoc( 'requests/status.xml?command=pl_loop', parse_status );
 346 }
 347 function pl_repeat()
 348 {
 349     loadXMLDoc( 'requests/status.xml?command=pl_repeat', parse_status );
 350 }
 351 function pl_sd( value )
 352 {
 353     loadXMLDoc( 'requests/status.xml?command=pl_sd&val='+value, parse_status );
 354 }
 355
 356 /* misc actions */
 357 function volume_down()
 358 {
 359     loadXMLDoc( 'requests/status.xml?command=volume&val=-20', parse_status );
 360 }
 361 function volume_up()
 362 {
 363     loadXMLDoc( 'requests/status.xml?command=volume&val=%2B20', parse_status );
 364 }
 365 function seek( pos )
 366 {
 367     loadXMLDoc( 'requests/status.xml?command=seek&val='+pos, parse_status );
 368 }
 369 function fullscreen()
 370 {
 371     loadXMLDoc( 'requests/status.xml?command=fullscreen', parse_status );
 372 }
 373 function update_status()
 374 {
 375     loadXMLDoc( 'requests/status.xml', parse_status );
 376 }
 377 function update_playlist()
 378 {
 379     loadXMLDoc( 'requests/playlist.xml', parse_playlist );
 380 }
 381
 382 /**********************************************************************
 383  * Parse xml replies to XMLHttpRequests
 384  *********************************************************************/
 385 /* parse request/status.xml */
 386 function parse_status()
 387 {
 388     if( req.readyState == 4 )
 389     {
 390         if( req.status == 200 )
 391         {
 392             var status = req.responseXML.documentElement;
 393             var timetag = status.getElementsByTagName( 'time' );
 394             if( timetag.length > 0 )
 395             {
 396                 var new_time = timetag[0].firstChild.data;
 397             }
 398             else
 399             {
 400                 new_time = old_time;
 401             }
 402             var lengthtag = status.getElementsByTagName( 'length' );
 403             var length;
 404             if( lengthtag.length > 0 )
 405             {
 406                 length = lengthtag[0].firstChild.data;
 407             }
 408             else
 409             {
 410                 length = 0;
 411             }
 412             var slider_position;
 413             positiontag = status.getElementsByTagName( 'position' );
 414             if( length < 100 && positiontag.length > 0 )
 415             {
 416                 slider_position = ( positiontag[0].firstChild.data * 4 ) + "px";
 417             }
 418             else if( length > 0 )
 419             {
 420                 /* this is more precise if length > 100 */
 421                 slider_position = Math.floor( ( new_time * 400 ) / length ) + "px";
 422             }
 423             else
 424             {
 425                 slider_position = 0;
 426             }
 427             if( old_time > new_time )
 428                 setTimeout('update_playlist()',50);
 429             old_time = new_time;
 430             set_text( 'time', format_time( new_time ) );
 431             set_text( 'length', format_time( length ) );
 432             if( status.getElementsByTagName( 'volume' ).length != 0 )
 433                 set_text( 'volume', Math.floor(status.getElementsByTagName( 'volume' )[0].firstChild.data/5.12)+'%' );
 434             var statetag = status.getElementsByTagName( 'state' );
 435             if( statetag.length > 0 )
 436             {
 437                 set_text( 'state', statetag[0].firstChild.data );
 438             }
 439             else
 440             {
 441                 set_text( 'state', '(?)' );
 442             }
 443             if( slider_mouse_down == 0 )
 444             {
 445                 document.getElementById( 'main_slider_point' ).style.left = slider_position;
 446             }
 447             var statustag = status.getElementsByTagName( 'state' );
 448             if( statustag.length > 0 ? statustag[0].firstChild.data == "playing" : 0 )
 449             {
 450                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/pause.png' );
 451                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Pause' );
 452                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Pause' );
 453             }
 454             else
 455             {
 456                 document.getElementById( 'btn_pause_img' ).setAttribute( 'src', 'images/play.png' );
 457                 document.getElementById( 'btn_pause_img' ).setAttribute( 'alt', 'Play' );
 458                 document.getElementById( 'btn_pause' ).setAttribute( 'title', 'Play' );
 459             }
 460
 461             var randomtag = status.getElementsByTagName( 'random' );
 462             if( randomtag.length > 0 ? randomtag[0].firstChild.data == "1" : 0)
 463                 document.getElementById( 'btn_shuffle').setAttribute( 'class', 'on' );
 464             else
 465                 document.getElementById( 'btn_shuffle').setAttribute( 'class', 'off' );
 466
 467             var looptag = status.getElementsByTagName( 'loop' );
 468             if( looptag.length > 0 ? looptag[0].firstChild.data == "1" : 0)
 469                 document.getElementById( 'btn_loop').setAttribute( 'class', 'on' );
 470             else
 471                 document.getElementById( 'btn_loop').setAttribute( 'class', 'off' );
 472
 473             var repeattag = status.getElementsByTagName( 'repeat' );
 474             if( repeattag.length > 0 ? repeattag[0].firstChild.data == "1" : 0 )
 475                 document.getElementById( 'btn_repeat').setAttribute( 'class', 'on' );
 476             else
 477                 document.getElementById( 'btn_repeat').setAttribute( 'class', 'off' );
 478
 479             var tree = document.createElement( "ul" );
 480             var categories = status.getElementsByTagName( 'category' );
 481             var i;
 482             for( i = 0; i < categories.length; i++ )
 483             {
 484                 var item = document.createElement( "li" );
 485                 item.appendChild( document.createTextNode( categories[i].getAttribute( 'name' ) ) );
 486                 var subtree = document.createElement( "dl" );
 487                 var infos = categories[i].getElementsByTagName( 'info' );
 488                 var j;
 489                 for( j = 0; j < infos.length; j++ )
 490                 {
 491                     var subitem = document.createElement( "dt" );
 492                     subitem.appendChild( document.createTextNode( infos[j].getAttribute( 'name' ) ) );
 493                     subtree.appendChild( subitem );
 494                     if( infos[j].hasChildNodes() )
 495                     {
 496                         var subitem = document.createElement( "dd" );
 497                         subitem.appendChild( document.createTextNode( infos[j].firstChild.data ) );
 498                         subtree.appendChild( subitem );
 499                     }
 500                 }
 501                 item.appendChild( subtree );
 502                 tree.appendChild( item );
 503             }
 504             var infotree = document.getElementById('infotree' );
 505             clear_children( infotree );
 506             infotree.appendChild( tree );
 507
 508         }
 509         else
 510         {
 511             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 512         }
 513     }
 514 }
 515
 516 /* parse playlist.xml */
 517 function parse_playlist()
 518 {
 519     if( req.readyState == 4 )
 520     {
 521         if( req.status == 200 )
 522         {
 523             var answer = req.responseXML.documentElement;
 524             var playtree = document.getElementById( 'playtree' );
 525             var pos = document.createElement( "div" );
 526             var pos_top = pos;
 527             var elt = answer.firstChild;
 528
 529             pl_cur_id = 0;  /* changed to the current id is there actually
 530                              * is a current id */
 531             while( elt )
 532             {
 533                 if( elt.nodeName == "node" )
 534                 {
 535                     if( pos.hasChildNodes() )
 536                         pos.appendChild( document.createElement( "br" ) );
 537                     var nda = document.createElement( 'a' );
 538                     nda.setAttribute( 'href', 'javascript:toggle_show_node(\''+elt.getAttribute( 'id' )+'\');' );
 539                     var ndai = document.createElement( 'img' );
 540                     ndai.setAttribute( 'src', 'images/minus.png' );
 541                     ndai.setAttribute( 'alt', '[-]' );
 542                     ndai.setAttribute( 'id', 'pl_img_'+elt.getAttribute( 'id' ) );
 543                     nda.appendChild( ndai );
 544                     pos.appendChild( nda );
 545                     pos.appendChild( document.createTextNode( ' ' + elt.getAttribute( 'name' ) ) );
 546
 547                     if( elt.getAttribute( 'ro' ) == 'rw' )
 548                     {
 549                         pos.appendChild( document.createTextNode( ' ' ) );
 550                         var del = document.createElement( "a" );
 551                         del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
 552                             var delimg = document.createElement( "img" );
 553                             delimg.setAttribute( 'src', 'images/delete_small.png' );
 554                             delimg.setAttribute( 'alt', '(delete)' );
 555                         del.appendChild( delimg );
 556                         pos.appendChild( del );
 557                     }
 558
 559                     var nd = document.createElement( "div" );
 560                     nd.setAttribute( 'class', 'pl_node' );
 561                     nd.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 562                     pos.appendChild( nd );
 563                 }
 564                 else if( elt.nodeName == "leaf" )
 565                 {
 566                     if( pos.hasChildNodes() )
 567                     pos.appendChild( document.createElement( "br" ) );
 568                     var pl = document.createElement( "a" );
 569                     pl.setAttribute( 'class', 'pl_leaf' );
 570                     pl.setAttribute( 'href', 'javascript:pl_play('+elt.getAttribute( 'id' )+');' );
 571                     pl.setAttribute( 'id', 'pl_'+elt.getAttribute( 'id' ) );
 572                     if( elt.getAttribute( 'current' ) == 'current' )
 573                     {
 574                         pl.setAttribute( 'style', 'font-weight: bold;' );
 575                         var nowplaying = document.getElementById( 'nowplaying' );
 576                         clear_children( nowplaying );
 577                         nowplaying.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 578                         pl.appendChild( document.createTextNode( '* '));
 579                         pl_cur_id = elt.getAttribute( 'id' );
 580                     }
 581                     pl.setAttribute( 'title', elt.getAttribute( 'uri' ));
 582                     pl.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 583                     var duration = elt.getAttribute( 'duration' );
 584                     if( duration > 0 )
 585                         pl.appendChild( document.createTextNode( " (" + format_time( elt.getAttribute( 'duration' ) / 1000000 ) + ")" ) );
 586                     pos.appendChild( pl );
 587
 588                     if( elt.getAttribute( 'ro' ) == 'rw' )
 589                     {
 590                         pos.appendChild( document.createTextNode( ' ' ) );
 591                         var del = document.createElement( "a" );
 592                         del.setAttribute( 'href', 'javascript:pl_delete('+elt.getAttribute( 'id' )+')' );
 593                             var delimg = document.createElement( "img" );
 594                             delimg.setAttribute( 'src', 'images/delete_small.png' );
 595                             delimg.setAttribute( 'alt', '(delete)' );
 596                         del.appendChild( delimg );
 597                         pos.appendChild( del );
 598                     }
 599                 }
 600                 if( elt.firstChild )
 601                 {
 602                     elt = elt.firstChild;
 603                     pos = pos.lastChild;
 604                 }
 605                 else if( elt.nextSibling )
 606                 {
 607                     elt = elt.nextSibling;
 608                     pos = pos;
 609                 }
 610                 else
 611                 {
 612                     while( ! elt.parentNode.nextSibling )
 613                     {
 614                         elt = elt.parentNode;
 615                         if( ! elt.parentNode ) break;
 616                     }
 617                     if( ! elt.parentNode ) break;
 618                     elt = elt.parentNode.nextSibling;
 619                     pos = pos.parentNode;
 620                 }
 621             }
 622             clear_children( playtree );
 623             playtree.appendChild( pos_top );
 624         }
 625         else
 626         {
 627             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 628         }
 629     }
 630 }
 631
 632 /* parse browse.xml */
 633 function parse_browse_dir( )
 634 {
 635     if( req.readyState == 4 )
 636     {
 637         if( req.status == 200 )
 638         {
 639             var answer = req.responseXML.documentElement;
 640             if( !answer ) return;
 641             var browser = document.getElementById( 'browser' );
 642             var pos = document.createElement( "div" );
 643             var elt = answer.firstChild;
 644             while( elt )
 645             {
 646                 if( elt.nodeName == "element" )
 647                 {
 648                     var item = document.createElement( "a" );
 649                     item.setAttribute( 'class', 'browser' );
 650                     if( elt.getAttribute( 'type' ) == 'directory' )
 651                     {
 652                         item.setAttribute( 'href', 'javascript:browse_dir(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
 653                     }
 654                     else
 655                     {
 656                         item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');' );
 657                     }
 658                     item.appendChild( document.createTextNode( elt.getAttribute( 'name' ) ) );
 659                     pos.appendChild( item );
 660                     if( elt.getAttribute( 'type' ) == 'directory' )
 661                     {
 662                         pos.appendChild( document.createTextNode( ' ' ) );
 663                         var item = document.createElement( "a" );
 664                         item.setAttribute( 'class', 'browser' );
 665                         item.setAttribute( 'href', 'javascript:browse_path(\''+escapebackslashes(addslashes(elt.getAttribute( 'path' )))+'\');');
 666                         item.appendChild( document.createTextNode( '(select)' ) );
 667                         pos.appendChild( item );
 668                     }
 669                     pos.appendChild( document.createElement( "br" ) );
 670                 }
 671                 elt = elt.nextSibling;
 672             }
 673             clear_children( browser );
 674             browser.appendChild( pos );
 675         }
 676         else
 677         {
 678             /*alert( 'Error! HTTP server replied: ' + req.status );*/
 679         }
 680     }
 681 }
 682
 683 /**********************************************************************
 684  * Input dialog functions
 685  *********************************************************************/
 686 function hide_input( )
 687 {
 688     document.getElementById( 'input_file' ).style.display = 'none';
 689     document.getElementById( 'input_disc' ).style.display = 'none';
 690     document.getElementById( 'input_network' ).style.display = 'none';
 691     document.getElementById( 'input_fake' ).style.display = 'none';
 692 }
 693
 694 /* update the input MRL using data from the input file helper */
 695 /* FIXME ... subs support */
 696 function update_input_file()
 697 {
 698     var mrl = document.getElementById( 'input_mrl' );
 699
 700     mrl.value = value( 'input_file_filename' );
 701 }
 702
 703 /* update the input MRL using data from the input disc helper */
 704 function update_input_disc()
 705 {
 706     var mrl     = document.getElementById( 'input_mrl' );
 707     var type    = radio_value( "input_disc_type" );
 708     var device  = value( "input_disc_dev" );
 709
 710     var title   = check_and_replace_int( 'input_disc_title', 0 );
 711     var chapter = check_and_replace_int( 'input_disc_chapter', 0 );
 712     var subs    = check_and_replace_int( 'input_disc_subtrack', '' );
 713     var audio   = check_and_replace_int( 'input_disc_audiotrack', 0 );
 714
 715     mrl.value = "";
 716
 717     if( type == "dvd" )
 718     {
 719         mrl.value += "dvd://";
 720     }
 721     else if( type == "dvdsimple" )
 722     {
 723         mrl.value += "dvdsimple://";
 724     }
 725     else if( type == "vcd" )
 726     {
 727         mrl.value += "vcd://";
 728     }
 729     else if( type == "cdda" )
 730     {
 731         mrl.value += "cdda://";
 732     }
 733
 734     mrl.value += device;
 735
 736     if( title )
 737     {
 738         mrl.value += "@"+title;
 739         if( chapter && type != "cdda" )
 740             mrl.value += ":"+chapter;
 741     }
 742
 743     if( type != "cdda" )
 744     {
 745         if( subs != '' )
 746             mrl.value += " :sub-track="+subs;
 747         if( audio != '' )
 748             mrl.value += " :audio-track="+audio;
 749     }
 750
 751 }
 752
 753 /* update the input MRL using data from the input network helper */
 754 function update_input_net()
 755 {
 756     var mrl = document.getElementById( 'input_mrl' );
 757     var type = radio_value( "input_net_type" );
 758
 759     check_and_replace_int( 'input_net_udp_port', 1234 );
 760     check_and_replace_int( 'input_net_udpmcast_port', 1234 );
 761
 762     mrl.value = "";
 763
 764     if( type == "udp" )
 765     {
 766         mrl.value += "udp://";
 767         if( checked( 'input_net_udp_forceipv6' ) )
 768             mrl.value += "[::]";
 769         if( value( 'input_net_udp_port' ) )
 770             mrl.value += ":"+value( 'input_net_udp_port' );
 771     }
 772     else if( type == "udpmcast" )
 773     {
 774         mrl.value += "udp://@"+value( 'input_net_udpmcast_address');
 775         if( value( 'input_net_udpmcast_port' ) )
 776             mrl.value += ":"+value( 'input_net_udpmcast_port' );
 777     }
 778     else if( type == "http" )
 779     {
 780         var url = value( 'input_net_http_url' );
 781         if( url.substring(0,7) != "http://"
 782             && url.substring(0,8) != "https://"
 783             && url.substring(0,6) != "ftp://"
 784             && url.substring(0,6) != "mms://"
 785             && url.substring(0,7) != "mmsh://" )
 786             mrl.value += "http://";
 787         mrl.value += url;
 788     }
 789     else if( type == "rtsp" )
 790     {
 791         var url = value( 'input_net_rtsp_url' );
 792         if( url.substring(0,7) != "rtsp://" )
 793             mrl.value += "rtsp://";
 794         mrl.value += url;
 795     }
 796
 797     if( checked( "input_net_timeshift" ) )
 798         mrl.value += " :access-filter=timeshift";
 799 }
 800
 801 /* update the input MRL using data from the input fake helper */
 802 function update_input_fake()
 803 {
 804     var mrl = document.getElementById( 'input_mrl' );
 805
 806     mrl.value = "fake:";
 807     mrl.value += " :fake-file=" + value( "input_fake_filename" );
 808
 809     if( value( "input_fake_width" ) )
 810         mrl.value += " :fake-width=" + value( "input_fake_width" );
 811     if( value( "input_fake_height" ) )
 812         mrl.value += " :fake-height=" + value( "input_fake_height" );
 813     if( value( "input_fake_ar" ) )
 814         mrl.value += " :fake-ar=" + value( "input_fake_ar" );
 815 }
 816
 817 /**********************************************************************
 818  * Sout dialog functions
 819  *********************************************************************/
 820 /* toggle show the full sout interface */
 821 function toggle_show_sout_helper()
 822 {
 823     var element = document.getElementById( "sout_helper" );
 824     if( element.style.display == 'block' )
 825     {
 826         element.style.display = 'none';
 827         document.getElementById( "sout_helper_toggle" ).value = 'Full sout interface';
 828     }
 829     else
 830     {
 831         element.style.display = 'block';
 832         document.getElementById( "sout_helper_toggle" ).value = 'Hide sout interface';
 833     }
 834 }
 835
 836 /* update the sout MRL using data from the sout_helper */
 837 function update_sout()
 838 {
 839     var mrl = document.getElementById( 'sout_mrl' );
 840     mrl.value = "";
 841
 842     check_and_replace_int( 'sout_http_port', 8080 );
 843     check_and_replace_int( 'sout_mmsh_port', 8080 );
 844     check_and_replace_int( 'sout_rtp_port', 1234 );
 845     check_and_replace_int( 'sout_udp_port', 1234 );
 846     check_and_replace_int( 'sout_ttl', 1 );
 847
 848     if( checked( 'sout_soverlay' ) )
 849     {
 850         disable( 'sout_scodec' );
 851         disable( 'sout_sub' );
 852     }
 853     else
 854     {
 855         enable( 'sout_scodec' );
 856         enable( 'sout_sub' );
 857     }
 858
 859     var transcode =  checked( 'sout_vcodec_s' ) || checked( 'sout_acodec_s' )
 860                   || checked( 'sout_sub' )      || checked( 'sout_soverlay' );
 861
 862     if( transcode )
 863     {
 864         mrl.value += ":sout=#transcode{";
 865         var alot = false; /* alot == at least one transcode */
 866         if( checked( 'sout_vcodec_s' ) )
 867         {
 868             mrl.value += "vcodec="+value( 'sout_vcodec' )+",vb="+value( 'sout_vb' )+",scale="+value( 'sout_scale' );
 869             alot = true;
 870         }
 871         if( checked( 'sout_acodec_s' ) )
 872         {
 873             if( alot ) mrl.value += ",";
 874             mrl.value += "acodec="+value( 'sout_acodec' )+",ab="+value( 'sout_ab' );
 875             if( value( 'sout_channels' ) )
 876                 mrl.value += ",channels="+value( 'sout_channels' );
 877             alot = true;
 878         }
 879         if( checked( 'sout_soverlay' ) )
 880         {
 881             if( alot ) mrl.value += ",";
 882             mrl.value += "soverlay";
 883             alot = true;
 884         }
 885         else if( checked( 'sout_sub' ) )
 886         {
 887             if( alot ) mrl.value += ",";
 888             mrl.value += "scodec="+value( 'sout_scodec' );
 889             alot = true;
 890         }
 891         mrl.value += value( 'sout_transcode_extra' );
 892
 893         mrl.value += "}";
 894     }
 895
 896     var output = checked( 'sout_display' ) + checked( 'sout_file' )
 897                + checked( 'sout_http' )    + checked( 'sout_mmsh' )
 898                + checked( 'sout_rtp' )     + checked( 'sout_udp' );
 899
 900     if( output )
 901     {
 902         if( transcode )
 903             mrl.value += ":";
 904         else
 905             mrl.value += ":sout=#";
 906         var aloo = false; /* aloo == at least one output */
 907         var mux = radio_value( 'sout_mux' );
 908         var ttl = parseInt( value( 'sout_ttl' ) );
 909         if( output > 1 ) mrl.value += "duplicate{";
 910         if( checked( 'sout_display' ) )
 911         {
 912             if( output > 1 ) mrl.value += "dst="
 913             mrl.value += "display";
 914             aloo = true;
 915         }
 916         if( checked( 'sout_file' ) )
 917         {
 918             if( aloo ) mrl.value += ",";
 919             if( output > 1 ) mrl.value += "dst="
 920             mrl.value += "std{access=file,mux="+mux+",dst="+value( 'sout_file_filename' )+"}";
 921             aloo = true;
 922         }
 923         if( checked( 'sout_http' ) )
 924         {
 925             if( aloo ) mrl.value += ",";
 926             if( output > 1 ) mrl.value += "dst="
 927             mrl.value += "std{access=http,mux="+mux+",dst="+value( 'sout_http_addr' );
 928             if( value( 'sout_http_port' ) )
 929                 mrl.value += ":"+value( 'sout_http_port' );
 930             mrl.value += "}";
 931             aloo = true;
 932         }
 933         if( checked( 'sout_mmsh' ) )
 934         {
 935             if( aloo ) mrl.value += ",";
 936             if( output > 1 ) mrl.value += "dst="
 937             mrl.value += "std{access=mmsh,mux="+mux+",dst="+value( 'sout_mmsh_addr' );
 938             if( value( 'sout_mmsh_port' ) )
 939                 mrl.value += ":"+value( 'sout_mmsh_port' );
 940             mrl.value += "}";
 941             aloo = true;
 942         }
 943         if( checked( 'sout_rtp' ) )
 944         {
 945             if( aloo ) mrl.value += ",";
 946             if( output > 1 ) mrl.value += "dst="
 947             mrl.value += "std{access=rtp";
 948             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 949             mrl.value += ",mux="+mux+",dst="+value( 'sout_rtp_addr' );
 950             if( value( 'sout_rtp_port' ) )
 951                 mrl.value += ":"+value( 'sout_rtp_port' );
 952             if( checked( 'sout_sap' ) )
 953             {
 954                 mrl.value += ",sap";
 955                 if( value( 'sout_sap_group' ) != '' )
 956                 {
 957                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 958                 }
 959                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 960             }
 961             mrl.value += "}";
 962             aloo = true;
 963         }
 964         if( checked( 'sout_udp' ) )
 965         {
 966             if( aloo ) mrl.value += ",";
 967             if( output > 1 ) mrl.value += "dst="
 968             mrl.value += "std{access=udp";
 969             if( ttl ) mrl.value += "{ttl="+ttl+"}";
 970             mrl.value += ",mux="+mux+",dst="+value( 'sout_udp_addr' );
 971             if( value('sout_udp_port' ) )
 972                 mrl.value += ":"+value( 'sout_udp_port' );
 973             if( checked( 'sout_sap' ) )
 974             {
 975                 mrl.value += ",sap";
 976                 if( value( 'sout_sap_group' ) != '' )
 977                 {
 978                     mrl.value += ",group=\""+value( 'sout_sap_group' )+"\"";
 979                 }
 980                 mrl.value += ",name=\""+value( 'sout_sap_name' )+"\"";
 981             }
 982             mrl.value += "}";
 983             aloo = true;
 984         }
 985         if( output > 1 ) mrl.value += "}";
 986     }
 987
 988     if( ( transcode || output ) && checked( 'sout_all' ) )
 989         mrl.value += " :sout-all";
 990 }
 991
 992 /* reset sout mrl value */
 993 function reset_sout()
 994 {
 995     document.getElementById('sout_mrl').value = value('sout_old_mrl');
 996 }
 997
 998 /* save sout mrl value */
 999 function save_sout()
1000 {
1001     document.getElementById('sout_old_mrl').value = value('sout_mrl');
1002 }
1003
1004 /**********************************************************************
1005  * Browser dialog functions
1006  *********************************************************************/
1007 /* only browse() should be called directly */
1008 function browse( dest )
1009 {
1010     document.getElementById( 'browse_dest' ).value = dest;
1011     document.getElementById( 'browse_lastdir' ).value;
1012     browse_dir( document.getElementById( 'browse_lastdir' ).value );
1013     show( 'browse' );
1014 }
1015 function browse_dir( dir )
1016 {
1017     document.getElementById( 'browse_lastdir' ).value = dir;
1018     loadXMLDoc( 'requests/browse.xml?dir='+escape(dir), parse_browse_dir );
1019 }
1020 function browse_path( p )
1021 {
1022     document.getElementById( value( 'browse_dest' ) ).value = p;
1023     hide( 'browse' );
1024     document.getElementById( value( 'browse_dest' ) ).focus();
1025 }
1026
1027 /**********************************************************************
1028  * Periodically update stuff in the interface
1029  *********************************************************************/
1030 function loop_refresh_status()
1031 {
1032     setTimeout( 'loop_refresh_status()', 1000 );
1033     update_status();
1034 }
1035 function loop_refresh_playlist()
1036 {
1037     /* setTimeout( 'loop_refresh_playlist()', 10000 ); */
1038     update_playlist();
1039 }
1040 function loop_refresh()
1041 {
1042     setTimeout( 'loop_refresh_status()', 1 );
1043     setTimeout( 'loop_refresh_playlist()', 1 );
1044 }
1045