%header =  'pyLoad Webinterface'
%js = ['mootools-1.2.3-core.js','mootools-1.2.3.1-more.js']

%if page== "home": js.append('default/home.js')
%end
%if page== "loggedin": red=True
%else: red=False
%end
%if page != "loggedin" and page != "login": js.append('default/status.js')
%end

%include header title=header, use_js=js, use_css=['default.css','window.css'], redirect=red

%include window id="addlinks", width=400, caption="Add links", body="<input id='pname' type='text' style='width: 345px;' value='Package'/><textarea rows=10 style='width: 345px;' id='linkarea'></textarea>", button="Add"

<a class="anchor" name="top" id="top"></a>

<div id="head-panel">


	<div id="head-search-and-login">

%if page != "login":
				<img src="static/default/head-login.png" alt="User:" style="vertical-align:middle; margin:2px" /><span style="padding-right: 2px;">{{user}}</span>
					<ul id="user-actions">
				<li><a href="/logout"  class="action logout" rel="nofollow">Logout</a></li>
				<li></li>
				<li></li>
			</ul>
%else:
    <span style="padding-right: 2px;">Please Login!</span>
	

%end
	</div>

	<a href="/"><img id="head-logo" src="/static/default/pyload-logo-edited3.5-new-font-small.png" alt="pyLoad" /></a>

	<div id="head-menu">
		<ul>
	<li class="
        %if page == "home" or page == "login":
        selected
        %endif
        "><a href="/" title=""><img src="static/default/head-menu-home.png" alt="" /> Home</a></li>
        <li class=" 
        %if page == "queue":
        selected
        %endif
        "><a href="/queue" title=""><img src="static/default/head-menu-download.png" alt="" /> Queue</a></li>
        <li class="
        %if page == "downloads":
        selected
        %endif
        "><a href="/downloads" title=""><img src="static/default/head-menu-development.png" alt="" /> Downloads</a></li>
        <li class="right"><a href="/logs"  class="action index" accesskey="x" rel="nofollow"><img src="static/default/head-menu-index.png" alt="" />Logs</a></li>		</ul>
	</div>

	<div style="clear:both;"></div>
</div>

<ul id="page-actions">
	<li><a href=""  class="action revisions" accesskey="o" rel="nofollow">Reload page</a></li>

</ul>

<div id="body-wrapper" class="dokuwiki">

	<div id="content" lang="en" dir="ltr">


<h1><a name="pyload_download_manager_for_1_click_hoster" id="pyload_download_manager_for_1_click_hoster">pyLoad — Webinterface</a>
</h1>


%if page != "loggedin" and page != "login":

<div id="statusbar">
  <div id="status" style="float: left;padding: 8px;">
Status:
</div>
  <div id="speed" style="float: left;padding: 8px">
Speed: 
</div>

 <div id="queue" style="float: left;padding: 8px">
Files in queue: 
</div>

<div style="padding-top:2px">

<div style="background-image:url(static/default/Button-Play.png);width:32px;height:32px;float:left"></div>
<div class= "statusbutton" style="background-image:url(static/default/Button-Play-grey.png); visibility: visible; opacity: 0.01"></div>
<div style="background-image:url(static/default/Button-Pause.png);width:32px;height:32px;float:left"></div>
<div class= "statusbutton" style="background-image:url(static/default/Button-Pause-grey.png); visibility: visible; opacity: 0.01"></div>
<div style="background-image:url(static/default/Button-Add.png);width:32px;height:32px;float:left"></div>
<div class= "statusbutton" style="background-image:url(static/default/Button-Add-grey.png); visibility: visible; opacity: 0.01"></div>


</div>

</div>

%end


<br>

<div class="level1" style="clear:both">

%if page == "login":

</div>
<div class="centeralign">
<form action="" method="post" accept-charset="utf-8" id="login"><div class="no">
<input type="hidden" name="do" value="login" /><fieldset ><legend>Login</legend>
<label class="block" for="focus__this"><span>Username</span> <input type="text" id="focus__this" name="u" class="edit" /></label><br />
<label class="block"><span>Password</span> <input type="password" name="p" class="edit" /></label><br />
<input type="submit" value="Login" class="button" />
</fieldset>
</div></form>
</div>
<br>

%elif page== "home":
<h2>Downloads:</h2>

<div id="dlcontainer">

% for link in links:


<div class="download" id="dl{{link['id']}}" style="color: #000">
<p></p>

<b>{{link['name']}}</b>
<br>
<script type="text/javascript">
pbs[{{link['id']}}] = new dwProgressBar({
        container: document.id('dl{{link['id']}}'),
        startPercentage: {{link['percent']}},
        speed: 1000,
        id: {{link['id']}},
        boxID: 'box',
        percentageID: 'perc',
        displayText: true,
        displayID: 'boxtext'
});

dls.push({{link['id']}})

</script>


<div class="dlsize">
{{int((link['size'] - link['kbleft']) / 1024)}}/{{int(link['size']) / 1024}} MB
</div>


<div class="dlspeed">
{{int(link['speed'])}} kb/s
</div>


<div class="dltime">
{{link['eta']}}
</div>


</div>


<script type="text/javascript">
$$("#dl{{link['id']}}")[0].hover(function(e){

this.morph({'color': '#f00'});

}, function(e){

this.morph({'color': '#000'});

});


</script>


%end

</div>


%elif page=="loggedin":


<b>You were successfully logged in</b>

%elif page=="queue":

<ul>

%for package in links:

<li>{{package.name}}</li>

%end

</ul>

Currently in Development

%elif page=="downloads":

Currently in Development


%end
	<hr style="clear: both;" />

<div id="foot">© 2008-2009 the pyLoad Team

	<a href="#top" class="action top" accesskey="x"><span>Back to top</span></a><br />
	<!--<div class="breadcrumbs"></div>-->


</div>

</div>

%include footer use_js=[]