<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<?xml verison="1.0" charset="iso-8859-1"?>
<html>
 <head>
  <title>WiiCR Player - WiinVi 0.3a</title>
  <link rel="stylesheet" href="<<theme_dir>>/style.css" />
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
  <script type="text/javascript">
   start01 = new Image;
   start02 = new Image;
   start03 = new Image;
   start01.src = '<<theme_dir>>/img/taskbar/start.png';
   start02.src = '<<theme_dir>>/img/taskbar/start_highlight.png';
   start03.src = '<<theme_dir>>/img/taskbar/start_click.png';

   home01 = new Image;
   home02 = new Image;
   home03 = new Image;
   home04 = new Image;
   home01.src = '<<theme_dir>>/img/taskbar/home_window.png';
   home02.src = '<<theme_dir>>/img/taskbar/home_window_nv.png';
   home03.src = '<<theme_dir>>/img/taskbar/home_window_highlight.png';
   home04.src = '<<theme_dir>>/img/taskbar/home_window_highlight_nv.png';

   comp01 = new Image;
   comp02 = new Image;
   comp03 = new Image;
   comp04 = new Image;
   comp01.src = '<<theme_dir>>/img/taskbar/comp_window.png';
   comp02.src = '<<theme_dir>>/img/taskbar/comp_window_nv.png';
   comp03.src = '<<theme_dir>>/img/taskbar/comp_window_highlight.png';
   comp04.src = '<<theme_dir>>/img/taskbar/comp_window_highlight_nv.png';

   ql_home01 = new Image;
   ql_home02 = new Image;
   ql_home01.src = '<<theme_dir>>/img/taskbar/ql-home.png';
   ql_home02.src = '<<theme_dir>>/img/taskbar/ql-home_highlight.png';

   ql_comp01 = new Image;
   ql_comp02 = new Image;
   ql_comp01.src = '<<theme_dir>>/img/taskbar/ql-compu.png';
   ql_comp02.src = '<<theme_dir>>/img/taskbar/ql-compu_highlight.png';

   function dirSelect() {
    document.getElementById('dirselect').style.display='block';
    document.getElementById('compbutton').style.display='inline';
    document.getElementById('mainpage').style.display='none';
    document.getElementById('homebutton').style.display='none';
   }
   function startClock() {
    var thetime=new Date();
    var nhours = thetime.getHours();
    var nmins  = thetime.getMinutes();
    var nsecn  = thetime.getSeconds();
    var AorP   = " ";

    if (nhours>=12)
     AorP      = "PM";
    else 
     AorP      = "AM";

    if (nhours>=13)
     nhours-=12;

    if (nhours==0)
     nhours=12;

    if (nsecn<10)
     nsecn="0"+nsecn;

    if (nmins<10)
     nmins="0"+nmins;

    document.getElementById('clockhr').value=nhours;
    document.getElementById('clockmn').value=nmins;
/*    document.getElementById('clocksc').value=nsecn; */
    document.getElementById('clockap').value=AorP;
    setTimeout('startClock()',5000);
   }
  </script>
 </head>
 <body onload="startClock();">
<div id="head">
 <div id="topbg">
  <div style="position:relative;top:4px;left:8px;">
   <img src="<<theme_dir>>/img/window_buttons/icon_explorer.png" alt="" />
   <div id="topbg3">File Explorer</div>
  </div>
 </div>
 <div style="float:right;width:102px;">
  <div style="float:right;width:7px;height:23px;background-image:url('<<theme_dir>>/img/window_buttons/right.png');background-repeat:no-repeat;"></div>
  <div style="float:left;width:95px;height:23px;background-image:url('<<theme_dir>>/img/window_buttons/normal-notmax.png');background-repeat:no-repeat;margin:2px 0 0 0;" id="normwindowbuttons"></div>
 </div>
</div>
<div style="width:99%;" class="content" id="mainpage">
 <<info>>
