<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ru-RU">
<title>Follow The White Rabbit</title>
<style type="text/css">
html,body{text-align:center;font-family:Tahoma,Verdana,Arial;color:#666}
#sysinfo{position:fixed;top:10px;width:300px;height:auto;margin-left:-150px;left:50%;
font-size:11px;color:#666;-moz-opacity:0;-khtml-opacity:0;opacity:0;
-webkit-transition:all 150ms ease-out;-moz-transition:all 150ms ease-out;
transition:all 150ms ease-out}
.trans{-moz-opacity:0.2!important;-khtml-opacity:0.2!important;opacity:0.2!important}
#sysinfo:hover{-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important}
.center{position:absolute;width:530px;height:25px;top:50%;left:50%;margin-left:-265px;margin-top:30px;color:#ccc}
.center a{padding:80px 20px 0;color:#222;text-decoration:none}
.center a.web{
background:url(http://cdn1.iconfinder.com/data/icons/windows-8-metro-style/64/services.png) no-repeat top center;}
.center a.torrent{
background:url(http://cdn1.iconfinder.com/data/icons/windows-8-metro-style/64/utorrent.png) no-repeat top center;}
.center a.filez{
background:url(http://cdn1.iconfinder.com/data/icons/jolly-icons-free/64/folder_64.png) no-repeat top center;}
</style>
<link rel="icon" type="image/png" href="http://www.freefavicon.com/freefavicons/openclipart/loading-wheel-modern-icon-152-191739.png" />
<head>
</head>
<body>
<div id="sysinfo"></div>
<div class="center">
<a href="/UI" class="web">WD Web Interface</a> | <script type="text/javascript">
var d=document,
wl=window.location,
port_num = '9091',
client_url = 'transmission/web/',
link_label = 'Torrent Client';
d.write('<a href="'+wl.protocol+'//'+wl.hostname+':'+port_num+'/'+client_url+'" class="torrent">'+link_label+'</a>');
</script> | <a href="/shared/Public/" class="filez">Files Storage</a>
</div>
<iframe id="loader" name="loader" src="/sysinfo.php" style="display:none;"></iframe>
<script type="text/javascript">
var readyStateCheckInterval=setInterval(function(){if(document.readyState==='complete'){
function update_data(){
var d = document,
f = d.getElementById('loader'),
s = d.getElementById('sysinfo');
f.src = f.src;
if(!s.className.match(/(?:^|\s)MyClass(?!\S)/)) s.className+=' trans';
try {
s.innerHTML = window.frames['loader'].document.getElementById('data').innerHTML;
}catch(e){
s.innerHTML = '<span style="color:#e00;font-weight:bold;">Get data error</span>';
}
}
update_data();
setInterval(function(){
update_data();
}, 4000);
clearInterval(readyStateCheckInterval);
}},50);
</script>
</body>
</html>
