<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>{$title}</title>
	<link rel="stylesheet" rev="stylesheet" type="text/css" href="customizable/public/template_files/default/style.css">
	
	<script src="customizable/public/template_files/default/javascript.js" type="text/javascript" language="JavaScript1.2"></script>
</head>

<body onmousemove="javascript:currentX=getX(event);currentY=getY(event);">
<br><br>
{if $customLogo}
	<table align="center" cellspacing="0" cellpadding="0" border="0" width="550">
	<tr>
		<td align="right">
		<img src="customizable/public/logo.gif" {$customLogo.HTMLSize} border="0" alt="">
		</td>
	</tr>
	</table>
	<br>
{/if}



<table align="center" cellspacing="0" cellpadding="0" border="0" width="550">
<tr>
	<td comment="title bar">
<div style="position:relative">
<table border="0" cellpadding="0" cellspacing="0" height="21" width="100%">
<tr>
	<td width="9" height="21"><img src="customizable/public/template_files/default/images/titlebar-left.gif" width="9" height="21" border="0" alt=""></td>
	<td align="center" style="background-image:url('customizable/public/template_files/default/images/titlebar-bg.gif');padding-top:2px;">
		<div style="font-weight:bold;color:#595959;width:350px;overflow:hidden;white-space:nowrap;">{if $folderName}{$folderName}{else}&nbsp;{/if}</div>
	</td>
	<td width="13" height="21"><img src="customizable/public/template_files/default/images/titlebar-right.gif" width="13" height="21" border="0" alt=""></td>
</tr>
</table>
</div>
	</td>
</tr>
<tr>
	<td comment="base menu">
	


<table border="0" cellspacing="0" cellpadding="0" align="center" style="width:100%;" height="32">
<tr>
<td width="9" height="32"><img src="customizable/public/template_files/default/images/gradient-left.gif" width="9" height="32" border="0" alt=""></td>

<td background="customizable/public/template_files/default/images/gradient-bg.gif" style="background-repeat:repeat-x;padding-right:5px;">

{if $permissions.upload}{funkyButton title="Upload.." onclick="centeredMenu('popmenu-upload')"}{/if}
</td>


<td background="customizable/public/template_files/default/images/gradient-bg.gif" style="background-repeat:repeat-x;width:100%">

	<!-- BREADCRUMB -->
	<table border="0" cellspacing="0" cellpadding="0" style="width:100%">
	<tr>
		<td width="3" height="18"><img src="customizable/public/template_files/default/images/breadcrumb-left.gif" width="3" height="18" border="0" alt=""></td>
		<td background="customizable/public/template_files/default/images/breadcrumb-bg.gif" style="background-repeat:repeat-x">
		<div style="width:100%;overflow:hidden;white-space:nowrap;" class="breadcrumbs">
		{if $breadCrumbs}
			{foreach key=key from=$breadCrumbs item=breadCrumbItem}{if $key > 1 and count($breadCrumbs) > 1 and $key < count($breadCrumbs)}<span style="color:silver">/</span>{/if}{if $breadCrumbItem.href}<a href="{$breadCrumbItem.href}">{/if}{$breadCrumbItem.title}{if $breadCrumbItem.href}</a>{/if}{/foreach}
		{else}
			&nbsp;
		{/if}
		</div>
	</td>
		<td width="2" height="18"><img src="customizable/public/template_files/default/images/breadcrumb-right.gif" width="2" height="18" border="0" alt=""></td>
	</tr>
	</table>
	<!-- END BREADCRUMBS -->

</td>
	<td width="9" height="32"><img src="customizable/public/template_files/default/images/gradient-right.gif" width="9" height="32" border="0" alt=""></td>
</tr>
</table>
	
</td>
</tr>
<tr>
	<td comment="file list">
		
		<div style="background-color:#ffffff;border-left:2px solid #838383;border-top:2px solid #838383;border-right:1px solid #A9AAA9;border-bottom:1px solid #A9AAA9;text-align:left;vertical-align:top;height:350px;width:550px;overflow:auto;">
			<div style="margin-top:0px;">