</div>
<div style="width:99%;display:none;" class="content" id="dirselect">
 <<drives>>
</div>
<div id="startmenu2" style="display:none;position:absolute;bottom:37px;left:2px;width:163px;height:236px;background-image:url('<<theme_dir>>/img/taskbar/start_menu.png');" onmouseout="this.style.display='none';" onmouseover="this.style.display='block';">
 <div style="position:relative;top:10px;left:10px;width:131px;height:191px;font-size:14pt;text-align:center;" onmouseover="document.getElementById('startmenu2').display='block';">
  <!--
  <a href="<<cgi>>/index.pl?action=config">Control Panel</a>
  <a href="<<cgi>>/index.pl?action=tpl&amp;id=vidplay">Video Player</a>
  <a href="<<theme_dir>>/mp3play">Audio Player</a>
  <a href="http://www.wiicade.com/">Video Games</a>
  <a href="<<theme_dir>>/shoutcast/">Internet Radio</a>
  <a href="<<cgi>>/index.pl?action=links">Net Favorites</a>
  <a href="<<cgi>>/index.pl?action=favs">File Favorites</a>
  //-->
  <<link_buttons>>
 </div>
</div>
<div id="foot">
 <div style="width:100%;background-image:url('<<theme_dir>>/img/window_buttons/bottom_border.png');height:7px;">
  <div style="float:right;width:8px;background-image:url('<<theme_dir>>/img/window_buttons/bottom_right_border.png');height:7px;"></div>
  <div style="float:left;width:8px;background-image:url('<<theme_dir>>/img/window/buttons/bottom_left_border.png');height:7px;"></div>
 </div>
 <div style="width:100%;height:30px;background-image:url('<<theme_dir>>/img/taskbar/bottom.png');">
  <img src="<<theme_dir>>/img/taskbar/start.png" style="position:relative;top:-7px;height:37px;width:48px;float:left;" onmouseover="this.src=start02.src;" onclick="this.src=start03.src;document.getElementById('startmenu2').style.display='block';" onmouseout="this.src=start01.src;" alt="" />
  &nbsp; &nbsp; &nbsp; 
  <a href="<<cgi>>/index.pl"><img src="<<theme_dir>>/img/taskbar/ql-home.png" id="ql-homebutton" onmouseover="this.src=ql_home02.src" onmouseout="this.src=ql_home01.src" alt="" /></a>
  <a onclick="dirSelect();"><img src="<<theme_dir>>/img/taskbar/ql-compu.png" id="ql-compbutton" onmouseover="this.src=ql_comp02.src" onmouseout="this.src=ql_comp01.src" alt="" /></a>
  &nbsp; &nbsp; &nbsp; 
  <img src="<<theme_dir>>/img/taskbar/home_window.png" id="homebutton" onmouseover="if(this.src==home02.src){this.src=home04.src}else{this.src=home03.src}" onmouseout="if(this.src==home04.src){this.src=home02.src}else{this.src=home01.src}" alt="" />
  <img src="<<theme_dir>>/img/taskbar/comp_window.png" id="compbutton" onmouseover="if(this.src==comp02.src){this.src=comp04.src}else{this.src=comp03.src}" onmouseout="if(this.src==comp04.src){this.src=comp02.src}else{this.src=comp01.src}" style="display:none;" alt="" />

  <div style="float:right;">
   <div style="float:left;">
    <input type="text" id="clockhr" style="height:30px;border:0;background:transparent;font-size:28px;color:#FFFFFF;width:1.5em;text-align:right;"/>
   </div>
   <div style="float:right;">
    <input type="text" id="clockmn" style="height:15px;border:0;background:transparent;font-size:12px;color:#FFFFFF;width:1.5em;" /><br />
    <input type="text" id="clockap" style="height:15px;border:0;background:transparent;font-size:12px;color:#FFFFFF;width:1.5em;position:relative;margin:-4px 0 0 0;" />
   </div>
  </div> 

 </div>
</div>
 </body>
</html>