<!-- LIST FILES AND FOLDERS -->
<table border="0" cellpadding="2" cellspacing="0" style="margin-bottom:0px;height:23px;" width="470" align="center">
	<tr height="40">
		<td colspan="3">
			{if count($breadCrumbs) > 1}
		&laquo; <a href="?path={$upOneFolderPath}">{translate}Back{/translate}</a>
			{else}
			&nbsp;
			{/if}
		</td>
		<td align="right">
		{if count($files) > 0}
			<div style="position:relative" onmouseover="so=getById('sortOptions');so.style.visibility='visible';" onmouseout="so=getById('sortOptions');so.style.visibility='hidden';">
			<span style="color:gray">{translate}Sort files{/translate}</span>
			<div style="position:absolute;right:0px;top:12px;background-color:whitesmoke;border:1px solid silver;padding:3px;visibility:hidden;" id="sortOptions">
			{sortTitle title="by name" sort="filename"}<br>
			{sortTitle title="by size" sort="filesize"}<br>
			{sortTitle title="by type" sort="filetype"}
			</div>
			</div>
		{/if}
		</td>
	</tr>
{if count($files) > 0}
	{foreach from=$files item=file}
	<tr class="row">
		<td width="16">
		{if $file.isdir}
		<a href="?path={$file.path}">
		<img src="images/icons/filetypes/small/{$file.icon}" border="0">
		</a>
		{else}
		<a href="?file=myfilesacting&act=download&fromfolder={$path}&filename={$file.name}">
		<img src="images/icons/filetypes/small/{$file.icon}" border="0">
		</a>
		{/if}
		</td>
		<td width="170">
		<div style="width:96%;overflow:hidden;white-space:nowrap;">
		{if $file.isdir}
		<a href="?path={$file.path}">
		{$file.name}
		</a>
		{else}
		<a href="?file=myfilesacting&act=download&fromfolder={$path}&filename={$file.name}"" {if $file.thumb_img}onmouseover="showThumbnail('{$file.thumb_img}')" onmouseout="hideMenu('thumbnail')"{/if}>
		{$file.name}
		</a>
		{/if}
		</div>
		</td>
		<td class="details1" nowrap>{$file.formatedFileSize}</td>
		<td class="details2" nowrap>{$file.filetypeDescription}</td>
	</tr>
	{/foreach}
	
{else}
	<tr>
		<td colspan="3">
		Folder empty.
		</td>
	</tr>
	
{/if}
</table>

<!-- END LIST FILES AND FOLDERS -->

<script language="JavaScript1.2" type="text/javascript">
{literal}
function showThumbnail(thumbSRC) {
	thIMG = getById('thumbIMG');
	thIMG.src = 'customizable/public/template_files/default/images/hourglass.gif';
	th = getById('thumbnail');
	thIMG.src = thumbSRC;
	showMenu('thumbnail');
}
{/literal}
</script>

			</div>
		</div>
<div style="position:absolute;top:0px;left:0px;visibility:hidden;border:1px solid silver;background-color:white;padding:5px;" id="thumbnail"><span style="font-size:10px;color:gray;white-space:nowrap">{translate}Image preview:{/translate}</span><div align="center" style="margin:4px;"><img src="customizable/public/template_files/default/images/hourglass.gif" alt="" border="0" id="thumbIMG"></div></div>
	</td>
</tr>
<tr>
	<td comment="task bar">
<table border="0" cellspacing="0" cellpadding="0" style="width:100%;border-bottom:1px solid #838383;border-right: 1px solid #838383;border-left: 1px solid #838383" height="25">
	<tr>
	<td width="9" style="background-image : url('customizable/public/template_files/default/images/gradient-bg.gif');background-repeat:repeat-x;background-color:#FDFDFD"><img src="customizable/public/template_files/default/images/pixel.gif" width="9" height="25" border="0" alt=""></td>
	<td style="background-image : url('customizable/public/template_files/default/images/gradient-bg.gif');background-repeat:repeat-x;background-color:#FDFDFD;padding-bottom:3px;">&nbsp;</td>
</tr>
</table>
	</td>
</tr>
<tr>
	<td comment="logout button" align="right">
	<table border="0" cellspacing="0" cellpadding="0" style="margin-top:7px;"><tr><td><a href="?logout=1"><img src="images/interface/logoff.gif" width="14" height="14" alt="" border="0"></a></td><td style="padding-left:4px;"><a href="?logout=1">{translate}Logout{/translate}</a></td></tr></table>
	</td>
</tr>
</table>	



{if $permissions.upload}
	<div style="position:absolute;top:0;left:0;visibility:hidden" id="popmenu-upload">
	<table cellspacing="0" cellpadding="0" border="0" width="350">
	<tr id="popmenu-titlebar-upload">
	    <td width="9" height="21"><img src="customizable/public/template_files/default/images/popmenu/sp-titlebar-top-left.gif" width="9" height="21" alt="" border="0"></td>
	    <td background="customizable/public/template_files/default/images/popmenu/sp-titlebar-top-bg.gif" style="background-repeat:repeat-x;font-weight:bold" align="center">{translate}Upload files{/translate}</td>
	    <td width="11" height="21"><img src="customizable/public/template_files/default/images/popmenu/sp-titlebar-top-right.gif" width="11" height="21" alt="" border="0"></td>
	</tr>
	<tr>
	    <td width="9" height="5"><img src="customizable/public/template_files/default/images/popmenu/sp-titlebar2-top-left.gif" width="9" height="5" alt="" border="0"></td>
	    <td height="5" background="customizable/public/template_files/default/images/popmenu/sp-titlebar2-top-bg.gif" style="background-repeat:repeat-x"><img src="customizable/public/template_files/default/images/pixel.gif" width="1" height="5" border="0" alt=""></td>
	    <td width="11" height="5"><img src="customizable/public/template_files/default/images/popmenu/sp-titlebar2-top-right.gif" width="11" height="5" alt="" border="0"></td>
	</tr>
	<tr>
	    <td width="9" background="customizable/public/template_files/default/images/popmenu/sp-left.gif" style="background-repeat:repeat-y"><img src="customizable/public/template_files/default/images/pixel.gif" width="9" height="1" border="0" alt=""></td>
	    <td style="background-color:#E4E4E4;padding-left:20px;padding-right:20px;padding-top:10px" align="center">
	
	
	
	<img src="customizable/public/template_files/default/images/upload.gif" width="180" height="60" alt="" border="0">
	<br><br>
	
	
	<div id="uploadForm">
	<form action="?path={$path}&tofolder={$path}&act=simple_upload" method="POST" enctype="multipart/form-data" name="afian_upload_form">
	<table border="0" cellpadding="0" cellspacing="0" align="center">
	<tbody id="afian_upload_fields">
	<tr>
		<td><input type="file" name="uploadfiles[]" class="inputfile" onFocus="javascript:writing=true;" onBlur="javascript:writing=false;"></td>
	</tr>
	<tr>
		<td><input type="file" name="uploadfiles[]" class="inputfile" onFocus="javascript:writing=true;" onBlur="javascript:writing=false;"></td>
	</tr>
	<tr>
		<td><input type="file" name="uploadfiles[]" class="inputfile" onFocus="javascript:writing=true;" onBlur="javascript:writing=false;"></td>
	</tr>
	</tbody>
	</table>
	<br><br>
	<span class="comment">{translate 1=$maxFileSize}Maximum file size allowed %1{/translate}</span>
	</form>
	</div>
	
	<div id="loadingScreen" style="display:none">
	<div align="center"><div style="text-align:left;width:100px;">
	<strong>{translate}Uploading{/translate} <img src="customizable/public/template_files/default/images/hourglass.gif" width="16" height="15" alt="" border="0"></strong>
	<br><br><span class="comment">{translate}Please wait.{/translate}</span>
	</div></div>
	<br><br>
	</div>
	
	</td>
	    <td width="11" background="customizable/public/template_files/default/images/popmenu/sp-right.gif" style="background-repeat:repeat-y"><img src="customizable/public/template_files/default/images/pixel.gif" width="9" height="1" border="0" alt=""></td>
	</tr>
	<tr>
	    <td width="9" height="44"><img src="customizable/public/template_files/default/images/popmenu/sp-bottom-left.gif" width="9" height="44" alt="" border="0"></td>
	    <td height="44" background="customizable/public/template_files/default/images/popmenu/sp-bottom-bg.gif" style="background-repeat:repeat-x" align="center">
	
	<table border="0" cellspacing="0" cellpadding="1">
	<tr>
		<td id="uploadBtn">
		{funkyButton title="Upload" onclick="document.afian_upload_form.submit();/*hideMenu('popmenu-upload');*/document.getElementById('loadingScreen').style.display='block';document.getElementById('uploadForm').style.display='none';document.getElementById('uploadBtn').style.display='none';"}
	</td>
		<td>
		{funkyButton title="Cancel" onclick="document.location.href='javascript:;';hideMenu('popmenu-upload');document.getElementById('loadingScreen').style.display='none';document.getElementById('uploadForm').style.display='block';document.getElementById('uploadBtn').style.display='block';"}
		</td>
	</tr>
	</table>
	
	</td>
	    <td width="11" height="44"><img src="customizable/public/template_files/default/images/popmenu/sp-bottom-right.gif" width="11" height="44" alt="" border="0"></td>
	</tr>
	</table>
	</div>
	<script language="JavaScript1.2" type="text/javascript">
		titleDrag('upload');
	</script>
{/if}



<!-- Show status in a floating and draggable popup window -->
{status2Popup}


<script>
	/* pushable buttons */
	buttonize();
</script>
</body>
</html>
