diff --git a/.gitignore b/.gitignore
index cef12683..e407d213 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,10 +3,11 @@
 bin
 build
 #target
+build.local.xml
 
 # Eclipse
 .classpath
-.ant-targets-build.xml
+.ant-targets-*
 
 # Numerous always-ignore extensions
 *.diff
diff --git a/README.md b/README.md
index 05b5541c..903bdd5f 100644
--- a/README.md
+++ b/README.md
@@ -33,8 +33,33 @@ custom top or bottom sections](http://larsjung.de/h5ai/sample/customize). The co
 will be wrapped by `<header>` and `<footer>` tags.
 
 
+## References and License
+
+[h5ai](http://larsjung.de/h5ai)    
+[h5ai on GitHub](http://github.com/lrsjng/h5ai)  
+
+<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>  
+This project is provided under the terms of the [CC BY-SA 3.0 License](http://creativecommons.org/licenses/by-sa/3.0/).  
+It is based on
+[HTML5 Boilerplate](http://html5boilerplate.com),
+[jQuery](http://jquery.com),
+[Modernizr](http://www.modernizr.com) and
+[Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228),
+please respect their rights.
+
+
 ## Changelog
 
+### v0.4
+*2011-06-27*
+
+* added better fallback, in case JavaScript is disabled
+* rewrote js, fixed middle-button click etc. problems
+* refactored css
+* sorted, added and moved icons and images
+* updated dot.access
+
+
 ### v0.3.2
 *2011-06-24*
 
@@ -88,23 +113,3 @@ will be wrapped by `<header>` and `<footer>` tags.
 
 * added icon view
 
-
-## Links
-
-* [Author](http://larsjung.de)  
-* [h5ai](http://larsjung.de/h5ai)  
-* [h5ai on GitHub](http://github.com/lrsjng/h5ai)  
-
-
-## License
-
-<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>  
-This project is provided under the terms of the [CC BY-SA 3.0 License](http://creativecommons.org/licenses/by-sa/3.0/).  
-It is based on
-[HTML5 Boilerplate](http://html5boilerplate.com),
-[jQuery](http://jquery.com),
-[Modernizr](http://www.modernizr.com) and
-[Faenza icon set](http://tiheum.deviantart.com/art/Faenza-Icons-173323228),
-please respect their rights.
-
-
diff --git a/build.properties b/build.properties
index 2889975e..49916daa 100644
--- a/build.properties
+++ b/build.properties
@@ -3,7 +3,7 @@ custom                           = true
 
 # project
 project.name                     = h5ai
-project.version                  = 0.3.2
+project.version                  = 0.4
 
 
 # src
diff --git a/src/dot.htaccess b/src/dot.htaccess
index 1048cdc4..8befa2b1 100644
--- a/src/dot.htaccess
+++ b/src/dot.htaccess
@@ -72,66 +72,66 @@
 	# icon mapping
 	################################
 
-	AddIcon              /h5ai/icons/parent.png      ..
-	AddIcon              /h5ai/icons/folder.png      ^^DIRECTORY^^
-	AddIcon              /h5ai/icons/blank.png       ^^BLANKICON^^
+	AddIcon              /h5ai/icons/16x16/parent.png      ..
+	AddIcon              /h5ai/icons/16x16/folder.png      ^^DIRECTORY^^
+	AddIcon              /h5ai/icons/16x16/blank.png       ^^BLANKICON^^
 
-	AddIcon              /h5ai/icons/readme.png      README
-	AddIcon              /h5ai/icons/copying.png     COPYING  LICENSE
-	AddIcon              /h5ai/icons/install.png     INSTALL
-	AddIcon              /h5ai/icons/authors.png     AUTHORS
-	AddIcon              /h5ai/icons/log.png         LOG  Log  log
+	AddIcon              /h5ai/icons/16x16/readme.png      README
+	AddIcon              /h5ai/icons/16x16/copying.png     COPYING  LICENSE
+	AddIcon              /h5ai/icons/16x16/install.png     INSTALL
+	AddIcon              /h5ai/icons/16x16/authors.png     AUTHORS
+	AddIcon              /h5ai/icons/16x16/log.png         LOG  Log  log
 
-	AddIcon              /h5ai/icons/css.png         .less
-	AddIcon              /h5ai/icons/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
-	AddIcon              /h5ai/icons/makefile.png    .pom  pom.xml  build.xml
-	AddIcon              /h5ai/icons/bin.png         .so  .o
+	AddIcon              /h5ai/icons/16x16/css.png         .less
+	AddIcon              /h5ai/icons/16x16/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
+	AddIcon              /h5ai/icons/16x16/makefile.png    .pom  pom.xml  build.xml
+	AddIcon              /h5ai/icons/16x16/bin.png         .so  .o
 
-	AddIcon              /h5ai/icons/zip.png         .zip  .Z  .z  .jar  .war
-	AddIcon              /h5ai/icons/tar.png         .tar
-	AddIcon              /h5ai/icons/archive.png     .tar.gz  .tgz  .tar.bz2
-	AddIcon              /h5ai/icons/pdf.png         .pdf
-	AddIcon              /h5ai/icons/deb.png         .deb
-	AddIcon              /h5ai/icons/rpm.png         .rpm
-	AddIcon              /h5ai/icons/cd.png          .iso  .cue
+	AddIcon              /h5ai/icons/16x16/zip.png         .zip  .Z  .z  .jar  .war
+	AddIcon              /h5ai/icons/16x16/tar.png         .tar
+	AddIcon              /h5ai/icons/16x16/archive.png     .tar.gz  .tgz  .tar.bz2
+	AddIcon              /h5ai/icons/16x16/pdf.png         .pdf
+	AddIcon              /h5ai/icons/16x16/deb.png         .deb
+	AddIcon              /h5ai/icons/16x16/rpm.png         .rpm
+	AddIcon              /h5ai/icons/16x16/cd.png          .iso  .cue
 
-	AddIconByType        /h5ai/icons/png.png         image/png
-	AddIconByType        /h5ai/icons/jpg.png         image/jpeg
-	AddIconByType        /h5ai/icons/gif.png         image/gif
-	AddIconByType        /h5ai/icons/ico.png         image/x-icon
-	AddIconByType        /h5ai/icons/bmp.png         image/x-ms-bmp
+	AddIconByType        /h5ai/icons/16x16/png.png         image/png
+	AddIconByType        /h5ai/icons/16x16/jpg.png         image/jpeg
+	AddIconByType        /h5ai/icons/16x16/gif.png         image/gif
+	AddIconByType        /h5ai/icons/16x16/ico.png         image/x-icon
+	AddIconByType        /h5ai/icons/16x16/bmp.png         image/x-ms-bmp
 
-	AddIconByType        /h5ai/icons/html.png        text/html
-	AddIconByType        /h5ai/icons/css.png         text/css
-	AddIconByType        /h5ai/icons/xml.png         application/xml
-	AddIconByType        /h5ai/icons/js.png          application/javascript  application/json
-	AddIconByType        /h5ai/icons/php.png         application/x-httpd-php
+	AddIconByType        /h5ai/icons/16x16/html.png        text/html
+	AddIconByType        /h5ai/icons/16x16/css.png         text/css
+	AddIconByType        /h5ai/icons/16x16/xml.png         application/xml
+	AddIconByType        /h5ai/icons/16x16/js.png          application/javascript  application/json
+	AddIconByType        /h5ai/icons/16x16/php.png         application/x-httpd-php
 
-	AddIconByType        /h5ai/icons/py.png          text/x-python
-	AddIconByType        /h5ai/icons/rb.png          application/x-ruby
-	AddIconByType        /h5ai/icons/java.png        text/x-java
-	AddIconByType        /h5ai/icons/cpp.png         text/x-c++src
-	AddIconByType        /h5ai/icons/hpp.png         text/x-c++hdr
-	AddIconByType        /h5ai/icons/c.png           text/x-csrc
-	AddIconByType        /h5ai/icons/h.png           text/x-chdr
+	AddIconByType        /h5ai/icons/16x16/py.png          text/x-python
+	AddIconByType        /h5ai/icons/16x16/rb.png          application/x-ruby
+	AddIconByType        /h5ai/icons/16x16/java.png        text/x-java
+	AddIconByType        /h5ai/icons/16x16/cpp.png         text/x-c++src
+	AddIconByType        /h5ai/icons/16x16/hpp.png         text/x-c++hdr
+	AddIconByType        /h5ai/icons/16x16/c.png           text/x-csrc
+	AddIconByType        /h5ai/icons/16x16/h.png           text/x-chdr
 
-	AddIconByType        /h5ai/icons/pdf.png         application/pdf
+	AddIconByType        /h5ai/icons/16x16/pdf.png         application/pdf
 
-	AddIconByType        /h5ai/icons/rtf.png         text/rtf  application/rtf
-	AddIconByType        /h5ai/icons/tex.png         text/x-tex
-	AddIconByType        /h5ai/icons/makefile.png    text/x-makefile
+	AddIconByType        /h5ai/icons/16x16/rtf.png         text/rtf  application/rtf
+	AddIconByType        /h5ai/icons/16x16/tex.png         text/x-tex
+	AddIconByType        /h5ai/icons/16x16/makefile.png    text/x-makefile
 
-	AddIconByType        /h5ai/icons/bin.png         application/java-vm
-	AddIconByType        /h5ai/icons/exe.png         application/x-executable application/x-msdos-program
+	AddIconByType        /h5ai/icons/16x16/bin.png         application/java-vm
+	AddIconByType        /h5ai/icons/16x16/exe.png         application/x-executable application/x-msdos-program
 
-	AddIconByType        /h5ai/icons/text.png        text/*
-	AddIconByType        /h5ai/icons/image.png       image/*
-	AddIconByType        /h5ai/icons/audio.png       audio/*
-	AddIconByType        /h5ai/icons/video.png       video/*
+	AddIconByType        /h5ai/icons/16x16/text.png        text/*
+	AddIconByType        /h5ai/icons/16x16/image.png       image/*
+	AddIconByType        /h5ai/icons/16x16/audio.png       audio/*
+	AddIconByType        /h5ai/icons/16x16/video.png       video/*
 
-	AddIconByEncoding    /h5ai/icons/zip.png         x-compress  x-gzip  x-bzip2
+	AddIconByEncoding    /h5ai/icons/16x16/zip.png         x-compress  x-gzip  x-bzip2
 
-	DefaultIcon          /h5ai/icons/unknown.png
+	DefaultIcon          /h5ai/icons/16x16/unknown.png
 
 </IfModule>
 
diff --git a/src/h5ai/css/inc/extended.less b/src/h5ai/css/inc/extended.less
new file mode 100644
index 00000000..589111c7
--- /dev/null
+++ b/src/h5ai/css/inc/extended.less
@@ -0,0 +1,156 @@
+
+#extended.details-view {
+	display: none;
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	li {
+		white-space: nowrap;
+	}
+	li.header a {
+		padding-bottom: 18px;
+		color: #555;
+		opacity: 0.4;
+		cursor: pointer;
+		.transition( all 0.2s ease-in-out );
+
+		&:visited {
+			color: #555;
+		}
+		&:hover {
+			color: #555;
+			opacity: 0.9;
+		}
+		img {
+			width: 12px;
+			height: 12px;
+			padding: 0 8px;
+		}
+	}
+	li.entry {
+		display: block;
+		border-bottom: 1px solid #ddd;
+		&:first-child {
+			border-top: 1px solid #ddd;
+		}
+		a, a:hover {
+			display: block;
+			cursor: pointer;
+			&:hover {
+				background-color: #f0f0f0;
+				color: #e80;
+			}
+		}
+	}
+	.icon, .label, .date, .size {
+		display: inline-block;
+		padding: 3px 6px 6px 6px;
+		text-align: left;
+		border: none;
+	}
+	.icon {
+		text-align: center;
+		width: 16px;
+
+		img {
+			padding-top: 4px;
+			width: 16px;
+			height: 16px;
+		}
+	}
+	.icon.big {
+		display: none;
+	}
+	.label {
+		width: 682px;
+		max-width: 682px;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	.date {
+		text-align: right;
+		width: 160px;
+		min-width: 160px;
+		white-space: nowrap;
+	}
+	.size {
+		text-align: right;
+		width: 70px;
+		min-width: 70px;
+		white-space: nowrap;
+	}
+	.empty {
+		text-align: center;
+		margin: 50px 0;
+		color: #ddd;
+		font-size: 5em;
+		font-weight: bold;
+	}
+}
+
+
+#extended.icons-view {
+	display: none;
+	padding: 10px;
+	border: 1px solid #eee;
+	border-radius: 15px;
+
+	ul {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	li.header {
+		display: none;
+	}
+	li.entry {
+		float: left;
+
+		a {
+			display: block;
+			margin: 8px;
+			padding: 8px;
+			width: 100px;
+			height: 120px;
+			float: left;
+			text-align: center;
+			overflow: hidden;
+			border-radius: 5px;
+			cursor: pointer;
+			border: 1px solid rgba(0,0,0,0);
+	
+			&:hover {
+				color: #e80;
+				border-color: #eee;
+				.box-shadow( 0, 0, 20px, #999 );
+			}
+			.icon {
+				display: block;
+				img {
+					width: 48px;
+					height: 48px;
+					margin-bottom: 8px;
+				}
+			}
+			.icon.small {
+				display: none;
+			}
+			.label {
+				display: block;
+			}
+			.date, .size {
+				display: none;
+			}
+		}
+	}
+	.empty {
+		padding: 16px;
+		height: 120px;
+		text-align: center;
+		color: #ddd;
+		font-size: 5em;
+		font-weight: bold;
+	}
+}
diff --git a/src/h5ai/css/inc/mixins.less b/src/h5ai/css/inc/mixins.less
index 3bca649e..b3a70839 100644
--- a/src/h5ai/css/inc/mixins.less
+++ b/src/h5ai/css/inc/mixins.less
@@ -1,48 +1,56 @@
 
 .border-radius ( @radius: 5px ) {
-	-webkit-border-radius: @radius;
 	-moz-border-radius: @radius;
+	-webkit-border-radius: @radius;
 	border-radius: @radius;
 }
 
 
 .border-top-right-radius ( @radius: 5px ) {
-	-webkit-border-top-right-radius: @radius;
 	-moz-border-radius-topright: @radius;
+	-webkit-border-top-right-radius: @radius;
 	border-top-right-radius: @radius;
 }
 
 
 .border-bottom-right-radius ( @radius: 5px ) {
-	-webkit-border-bottom-right-radius: @radius;
 	-moz-border-radius-bottomright: @radius;
+	-webkit-border-bottom-right-radius: @radius;
 	border-bottom-right-radius: @radius;
 }
 
 
 .box-shadow ( @x: 10px, @y: 10px, @blur: 5px, @color: #ccc ) {
-	-webkit-box-shadow: @x @y @blur @color;
 	-moz-box-shadow: @x @y @blur @color;
+	-webkit-box-shadow: @x @y @blur @color;
 	box-shadow: @x @y @blur @color;
 }
 
 
 .transition ( @transitions ) {
-	-webkit-transition: @transitions;
 	-moz-transition: @transitions;
+	-ms-transition: @transitions;
 	-o-transition: @transitions;
+	-webkit-transition: @transitions;
 	transition: @transitions;
 }
 
 
 .transform ( @transforms ) {
-	-webkit-transform: @transforms;
 	-moz-transform: @transforms;
 	-o-transform: @transforms;
+	-webkit-transform: @transforms;
 	transform: @transforms;
 }
 
 
+.background-size ( @size ) {
+	-moz-background-size: @size;
+	-webkit-background-size: @size;
+	background-size: @size;
+}
+
+
 .rhythm ( @height, @size ) {
 
 	@base: @size / 16;
diff --git a/src/h5ai/css/inc/table.less b/src/h5ai/css/inc/table.less
new file mode 100644
index 00000000..5af0f4bf
--- /dev/null
+++ b/src/h5ai/css/inc/table.less
@@ -0,0 +1,68 @@
+
+#table {
+	table {
+		display: block;
+		width: 100%;
+		border-collapse: collapse;
+
+		th, td {
+			padding: 3px 6px;
+			text-align: left;
+			border: none;
+		}
+		th {
+			padding-bottom: 18px;
+			opacity: 0.4;
+			.transition( all 0.2s ease-in-out );
+
+			&:hover, &:hover a {
+				color: #555;
+				cursor: pointer;
+				opacity: 0.9;
+			}
+			a, a:visited {
+				color: #555;
+				font-weight: normal;
+
+				img {
+					width: 12px;
+					height: 12px;
+					padding: 0 8px;
+				}
+			}
+		}
+		td {
+			border: 1px solid #ddd;
+			border-left: none;
+			border-right: none;
+		}
+		td:nth-child(1), th:nth-child(1) {
+			text-align: center;
+			width: 16px;
+
+			img {
+				width: 16px;
+				height: 16px;
+				padding-top: 2px;
+			}
+		}
+		td:nth-child(2), th:nth-child(2) {
+			width: 682px;
+			max-width: 682px;
+			overflow: hidden;
+			white-space: nowrap;
+		}
+		td:nth-child(3), th:nth-child(3) {
+			text-align: right;
+			width: 160px;
+			min-width: 160px;
+			white-space: nowrap;
+		}
+		td:nth-child(4), th:nth-child(4) {
+			text-align: right;
+			width: 70px;
+			min-width: 70px;
+			white-space: nowrap;
+		}
+	}
+}
diff --git a/src/h5ai/css/main.less b/src/h5ai/css/main.less
index aa6ecee9..701e2780 100644
--- a/src/h5ai/css/main.less
+++ b/src/h5ai/css/main.less
@@ -3,6 +3,17 @@
 @import "inc/mixins";
 
 
+html.js {
+	.jsDisabledFallback {
+		display: none;
+	}
+}
+html.no-js {
+	body > nav ul {
+		display: none;
+	}
+}
+
 body {
 	font-family: Ubuntu, sans-serif;
 	font-size: 16px;
@@ -32,6 +43,13 @@ body > nav {
 	border-bottom: 1px solid rgb(225,225,225);
 	.box-shadow( 0, 0, 30px, #555 );
 
+	span.jsDisabledFallback {
+		display: block;
+		height: 30px;
+		line-height: 30px;
+		padding: 0 10px;
+		color: #999;
+	}
 	li {
 		cursor: pointer;
 		opacity: 0.7;
@@ -85,127 +103,8 @@ body > nav {
 }
 
 
-#details {
-	display: none;
-
-	table {
-		display: block;
-		width: 100%;
-		border-collapse: collapse;
-
-		tr.entry:hover, tr.entry:hover a {
-			background-color: #f0f0f0;
-			color: #e80;
-			cursor: pointer;
-		}
-		th, td {
-			padding: 3px 6px;
-			text-align: left;
-			border: none;
-		}
-		th {
-			padding-bottom: 18px;
-			opacity: 0.4;
-			.transition( all 0.2s ease-in-out );
-	
-			&.header:hover, &.header:hover a {
-				color: #555;
-				cursor: pointer;
-				opacity: 0.9;
-			}
-			a, a:visited {
-				color: #555;
-				font-weight: normal;
-	
-				img {
-					width: 12px;
-					height: 12px;
-					padding: 0 8px;
-				}
-			}
-		}
-		td {
-			border: 1px solid #ddd;
-			border-left: none;
-			border-right: none;
-		}
-		.icon {
-			text-align: center;
-			width: 16px;
-	
-			img {
-				width: 16px;
-				height: 16px;
-				padding-top: 2px;
-			}
-		}
-		.name {
-			width: 682px;
-			max-width: 682px;
-			overflow: hidden;
-			white-space: nowrap;
-		}
-		.date {
-			text-align: right;
-			width: 160px;
-			min-width: 160px;
-			white-space: nowrap;
-		}
-		.size {
-			text-align: right;
-			width: 70px;
-			min-width: 70px;
-			white-space: nowrap;
-		}
-	}
-	.empty {
-		text-align: center;
-		margin: 50px 0;
-		color: #ddd;
-		font-size: 5em;
-		font-weight: bold;
-	}
-}
-
-
-#icons {
-	display: none;
-	padding: 10px;
-	border: 1px solid #eee;
-	border-radius: 15px;
-
-	.entry {
-		margin: 8px;
-		padding: 8px;
-		width: 100px;
-		height: 120px;
-		float: left;
-		text-align: center;
-		overflow: hidden;
-		border-radius: 5px;
-		cursor: pointer;
-		border: 1px solid rgba(0,0,0,0);
-
-		&:hover {
-			color: #e80;
-			border-color: #eee;
-			.box-shadow( 0, 0, 20px, #999 );
-		}
-		img {
-			width: 48px;
-			height: 48px;
-			margin-bottom: 8px;
-		}
-	}
-	.empty {
-		padding: 16px;
-		height: 120px;
-		text-align: center;
-		color: #ddd;
-		font-size: 5em;
-		font-weight: bold;
-	}
-}
+@import "inc/table";
+@import "inc/extended";
 
 
 body > footer {
diff --git a/src/h5ai/footer.html b/src/h5ai/footer.html
index 84c60728..3e6ae4f6 100644
--- a/src/h5ai/footer.html
+++ b/src/h5ai/footer.html
@@ -1,6 +1,6 @@
 			<!-- generated code ends here -->
 		</section>
-		<section id="icons"></section>
+		<section id="extended"></section>
 		<footer></footer>
 	</section>
 	<footer>
@@ -12,8 +12,6 @@
 		</a>
 		<a href="http://larsjung.de/h5ai" target="_blank" title="%BUILD_NAME% %BUILD_VERSION%">h5ai</a>
 		using
-		<a href="http://html5boilerplate.com" target="_blank" title="a rock-solid default for HTML5 awesome">HTML5 Boilerplate</a>
-		and
 		<a href="http://tiheum.deviantart.com/art/Faenza-Icons-173323228" target="_blank" title="icon theme for Gnome">Faenza icons</a>
 	</footer>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
diff --git a/src/h5ai/header.html b/src/h5ai/header.html
index 866c07d0..106904ed 100644
--- a/src/h5ai/header.html
+++ b/src/h5ai/header.html
@@ -6,24 +6,25 @@
 	<meta name="h5ai-version" content="%BUILD_NAME% %BUILD_VERSION%">
 	<meta name="description" content="Directory index styled with h5ai (http://larsjung.de/h5ai)">
 	<meta name="keywords" content="directory, index, autoindex, h5ai">
-	<link rel="shortcut icon" href="/h5ai/icons/folder.png" />
-	<link rel="apple-touch-icon" href="/h5ai/images/folder.png">
+	<link rel="shortcut icon" type="image/png" href="/h5ai/images/h5ai-16x16.png">
+	<link rel="apple-touch-icon" type="image/png" href="/h5ai/images/h5ai-48x48.png">
 	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
 	<link rel="stylesheet" type="text/css" href="/h5ai/css/main.css">
 	<script src="/h5ai/js/lib/modernizr.min.js"></script>
 </head>
 <body>
 	<nav>
+		<span class="jsDisabledFallback">Directory index · JavaScript is disabled</span>
 		<ul>
-			<li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
-			<li id="viewicons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li>
-			<li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li>
+			<li id="domain" class="crumb"><a href="/"><img src="/h5ai/images/home.png" alt="domain" /><span>domain</span></a></li>
+			<li id="viewicons" class="view"><a href="#"><img src="/h5ai/images/view-icons.png" alt="view-icons" />icons</a></li>
+			<li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/images/view-details.png" alt="view-details" />details</a></li>
 		</ul>
 		<div class="clearfix"></div>
 	</nav>
 	<section id="content">
 		<header></header>
-		<section id="details">
+		<section id="table" class="jsDisabledFallback">
 			<!--
 				The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
 				reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are
diff --git a/src/h5ai/icons/archive.png b/src/h5ai/icons/16x16/archive.png
similarity index 100%
rename from src/h5ai/icons/archive.png
rename to src/h5ai/icons/16x16/archive.png
diff --git a/src/h5ai/icons/audio.png b/src/h5ai/icons/16x16/audio.png
similarity index 100%
rename from src/h5ai/icons/audio.png
rename to src/h5ai/icons/16x16/audio.png
diff --git a/src/h5ai/icons/authors.png b/src/h5ai/icons/16x16/authors.png
similarity index 100%
rename from src/h5ai/icons/authors.png
rename to src/h5ai/icons/16x16/authors.png
diff --git a/src/h5ai/icons/bin.png b/src/h5ai/icons/16x16/bin.png
similarity index 100%
rename from src/h5ai/icons/bin.png
rename to src/h5ai/icons/16x16/bin.png
diff --git a/src/h5ai/icons/blank.png b/src/h5ai/icons/16x16/blank.png
similarity index 100%
rename from src/h5ai/icons/blank.png
rename to src/h5ai/icons/16x16/blank.png
diff --git a/src/h5ai/icons/bmp.png b/src/h5ai/icons/16x16/bmp.png
similarity index 100%
rename from src/h5ai/icons/bmp.png
rename to src/h5ai/icons/16x16/bmp.png
diff --git a/src/h5ai/icons/c.png b/src/h5ai/icons/16x16/c.png
similarity index 100%
rename from src/h5ai/icons/c.png
rename to src/h5ai/icons/16x16/c.png
diff --git a/src/h5ai/icons/calc.png b/src/h5ai/icons/16x16/calc.png
similarity index 100%
rename from src/h5ai/icons/calc.png
rename to src/h5ai/icons/16x16/calc.png
diff --git a/src/h5ai/icons/cd.png b/src/h5ai/icons/16x16/cd.png
similarity index 100%
rename from src/h5ai/icons/cd.png
rename to src/h5ai/icons/16x16/cd.png
diff --git a/src/h5ai/icons/copying.png b/src/h5ai/icons/16x16/copying.png
similarity index 100%
rename from src/h5ai/icons/copying.png
rename to src/h5ai/icons/16x16/copying.png
diff --git a/src/h5ai/icons/cpp.png b/src/h5ai/icons/16x16/cpp.png
similarity index 100%
rename from src/h5ai/icons/cpp.png
rename to src/h5ai/icons/16x16/cpp.png
diff --git a/src/h5ai/icons/css.png b/src/h5ai/icons/16x16/css.png
similarity index 100%
rename from src/h5ai/icons/css.png
rename to src/h5ai/icons/16x16/css.png
diff --git a/src/h5ai/icons/deb.png b/src/h5ai/icons/16x16/deb.png
similarity index 100%
rename from src/h5ai/icons/deb.png
rename to src/h5ai/icons/16x16/deb.png
diff --git a/src/h5ai/icons/default.png b/src/h5ai/icons/16x16/default.png
similarity index 100%
rename from src/h5ai/icons/default.png
rename to src/h5ai/icons/16x16/default.png
diff --git a/src/h5ai/icons/doc.png b/src/h5ai/icons/16x16/doc.png
similarity index 100%
rename from src/h5ai/icons/doc.png
rename to src/h5ai/icons/16x16/doc.png
diff --git a/src/h5ai/icons/draw.png b/src/h5ai/icons/16x16/draw.png
similarity index 100%
rename from src/h5ai/icons/draw.png
rename to src/h5ai/icons/16x16/draw.png
diff --git a/src/h5ai/icons/eps.png b/src/h5ai/icons/16x16/eps.png
similarity index 100%
rename from src/h5ai/icons/eps.png
rename to src/h5ai/icons/16x16/eps.png
diff --git a/src/h5ai/icons/exe.png b/src/h5ai/icons/16x16/exe.png
similarity index 100%
rename from src/h5ai/icons/exe.png
rename to src/h5ai/icons/16x16/exe.png
diff --git a/src/h5ai/icons/folder.png b/src/h5ai/icons/16x16/folder.png
similarity index 100%
rename from src/h5ai/icons/folder.png
rename to src/h5ai/icons/16x16/folder.png
diff --git a/src/h5ai/icons/gif.png b/src/h5ai/icons/16x16/gif.png
similarity index 100%
rename from src/h5ai/icons/gif.png
rename to src/h5ai/icons/16x16/gif.png
diff --git a/target/h5ai/icons/archive.png b/src/h5ai/icons/16x16/gzip.png
similarity index 100%
rename from target/h5ai/icons/archive.png
rename to src/h5ai/icons/16x16/gzip.png
diff --git a/src/h5ai/icons/h.png b/src/h5ai/icons/16x16/h.png
similarity index 100%
rename from src/h5ai/icons/h.png
rename to src/h5ai/icons/16x16/h.png
diff --git a/src/h5ai/icons/hpp.png b/src/h5ai/icons/16x16/hpp.png
similarity index 100%
rename from src/h5ai/icons/hpp.png
rename to src/h5ai/icons/16x16/hpp.png
diff --git a/src/h5ai/icons/html.png b/src/h5ai/icons/16x16/html.png
similarity index 100%
rename from src/h5ai/icons/html.png
rename to src/h5ai/icons/16x16/html.png
diff --git a/src/h5ai/icons/ico.png b/src/h5ai/icons/16x16/ico.png
similarity index 100%
rename from src/h5ai/icons/ico.png
rename to src/h5ai/icons/16x16/ico.png
diff --git a/src/h5ai/icons/image.png b/src/h5ai/icons/16x16/image.png
similarity index 100%
rename from src/h5ai/icons/image.png
rename to src/h5ai/icons/16x16/image.png
diff --git a/src/h5ai/icons/install.png b/src/h5ai/icons/16x16/install.png
similarity index 100%
rename from src/h5ai/icons/install.png
rename to src/h5ai/icons/16x16/install.png
diff --git a/src/h5ai/icons/java.png b/src/h5ai/icons/16x16/java.png
similarity index 100%
rename from src/h5ai/icons/java.png
rename to src/h5ai/icons/16x16/java.png
diff --git a/src/h5ai/icons/jpg.png b/src/h5ai/icons/16x16/jpg.png
similarity index 100%
rename from src/h5ai/icons/jpg.png
rename to src/h5ai/icons/16x16/jpg.png
diff --git a/src/h5ai/icons/js.png b/src/h5ai/icons/16x16/js.png
similarity index 100%
rename from src/h5ai/icons/js.png
rename to src/h5ai/icons/16x16/js.png
diff --git a/src/h5ai/icons/log.png b/src/h5ai/icons/16x16/log.png
similarity index 100%
rename from src/h5ai/icons/log.png
rename to src/h5ai/icons/16x16/log.png
diff --git a/src/h5ai/icons/makefile.png b/src/h5ai/icons/16x16/makefile.png
similarity index 100%
rename from src/h5ai/icons/makefile.png
rename to src/h5ai/icons/16x16/makefile.png
diff --git a/src/h5ai/icons/package.png b/src/h5ai/icons/16x16/package.png
similarity index 100%
rename from src/h5ai/icons/package.png
rename to src/h5ai/icons/16x16/package.png
diff --git a/src/h5ai/icons/parent.png b/src/h5ai/icons/16x16/parent.png
similarity index 100%
rename from src/h5ai/icons/parent.png
rename to src/h5ai/icons/16x16/parent.png
diff --git a/src/h5ai/icons/pdf.png b/src/h5ai/icons/16x16/pdf.png
similarity index 100%
rename from src/h5ai/icons/pdf.png
rename to src/h5ai/icons/16x16/pdf.png
diff --git a/src/h5ai/icons/php.png b/src/h5ai/icons/16x16/php.png
similarity index 100%
rename from src/h5ai/icons/php.png
rename to src/h5ai/icons/16x16/php.png
diff --git a/src/h5ai/icons/playlist.png b/src/h5ai/icons/16x16/playlist.png
similarity index 100%
rename from src/h5ai/icons/playlist.png
rename to src/h5ai/icons/16x16/playlist.png
diff --git a/src/h5ai/icons/png.png b/src/h5ai/icons/16x16/png.png
similarity index 100%
rename from src/h5ai/icons/png.png
rename to src/h5ai/icons/16x16/png.png
diff --git a/src/h5ai/icons/pres.png b/src/h5ai/icons/16x16/pres.png
similarity index 100%
rename from src/h5ai/icons/pres.png
rename to src/h5ai/icons/16x16/pres.png
diff --git a/src/h5ai/icons/psd.png b/src/h5ai/icons/16x16/psd.png
similarity index 100%
rename from src/h5ai/icons/psd.png
rename to src/h5ai/icons/16x16/psd.png
diff --git a/src/h5ai/icons/py.png b/src/h5ai/icons/16x16/py.png
similarity index 100%
rename from src/h5ai/icons/py.png
rename to src/h5ai/icons/16x16/py.png
diff --git a/src/h5ai/icons/rar.png b/src/h5ai/icons/16x16/rar.png
similarity index 100%
rename from src/h5ai/icons/rar.png
rename to src/h5ai/icons/16x16/rar.png
diff --git a/src/h5ai/icons/rb.png b/src/h5ai/icons/16x16/rb.png
similarity index 100%
rename from src/h5ai/icons/rb.png
rename to src/h5ai/icons/16x16/rb.png
diff --git a/src/h5ai/icons/readme.png b/src/h5ai/icons/16x16/readme.png
similarity index 100%
rename from src/h5ai/icons/readme.png
rename to src/h5ai/icons/16x16/readme.png
diff --git a/src/h5ai/icons/rpm.png b/src/h5ai/icons/16x16/rpm.png
similarity index 100%
rename from src/h5ai/icons/rpm.png
rename to src/h5ai/icons/16x16/rpm.png
diff --git a/src/h5ai/icons/rss.png b/src/h5ai/icons/16x16/rss.png
similarity index 100%
rename from src/h5ai/icons/rss.png
rename to src/h5ai/icons/16x16/rss.png
diff --git a/src/h5ai/icons/rtf.png b/src/h5ai/icons/16x16/rtf.png
similarity index 100%
rename from src/h5ai/icons/rtf.png
rename to src/h5ai/icons/16x16/rtf.png
diff --git a/src/h5ai/icons/script.png b/src/h5ai/icons/16x16/script.png
similarity index 100%
rename from src/h5ai/icons/script.png
rename to src/h5ai/icons/16x16/script.png
diff --git a/src/h5ai/icons/source.png b/src/h5ai/icons/16x16/source.png
similarity index 100%
rename from src/h5ai/icons/source.png
rename to src/h5ai/icons/16x16/source.png
diff --git a/src/h5ai/icons/sql.png b/src/h5ai/icons/16x16/sql.png
similarity index 100%
rename from src/h5ai/icons/sql.png
rename to src/h5ai/icons/16x16/sql.png
diff --git a/src/h5ai/icons/tar.png b/src/h5ai/icons/16x16/tar.png
similarity index 100%
rename from src/h5ai/icons/tar.png
rename to src/h5ai/icons/16x16/tar.png
diff --git a/src/h5ai/icons/tex.png b/src/h5ai/icons/16x16/tex.png
similarity index 100%
rename from src/h5ai/icons/tex.png
rename to src/h5ai/icons/16x16/tex.png
diff --git a/src/h5ai/icons/text.png b/src/h5ai/icons/16x16/text.png
similarity index 100%
rename from src/h5ai/icons/text.png
rename to src/h5ai/icons/16x16/text.png
diff --git a/src/h5ai/icons/16x16/tiff.png b/src/h5ai/icons/16x16/tiff.png
new file mode 100644
index 00000000..819e64cd
Binary files /dev/null and b/src/h5ai/icons/16x16/tiff.png differ
diff --git a/src/h5ai/icons/unknown.png b/src/h5ai/icons/16x16/unknown.png
similarity index 100%
rename from src/h5ai/icons/unknown.png
rename to src/h5ai/icons/16x16/unknown.png
diff --git a/src/h5ai/icons/vcal.png b/src/h5ai/icons/16x16/vcal.png
similarity index 100%
rename from src/h5ai/icons/vcal.png
rename to src/h5ai/icons/16x16/vcal.png
diff --git a/src/h5ai/icons/video.png b/src/h5ai/icons/16x16/video.png
similarity index 100%
rename from src/h5ai/icons/video.png
rename to src/h5ai/icons/16x16/video.png
diff --git a/src/h5ai/icons/xml.png b/src/h5ai/icons/16x16/xml.png
similarity index 100%
rename from src/h5ai/icons/xml.png
rename to src/h5ai/icons/16x16/xml.png
diff --git a/src/h5ai/icons/zip.png b/src/h5ai/icons/16x16/zip.png
similarity index 100%
rename from src/h5ai/icons/zip.png
rename to src/h5ai/icons/16x16/zip.png
diff --git a/src/h5ai/images/archive.png b/src/h5ai/icons/48x48/archive.png
similarity index 100%
rename from src/h5ai/images/archive.png
rename to src/h5ai/icons/48x48/archive.png
diff --git a/src/h5ai/images/audio.png b/src/h5ai/icons/48x48/audio.png
similarity index 100%
rename from src/h5ai/images/audio.png
rename to src/h5ai/icons/48x48/audio.png
diff --git a/src/h5ai/images/authors.png b/src/h5ai/icons/48x48/authors.png
similarity index 100%
rename from src/h5ai/images/authors.png
rename to src/h5ai/icons/48x48/authors.png
diff --git a/src/h5ai/images/bin.png b/src/h5ai/icons/48x48/bin.png
similarity index 100%
rename from src/h5ai/images/bin.png
rename to src/h5ai/icons/48x48/bin.png
diff --git a/src/h5ai/images/blank.png b/src/h5ai/icons/48x48/blank.png
similarity index 100%
rename from src/h5ai/images/blank.png
rename to src/h5ai/icons/48x48/blank.png
diff --git a/src/h5ai/images/bmp.png b/src/h5ai/icons/48x48/bmp.png
similarity index 100%
rename from src/h5ai/images/bmp.png
rename to src/h5ai/icons/48x48/bmp.png
diff --git a/src/h5ai/images/c.png b/src/h5ai/icons/48x48/c.png
similarity index 100%
rename from src/h5ai/images/c.png
rename to src/h5ai/icons/48x48/c.png
diff --git a/src/h5ai/icons/48x48/calc.png b/src/h5ai/icons/48x48/calc.png
new file mode 100644
index 00000000..af88f835
Binary files /dev/null and b/src/h5ai/icons/48x48/calc.png differ
diff --git a/src/h5ai/images/cd.png b/src/h5ai/icons/48x48/cd.png
similarity index 100%
rename from src/h5ai/images/cd.png
rename to src/h5ai/icons/48x48/cd.png
diff --git a/src/h5ai/images/copying.png b/src/h5ai/icons/48x48/copying.png
similarity index 100%
rename from src/h5ai/images/copying.png
rename to src/h5ai/icons/48x48/copying.png
diff --git a/src/h5ai/images/cpp.png b/src/h5ai/icons/48x48/cpp.png
similarity index 100%
rename from src/h5ai/images/cpp.png
rename to src/h5ai/icons/48x48/cpp.png
diff --git a/src/h5ai/images/css.png b/src/h5ai/icons/48x48/css.png
similarity index 100%
rename from src/h5ai/images/css.png
rename to src/h5ai/icons/48x48/css.png
diff --git a/src/h5ai/images/deb.png b/src/h5ai/icons/48x48/deb.png
similarity index 100%
rename from src/h5ai/images/deb.png
rename to src/h5ai/icons/48x48/deb.png
diff --git a/src/h5ai/images/default.png b/src/h5ai/icons/48x48/default.png
similarity index 100%
rename from src/h5ai/images/default.png
rename to src/h5ai/icons/48x48/default.png
diff --git a/src/h5ai/icons/48x48/doc.png b/src/h5ai/icons/48x48/doc.png
new file mode 100644
index 00000000..da782123
Binary files /dev/null and b/src/h5ai/icons/48x48/doc.png differ
diff --git a/src/h5ai/icons/48x48/draw.png b/src/h5ai/icons/48x48/draw.png
new file mode 100644
index 00000000..60c4836c
Binary files /dev/null and b/src/h5ai/icons/48x48/draw.png differ
diff --git a/src/h5ai/icons/48x48/eps.png b/src/h5ai/icons/48x48/eps.png
new file mode 100644
index 00000000..f5ebfe61
Binary files /dev/null and b/src/h5ai/icons/48x48/eps.png differ
diff --git a/src/h5ai/images/exe.png b/src/h5ai/icons/48x48/exe.png
similarity index 100%
rename from src/h5ai/images/exe.png
rename to src/h5ai/icons/48x48/exe.png
diff --git a/src/h5ai/images/folder.png b/src/h5ai/icons/48x48/folder.png
similarity index 100%
rename from src/h5ai/images/folder.png
rename to src/h5ai/icons/48x48/folder.png
diff --git a/src/h5ai/images/gif.png b/src/h5ai/icons/48x48/gif.png
similarity index 100%
rename from src/h5ai/images/gif.png
rename to src/h5ai/icons/48x48/gif.png
diff --git a/src/h5ai/images/gzip.png b/src/h5ai/icons/48x48/gzip.png
similarity index 100%
rename from src/h5ai/images/gzip.png
rename to src/h5ai/icons/48x48/gzip.png
diff --git a/src/h5ai/images/h.png b/src/h5ai/icons/48x48/h.png
similarity index 100%
rename from src/h5ai/images/h.png
rename to src/h5ai/icons/48x48/h.png
diff --git a/src/h5ai/images/hpp.png b/src/h5ai/icons/48x48/hpp.png
similarity index 100%
rename from src/h5ai/images/hpp.png
rename to src/h5ai/icons/48x48/hpp.png
diff --git a/src/h5ai/images/html.png b/src/h5ai/icons/48x48/html.png
similarity index 100%
rename from src/h5ai/images/html.png
rename to src/h5ai/icons/48x48/html.png
diff --git a/src/h5ai/images/ico.png b/src/h5ai/icons/48x48/ico.png
similarity index 100%
rename from src/h5ai/images/ico.png
rename to src/h5ai/icons/48x48/ico.png
diff --git a/src/h5ai/images/image.png b/src/h5ai/icons/48x48/image.png
similarity index 100%
rename from src/h5ai/images/image.png
rename to src/h5ai/icons/48x48/image.png
diff --git a/src/h5ai/images/install.png b/src/h5ai/icons/48x48/install.png
similarity index 100%
rename from src/h5ai/images/install.png
rename to src/h5ai/icons/48x48/install.png
diff --git a/src/h5ai/images/java.png b/src/h5ai/icons/48x48/java.png
similarity index 100%
rename from src/h5ai/images/java.png
rename to src/h5ai/icons/48x48/java.png
diff --git a/src/h5ai/images/jpg.png b/src/h5ai/icons/48x48/jpg.png
similarity index 100%
rename from src/h5ai/images/jpg.png
rename to src/h5ai/icons/48x48/jpg.png
diff --git a/src/h5ai/images/js.png b/src/h5ai/icons/48x48/js.png
similarity index 100%
rename from src/h5ai/images/js.png
rename to src/h5ai/icons/48x48/js.png
diff --git a/src/h5ai/images/log.png b/src/h5ai/icons/48x48/log.png
similarity index 100%
rename from src/h5ai/images/log.png
rename to src/h5ai/icons/48x48/log.png
diff --git a/src/h5ai/images/makefile.png b/src/h5ai/icons/48x48/makefile.png
similarity index 100%
rename from src/h5ai/images/makefile.png
rename to src/h5ai/icons/48x48/makefile.png
diff --git a/src/h5ai/images/package.png b/src/h5ai/icons/48x48/package.png
similarity index 100%
rename from src/h5ai/images/package.png
rename to src/h5ai/icons/48x48/package.png
diff --git a/src/h5ai/images/parent.png b/src/h5ai/icons/48x48/parent.png
similarity index 100%
rename from src/h5ai/images/parent.png
rename to src/h5ai/icons/48x48/parent.png
diff --git a/src/h5ai/images/pdf.png b/src/h5ai/icons/48x48/pdf.png
similarity index 100%
rename from src/h5ai/images/pdf.png
rename to src/h5ai/icons/48x48/pdf.png
diff --git a/src/h5ai/images/php.png b/src/h5ai/icons/48x48/php.png
similarity index 100%
rename from src/h5ai/images/php.png
rename to src/h5ai/icons/48x48/php.png
diff --git a/src/h5ai/icons/48x48/playlist.png b/src/h5ai/icons/48x48/playlist.png
new file mode 100644
index 00000000..19ffe58c
Binary files /dev/null and b/src/h5ai/icons/48x48/playlist.png differ
diff --git a/src/h5ai/images/png.png b/src/h5ai/icons/48x48/png.png
similarity index 100%
rename from src/h5ai/images/png.png
rename to src/h5ai/icons/48x48/png.png
diff --git a/src/h5ai/icons/48x48/pres.png b/src/h5ai/icons/48x48/pres.png
new file mode 100644
index 00000000..d08d1b17
Binary files /dev/null and b/src/h5ai/icons/48x48/pres.png differ
diff --git a/src/h5ai/icons/48x48/psd.png b/src/h5ai/icons/48x48/psd.png
new file mode 100644
index 00000000..caae2589
Binary files /dev/null and b/src/h5ai/icons/48x48/psd.png differ
diff --git a/src/h5ai/images/py.png b/src/h5ai/icons/48x48/py.png
similarity index 100%
rename from src/h5ai/images/py.png
rename to src/h5ai/icons/48x48/py.png
diff --git a/src/h5ai/images/rar.png b/src/h5ai/icons/48x48/rar.png
similarity index 100%
rename from src/h5ai/images/rar.png
rename to src/h5ai/icons/48x48/rar.png
diff --git a/src/h5ai/images/rb.png b/src/h5ai/icons/48x48/rb.png
similarity index 100%
rename from src/h5ai/images/rb.png
rename to src/h5ai/icons/48x48/rb.png
diff --git a/src/h5ai/images/readme.png b/src/h5ai/icons/48x48/readme.png
similarity index 100%
rename from src/h5ai/images/readme.png
rename to src/h5ai/icons/48x48/readme.png
diff --git a/src/h5ai/images/rpm.png b/src/h5ai/icons/48x48/rpm.png
similarity index 100%
rename from src/h5ai/images/rpm.png
rename to src/h5ai/icons/48x48/rpm.png
diff --git a/src/h5ai/icons/48x48/rss.png b/src/h5ai/icons/48x48/rss.png
new file mode 100644
index 00000000..ccf5882c
Binary files /dev/null and b/src/h5ai/icons/48x48/rss.png differ
diff --git a/src/h5ai/images/rtf.png b/src/h5ai/icons/48x48/rtf.png
similarity index 100%
rename from src/h5ai/images/rtf.png
rename to src/h5ai/icons/48x48/rtf.png
diff --git a/src/h5ai/images/script.png b/src/h5ai/icons/48x48/script.png
similarity index 100%
rename from src/h5ai/images/script.png
rename to src/h5ai/icons/48x48/script.png
diff --git a/src/h5ai/icons/48x48/source.png b/src/h5ai/icons/48x48/source.png
new file mode 100644
index 00000000..c7bf4344
Binary files /dev/null and b/src/h5ai/icons/48x48/source.png differ
diff --git a/src/h5ai/icons/48x48/sql.png b/src/h5ai/icons/48x48/sql.png
new file mode 100644
index 00000000..ca3fa0e5
Binary files /dev/null and b/src/h5ai/icons/48x48/sql.png differ
diff --git a/src/h5ai/images/tar.png b/src/h5ai/icons/48x48/tar.png
similarity index 100%
rename from src/h5ai/images/tar.png
rename to src/h5ai/icons/48x48/tar.png
diff --git a/src/h5ai/images/tex.png b/src/h5ai/icons/48x48/tex.png
similarity index 100%
rename from src/h5ai/images/tex.png
rename to src/h5ai/icons/48x48/tex.png
diff --git a/src/h5ai/images/text.png b/src/h5ai/icons/48x48/text.png
similarity index 100%
rename from src/h5ai/images/text.png
rename to src/h5ai/icons/48x48/text.png
diff --git a/src/h5ai/images/tiff.png b/src/h5ai/icons/48x48/tiff.png
similarity index 100%
rename from src/h5ai/images/tiff.png
rename to src/h5ai/icons/48x48/tiff.png
diff --git a/src/h5ai/images/unknown.png b/src/h5ai/icons/48x48/unknown.png
similarity index 100%
rename from src/h5ai/images/unknown.png
rename to src/h5ai/icons/48x48/unknown.png
diff --git a/src/h5ai/icons/48x48/vcal.png b/src/h5ai/icons/48x48/vcal.png
new file mode 100644
index 00000000..d026cbf6
Binary files /dev/null and b/src/h5ai/icons/48x48/vcal.png differ
diff --git a/src/h5ai/icons/48x48/video.png b/src/h5ai/icons/48x48/video.png
new file mode 100644
index 00000000..6b8f79c0
Binary files /dev/null and b/src/h5ai/icons/48x48/video.png differ
diff --git a/src/h5ai/images/xml.png b/src/h5ai/icons/48x48/xml.png
similarity index 100%
rename from src/h5ai/images/xml.png
rename to src/h5ai/icons/48x48/xml.png
diff --git a/src/h5ai/images/zip.png b/src/h5ai/icons/48x48/zip.png
similarity index 100%
rename from src/h5ai/images/zip.png
rename to src/h5ai/icons/48x48/zip.png
diff --git a/src/h5ai/icons/reload.png b/src/h5ai/icons/reload.png
deleted file mode 100644
index bac972a4..00000000
Binary files a/src/h5ai/icons/reload.png and /dev/null differ
diff --git a/src/h5ai/icons/ascending.png b/src/h5ai/images/ascending.png
similarity index 100%
rename from src/h5ai/icons/ascending.png
rename to src/h5ai/images/ascending.png
diff --git a/src/h5ai/icons/crumb.png b/src/h5ai/images/crumb.png
similarity index 100%
rename from src/h5ai/icons/crumb.png
rename to src/h5ai/images/crumb.png
diff --git a/src/h5ai/icons/descending.png b/src/h5ai/images/descending.png
similarity index 100%
rename from src/h5ai/icons/descending.png
rename to src/h5ai/images/descending.png
diff --git a/target/h5ai/icons/folder.png b/src/h5ai/images/h5ai-16x16.png
similarity index 100%
rename from target/h5ai/icons/folder.png
rename to src/h5ai/images/h5ai-16x16.png
diff --git a/target/h5ai/images/folder.png b/src/h5ai/images/h5ai-48x48.png
similarity index 100%
rename from target/h5ai/images/folder.png
rename to src/h5ai/images/h5ai-48x48.png
diff --git a/src/h5ai/icons/home.png b/src/h5ai/images/home.png
similarity index 100%
rename from src/h5ai/icons/home.png
rename to src/h5ai/images/home.png
diff --git a/src/h5ai/icons/view-details.png b/src/h5ai/images/view-details.png
similarity index 100%
rename from src/h5ai/icons/view-details.png
rename to src/h5ai/images/view-details.png
diff --git a/src/h5ai/icons/view-icons.png b/src/h5ai/images/view-icons.png
similarity index 100%
rename from src/h5ai/icons/view-icons.png
rename to src/h5ai/images/view-icons.png
diff --git a/src/h5ai/js/main.js b/src/h5ai/js/main.js
index 29629da1..2ee1eb53 100644
--- a/src/h5ai/js/main.js
+++ b/src/h5ai/js/main.js
@@ -27,9 +27,9 @@
 				viewmode: "h5ai.viewmode"
 			},
 			icons: {
-				crumb: "/h5ai/icons/crumb.png",
-				ascending: "/h5ai/icons/ascending.png",
-				descending: "/h5ai/icons/descending.png"
+				crumb: "/h5ai/images/crumb.png",
+				ascending: "/h5ai/images/ascending.png",
+				descending: "/h5ai/images/descending.png"
 			},
 			customHeader: "h5ai.header.html",
 			customFooter: "h5ai.footer.html",
@@ -115,22 +115,21 @@
 
 		var applyViewmode = function ( viewmode ) {
 
+			$( "#table" ).hide();
 			if ( viewmode !== undefined ) {
 				localStorage.setItem( config.store.viewmode, viewmode );
 			};
 			if ( getViewmode() === "icons" ) {
-				$( "#details" ).hide();
-				$( "#icons" ).show();
+				$( "#extended" ).removeClass( "details-view" ).addClass( "icons-view" ).show();
 			} else {
-				$( "#details" ).show();
-				$( "#icons" ).hide();
+				$( "#extended" ).addClass( "details-view" ).removeClass( "icons-view" ).show();
 			};
 		};
 
 		
 		
 		/*******************************
-		 * breadcrumb
+		 * breadcrumb and doc title
 		 *******************************/
 
 		var initBreadcrumb = function () {
@@ -148,77 +147,55 @@
 				};
 			};
 
-			$( "nav li a" ).closest( "li" )
-				.click( function () {
-					document.location.href = $( this ).find( "a" ).attr( "href" );
-				} );
-
 			document.title = document.domain + pathname;
 		};
 
 
 
 		/*******************************
-		 * details view
+		 * table view
 		 *******************************/
 
-		var makeTableHtml5Conform = function () {
+		var initTableView = function () {
 
-			$( "#details td" ).removeAttr( "align" ).removeAttr( "valign" );
-		};
+			function getColumnClass( idx ) {
 
-
-		var getColumnClass = function ( idx ) {
-
-			if ( idx >= 0 && idx < config.columnClasses.length ) {
-				return config.columnClasses[idx];
+				if ( idx >= 0 && idx < config.columnClasses.length ) {
+					return config.columnClasses[idx];
+				};
+				return "unknown";
 			};
-			return "unknown";
-		};
-
-
-		var initTableColumns = function () {
-
-			$( "#details tr" ).each( function () {
+			
+			$( "#table td" ).removeAttr( "align" ).removeAttr( "valign" );
+			$( "#table tr" ).each( function () {
 				var colIdx = 0;
 				$( this ).find( "th,td" ).each( function () {
-					$( this ).addClass( getColumnClass( colIdx ) );
-					colIdx++;
+					$( this ).addClass( getColumnClass( colIdx++ ) );
 				} );
 			} );
 		};
 
 
-		var initTableRows = function () {
 
-			$( "#details th a" ).closest( "th" )
-				.addClass( "header" )
-				.click( function () {
-					document.location.href = $( this ).find( "a" ).attr( "href" );
-				} );
-			$( "#details td.name a" ).closest( "tr" )
-				.addClass( "entry" )
-				.click( function () {
-					document.location.href = $( this ).find( "td.name a" ).attr( "href" );
-				} );
-			$( "#details tr.entry" ).each( function () {
-				var $row = $( this );
-				$row.find( "td.name a" ).addClass( "label" );
-				if ( $row.find( "td.icon img" ).attr( "alt" ) === "[DIR]" ) {
-					$row.addClass( "folder" );
-				} else {
-					$row.addClass( "file" );				
-				};
-			} );
-			$entries = $( "#details tr.entry" );
-			if ( $entries.size() === 0 || $entries.size() === 1 && $entries.find( "td.name a" ).text() === "Parent Directory" ) {
-				$( "#details" ).append( $( "<div class='empty'>empty</div>" ) );
-			};
-		};
+		/*******************************
+		 * extended view
+		 *******************************/
 
+		var initExtendedView = function () {
 
-		var addSortOrderIcon = function () {
+			var $ul = $( "<ul/>" );
 
+			// headers
+			var $li = $( "<li class='header' />" ).appendTo( $ul );
+			$( "<a class='icon'></a>" ).appendTo( $li );
+			var $label = $( "th.name a" );
+			var $date = $( "th.date a" );
+			var $size = $( "th.size a" );
+			$( "<a class='label' href='" + $label.attr( "href" ) + "'>" + $label.text() + "</a>" ).appendTo( $li );
+			$( "<a class='date' href='" + $date.attr( "href" ) + "'>" + $date.text() + "</a>" ).appendTo( $li );
+			$( "<a class='size' href='" + $size.attr( "href" ) + "'>" + $size.text() + "</a>" ).appendTo( $li );
+
+			// header sort icons
 			var order = document.location.search;
 			if ( order === "" ) {
 				order = config.defaultSortOrder;
@@ -230,52 +207,61 @@
 				$icon = $( "<img src='" + config.icons.descending + "' class='sort' alt='descending' />" );
 			};
 			if ( order.indexOf( "C=N" ) >= 0 ) {
-				$( "#details th.name a" ).append( $icon );
+				$li.find( "a.label" ).append( $icon );
 			} else if ( order.indexOf( "C=M" ) >= 0 ) {
-				$( "#details th.date a" ).prepend( $icon );
+				$li.find( "a.date" ).prepend( $icon );
 			} else if ( order.indexOf( "C=S" ) >= 0 ) {
-				$( "#details th.size a" ).prepend( $icon );
+				$li.find( "a.size" ).prepend( $icon );
 			};
-		};
-
-
-		var initDetailsView = function () {
-
-			makeTableHtml5Conform();
-			initTableColumns();
-			initTableRows();
-			addSortOrderIcon();
-		};
-
-
-
-		/*******************************
-		 * icons view
-		 *******************************/
-
-		var initIconsView = function () {
-
-			var $div = $( "<div></div>" );
-			$( "#details td.name a" ).closest( "tr" ).each( function () {
+			
+			// entries
+			$( "#table td.name a" ).closest( "tr" ).each( function () {
 				var $tr = $( this );
-				var icon = $tr.find( "td.icon img" ).attr( "src" ).replace( "icons", "images" );
+				var $img = $tr.find( "td.icon img" );
+				var iconsmall = $img.attr( "src" );
+				var iconbig = iconsmall.replace( "16x16", "48x48" );
+				var alt = $img.attr( "alt" );
 				var $link = $tr.find( "td.name a" );
-				var $entry = $( "<div class='entry'><img src='" + icon + "' /><div class='label'>" + $link.text() + "</div></div>" )
-					.click( function () {
-						document.location.href = $link.attr( "href" );
-					} ).
-					appendTo( $div );
-				if ( $tr.hasClass( "folder" ) ) {
-					$entry.addClass( "folder" );
+				var label = $link.text();
+				var href = $link.attr( "href" );
+				var date = $tr.find( "td.date" ).text();
+				var size = $tr.find( "td.size" ).text();
+
+				var $li = $( "<li class='entry' />" ).appendTo( $ul );
+				if ( alt === "[DIR]" ) {
+					$li.addClass( "folder" );
 				} else {
-					$entry.addClass( "file" );
-				};
+					$li.addClass( "file" );					
+				}
+				var $a = $( "<a href='" + href + "' />" ).appendTo( $li );
+				$( "<span class='icon small'><img src='" + iconsmall + "' alt='" + alt + "' /></span>" ).appendTo( $a );
+				$( "<span class='icon big'><img src='" + iconbig + "' alt='" + alt + "' /></span>" ).appendTo( $a );
+				$( "<span class='label'>" + label + "</span>" ).appendTo( $a );
+				$( "<span class='date'>" + date + "</span>" ).appendTo( $a );
+				$( "<span class='size'>" + size + "</span>" ).appendTo( $a );
 			} );
-			if ( $( "#details .empty" ).size() > 0 ) {
-				$div.append( $( "<div class='empty'>empty</div>" ) );
+
+			$( "#extended" ).append( $ul );
+
+			// empty
+			$entries = $( "#extended .entry" );
+			if ( $entries.size() === 0 || $entries.size() === 1 && $entries.find( ".label" ).text() === "Parent Directory" ) {
+				$( "#extended" ).append( $( "<div class='empty'>empty</div>" ) );
 			};
-			$div.append( $( "<div class='clearfix'></div>" ) );
-			$( "#icons" ).append( $div );
+
+			// in case of floats
+			$( "#extended" ).append( $( "<div class='clearfix' />" ) );
+
+		
+			// click callbacks
+			$( "#extended .entry.folder" )
+				.click( function() {
+					triggerFolderClick( $( this ).find( ".label" ).text() );
+				} );
+			$( "#extended .entry.file" )
+				.click( function() {
+					triggerFileClick( $( this ).find( ".label" ).text() );
+				} );
 		};
 
 
@@ -286,17 +272,8 @@
 
 		var initViews = function () {
 
-			initDetailsView();
-			initIconsView();
-
-			$( "#content .entry.folder" )
-				.click( function() {
-					triggerFolderClick( $( this ).find( ".label" ).text() );
-				} );
-			$( "#content .entry.file" )
-				.click( function() {
-					triggerFileClick( $( this ).find( ".label" ).text() );
-				} );
+			initTableView();
+			initExtendedView();
 
 			$( "#viewdetails" ).closest( "li" )
 				.click( function () {
diff --git a/target/dot.htaccess b/target/dot.htaccess
index 8cf40e0c..5cd05e0a 100644
--- a/target/dot.htaccess
+++ b/target/dot.htaccess
@@ -1,5 +1,5 @@
 ################################
-# h5ai 0.3.2
+# h5ai 0.4
 # customized .htaccess
 ################################
 
@@ -72,66 +72,66 @@
 	# icon mapping
 	################################
 
-	AddIcon              /h5ai/icons/parent.png      ..
-	AddIcon              /h5ai/icons/folder.png      ^^DIRECTORY^^
-	AddIcon              /h5ai/icons/blank.png       ^^BLANKICON^^
+	AddIcon              /h5ai/icons/16x16/parent.png      ..
+	AddIcon              /h5ai/icons/16x16/folder.png      ^^DIRECTORY^^
+	AddIcon              /h5ai/icons/16x16/blank.png       ^^BLANKICON^^
 
-	AddIcon              /h5ai/icons/readme.png      README
-	AddIcon              /h5ai/icons/copying.png     COPYING  LICENSE
-	AddIcon              /h5ai/icons/install.png     INSTALL
-	AddIcon              /h5ai/icons/authors.png     AUTHORS
-	AddIcon              /h5ai/icons/log.png         LOG  Log  log
+	AddIcon              /h5ai/icons/16x16/readme.png      README
+	AddIcon              /h5ai/icons/16x16/copying.png     COPYING  LICENSE
+	AddIcon              /h5ai/icons/16x16/install.png     INSTALL
+	AddIcon              /h5ai/icons/16x16/authors.png     AUTHORS
+	AddIcon              /h5ai/icons/16x16/log.png         LOG  Log  log
 
-	AddIcon              /h5ai/icons/css.png         .less
-	AddIcon              /h5ai/icons/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
-	AddIcon              /h5ai/icons/makefile.png    .pom  pom.xml  build.xml
-	AddIcon              /h5ai/icons/bin.png         .so  .o
+	AddIcon              /h5ai/icons/16x16/css.png         .less
+	AddIcon              /h5ai/icons/16x16/script.png      .conf  .ini  .sh  .shar  .csh  .ksh  .tcl
+	AddIcon              /h5ai/icons/16x16/makefile.png    .pom  pom.xml  build.xml
+	AddIcon              /h5ai/icons/16x16/bin.png         .so  .o
 
-	AddIcon              /h5ai/icons/zip.png         .zip  .Z  .z  .jar  .war
-	AddIcon              /h5ai/icons/tar.png         .tar
-	AddIcon              /h5ai/icons/archive.png     .tar.gz  .tgz  .tar.bz2
-	AddIcon              /h5ai/icons/pdf.png         .pdf
-	AddIcon              /h5ai/icons/deb.png         .deb
-	AddIcon              /h5ai/icons/rpm.png         .rpm
-	AddIcon              /h5ai/icons/cd.png          .iso  .cue
+	AddIcon              /h5ai/icons/16x16/zip.png         .zip  .Z  .z  .jar  .war
+	AddIcon              /h5ai/icons/16x16/tar.png         .tar
+	AddIcon              /h5ai/icons/16x16/archive.png     .tar.gz  .tgz  .tar.bz2
+	AddIcon              /h5ai/icons/16x16/pdf.png         .pdf
+	AddIcon              /h5ai/icons/16x16/deb.png         .deb
+	AddIcon              /h5ai/icons/16x16/rpm.png         .rpm
+	AddIcon              /h5ai/icons/16x16/cd.png          .iso  .cue
 
-	AddIconByType        /h5ai/icons/png.png         image/png
-	AddIconByType        /h5ai/icons/jpg.png         image/jpeg
-	AddIconByType        /h5ai/icons/gif.png         image/gif
-	AddIconByType        /h5ai/icons/ico.png         image/x-icon
-	AddIconByType        /h5ai/icons/bmp.png         image/x-ms-bmp
+	AddIconByType        /h5ai/icons/16x16/png.png         image/png
+	AddIconByType        /h5ai/icons/16x16/jpg.png         image/jpeg
+	AddIconByType        /h5ai/icons/16x16/gif.png         image/gif
+	AddIconByType        /h5ai/icons/16x16/ico.png         image/x-icon
+	AddIconByType        /h5ai/icons/16x16/bmp.png         image/x-ms-bmp
 
-	AddIconByType        /h5ai/icons/html.png        text/html
-	AddIconByType        /h5ai/icons/css.png         text/css
-	AddIconByType        /h5ai/icons/xml.png         application/xml
-	AddIconByType        /h5ai/icons/js.png          application/javascript  application/json
-	AddIconByType        /h5ai/icons/php.png         application/x-httpd-php
+	AddIconByType        /h5ai/icons/16x16/html.png        text/html
+	AddIconByType        /h5ai/icons/16x16/css.png         text/css
+	AddIconByType        /h5ai/icons/16x16/xml.png         application/xml
+	AddIconByType        /h5ai/icons/16x16/js.png          application/javascript  application/json
+	AddIconByType        /h5ai/icons/16x16/php.png         application/x-httpd-php
 
-	AddIconByType        /h5ai/icons/py.png          text/x-python
-	AddIconByType        /h5ai/icons/rb.png          application/x-ruby
-	AddIconByType        /h5ai/icons/java.png        text/x-java
-	AddIconByType        /h5ai/icons/cpp.png         text/x-c++src
-	AddIconByType        /h5ai/icons/hpp.png         text/x-c++hdr
-	AddIconByType        /h5ai/icons/c.png           text/x-csrc
-	AddIconByType        /h5ai/icons/h.png           text/x-chdr
+	AddIconByType        /h5ai/icons/16x16/py.png          text/x-python
+	AddIconByType        /h5ai/icons/16x16/rb.png          application/x-ruby
+	AddIconByType        /h5ai/icons/16x16/java.png        text/x-java
+	AddIconByType        /h5ai/icons/16x16/cpp.png         text/x-c++src
+	AddIconByType        /h5ai/icons/16x16/hpp.png         text/x-c++hdr
+	AddIconByType        /h5ai/icons/16x16/c.png           text/x-csrc
+	AddIconByType        /h5ai/icons/16x16/h.png           text/x-chdr
 
-	AddIconByType        /h5ai/icons/pdf.png         application/pdf
+	AddIconByType        /h5ai/icons/16x16/pdf.png         application/pdf
 
-	AddIconByType        /h5ai/icons/rtf.png         text/rtf  application/rtf
-	AddIconByType        /h5ai/icons/tex.png         text/x-tex
-	AddIconByType        /h5ai/icons/makefile.png    text/x-makefile
+	AddIconByType        /h5ai/icons/16x16/rtf.png         text/rtf  application/rtf
+	AddIconByType        /h5ai/icons/16x16/tex.png         text/x-tex
+	AddIconByType        /h5ai/icons/16x16/makefile.png    text/x-makefile
 
-	AddIconByType        /h5ai/icons/bin.png         application/java-vm
-	AddIconByType        /h5ai/icons/exe.png         application/x-executable application/x-msdos-program
+	AddIconByType        /h5ai/icons/16x16/bin.png         application/java-vm
+	AddIconByType        /h5ai/icons/16x16/exe.png         application/x-executable application/x-msdos-program
 
-	AddIconByType        /h5ai/icons/text.png        text/*
-	AddIconByType        /h5ai/icons/image.png       image/*
-	AddIconByType        /h5ai/icons/audio.png       audio/*
-	AddIconByType        /h5ai/icons/video.png       video/*
+	AddIconByType        /h5ai/icons/16x16/text.png        text/*
+	AddIconByType        /h5ai/icons/16x16/image.png       image/*
+	AddIconByType        /h5ai/icons/16x16/audio.png       audio/*
+	AddIconByType        /h5ai/icons/16x16/video.png       video/*
 
-	AddIconByEncoding    /h5ai/icons/zip.png         x-compress  x-gzip  x-bzip2
+	AddIconByEncoding    /h5ai/icons/16x16/zip.png         x-compress  x-gzip  x-bzip2
 
-	DefaultIcon          /h5ai/icons/unknown.png
+	DefaultIcon          /h5ai/icons/16x16/unknown.png
 
 </IfModule>
 
diff --git a/target/h5ai/css/main.css b/target/h5ai/css/main.css
index 18ff4fc8..1eec0d60 100644
--- a/target/h5ai/css/main.css
+++ b/target/h5ai/css/main.css
@@ -1 +1 @@
-html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}a:hover,a:active{outline:0}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}::selection{background:#ff5e99;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#ff5e99}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold}a,a:active,a:visited{color:#607890}a:hover{color:#036}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{font-family:Ubuntu,sans-serif;font-size:16px;color:#555;margin:80px 30px}a,a:visited{color:#555;text-decoration:none}a:hover,a:visited:hover{color:#e80}body>nav{position:fixed;z-index:1;width:100%;left:0;top:0;font-size:.85em;background-color:#f0f0f0;border-bottom:1px solid #e1e1e1;-webkit-box-shadow:0 0 30px #555;-moz-box-shadow:0 0 30px #555;box-shadow:0 0 30px #555}body>nav li{cursor:pointer;opacity:.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body>nav li.crumb{float:left;border-right:1px dotted #e1e1e1}body>nav li.view{float:right;border-left:1px dotted #e1e1e1}body>nav li:hover,body>nav li:hover a{color:#e80;background-color:rgba(255,255,255,0.5);opacity:1.0}body>nav a{display:block;height:30px;line-height:30px;padding:0 10px}body>nav img{width:16px;height:16px;vertical-align:bottom;padding:0 6px 6px 0}#content{max-width:980px;margin:0 auto}#content>header{display:none;padding-bottom:10px;margin-bottom:80px;border-bottom:2px dashed #ddd}#content>footer{display:none;padding-top:10px;margin-top:80px;border-top:2px dashed #ddd}#details{display:none}#details table{display:block;width:100%;border-collapse:collapse}#details table tr.entry:hover,#details table tr.entry:hover a{background-color:#f0f0f0;color:#e80;cursor:pointer}#details table th,#details table td{padding:3px 6px;text-align:left;border:0}#details table th{padding-bottom:18px;opacity:.4;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#details table th.header:hover,#details table th.header:hover a{color:#555;cursor:pointer;opacity:.9}#details table th a,#details table th a:visited{color:#555;font-weight:normal}#details table th a img,#details table th a:visited img{width:12px;height:12px;padding:0 8px}#details table td{border:1px solid #ddd;border-left:none;border-right:0}#details table .icon{text-align:center;width:16px}#details table .icon img{width:16px;height:16px;padding-top:2px}#details table .name{width:682px;max-width:682px;overflow:hidden;white-space:nowrap}#details table .date{text-align:right;width:160px;min-width:160px;white-space:nowrap}#details table .size{text-align:right;width:70px;min-width:70px;white-space:nowrap}#details .empty{text-align:center;margin:50px 0;color:#ddd;font-size:5em;font-weight:bold}#icons{display:none;padding:10px;border:1px solid #eee;border-radius:15px}#icons .entry{margin:8px;padding:8px;width:100px;height:120px;float:left;text-align:center;overflow:hidden;border-radius:5px;cursor:pointer;border:1px solid rgba(0,0,0,0)}#icons .entry:hover{color:#e80;border-color:#eee;-webkit-box-shadow:0 0 20px #999;-moz-box-shadow:0 0 20px #999;box-shadow:0 0 20px #999}#icons .entry img{width:48px;height:48px;margin-bottom:8px}#icons .empty{padding:16px;height:120px;text-align:center;color:#ddd;font-size:5em;font-weight:bold}body>footer{position:fixed;z-index:1;width:100%;left:0;bottom:0;padding:10px 0;border-top:1px solid #e1e1e1;background-color:#f0f0f0;color:#999;font-size:.85em;text-align:center;-webkit-box-shadow:0 0 30px #555;-moz-box-shadow:0 0 30px #555;box-shadow:0 0 30px #555}body>footer a,body>footer a:visited{color:#555;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body>footer a:hover,body>footer a:visited:hover{color:#e80}#html5{position:absolute;left:6px;bottom:6px;float:left}#html5 img{width:20px;height:20px;opacity:.4;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#html5:hover img{opacity:.8}
\ No newline at end of file
+html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}a:hover,a:active{outline:0}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}::selection{background:#ff5e99;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:#ff5e99}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}body,select,input,textarea{color:#444}h1,h2,h3,h4,h5,h6{font-weight:bold}a,a:active,a:visited{color:#607890}a:hover{color:#036}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:black!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}html.js .jsDisabledFallback{display:none}html.no-js body>nav ul{display:none}body{font-family:Ubuntu,sans-serif;font-size:16px;color:#555;margin:80px 30px}a,a:visited{color:#555;text-decoration:none}a:hover,a:visited:hover{color:#e80}body>nav{position:fixed;z-index:1;width:100%;left:0;top:0;font-size:.85em;background-color:#f0f0f0;border-bottom:1px solid #e1e1e1;-moz-box-shadow:0 0 30px #555;-webkit-box-shadow:0 0 30px #555;box-shadow:0 0 30px #555}body>nav span.jsDisabledFallback{display:block;height:30px;line-height:30px;padding:0 10px;color:#999}body>nav li{cursor:pointer;opacity:.7;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body>nav li.crumb{float:left;border-right:1px dotted #e1e1e1}body>nav li.view{float:right;border-left:1px dotted #e1e1e1}body>nav li:hover,body>nav li:hover a{color:#e80;background-color:rgba(255,255,255,0.5);opacity:1.0}body>nav a{display:block;height:30px;line-height:30px;padding:0 10px}body>nav img{width:16px;height:16px;vertical-align:bottom;padding:0 6px 6px 0}#content{max-width:980px;margin:0 auto}#content>header{display:none;padding-bottom:10px;margin-bottom:80px;border-bottom:2px dashed #ddd}#content>footer{display:none;padding-top:10px;margin-top:80px;border-top:2px dashed #ddd}#table table{display:block;width:100%;border-collapse:collapse}#table table th,#table table td{padding:3px 6px;text-align:left;border:0}#table table th{padding-bottom:18px;opacity:.4;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#table table th:hover,#table table th:hover a{color:#555;cursor:pointer;opacity:.9}#table table th a,#table table th a:visited{color:#555;font-weight:normal}#table table th a img,#table table th a:visited img{width:12px;height:12px;padding:0 8px}#table table td{border:1px solid #ddd;border-left:none;border-right:0}#table table td:nth-child(1),#table table th:nth-child(1){text-align:center;width:16px}#table table td:nth-child(1) img,#table table th:nth-child(1) img{width:16px;height:16px;padding-top:2px}#table table td:nth-child(2),#table table th:nth-child(2){width:682px;max-width:682px;overflow:hidden;white-space:nowrap}#table table td:nth-child(3),#table table th:nth-child(3){text-align:right;width:160px;min-width:160px;white-space:nowrap}#table table td:nth-child(4),#table table th:nth-child(4){text-align:right;width:70px;min-width:70px;white-space:nowrap}#extended.details-view{display:none}#extended.details-view ul{margin:0;padding:0;list-style:none}#extended.details-view li{white-space:nowrap}#extended.details-view li.header a{padding-bottom:18px;color:#555;opacity:.4;cursor:pointer;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#extended.details-view li.header a:visited{color:#555}#extended.details-view li.header a:hover{color:#555;opacity:.9}#extended.details-view li.header a img{width:12px;height:12px;padding:0 8px}#extended.details-view li.entry{display:block;border-bottom:1px solid #ddd}#extended.details-view li.entry:first-child{border-top:1px solid #ddd}#extended.details-view li.entry a,#extended.details-view li.entry a:hover{display:block;cursor:pointer}#extended.details-view li.entry a:hover,#extended.details-view li.entry a:hover:hover{background-color:#f0f0f0;color:#e80}#extended.details-view .icon,#extended.details-view .label,#extended.details-view .date,#extended.details-view .size{display:inline-block;padding:3px 6px 6px 6px;text-align:left;border:0}#extended.details-view .icon{text-align:center;width:16px}#extended.details-view .icon img{padding-top:4px;width:16px;height:16px}#extended.details-view .icon.big{display:none}#extended.details-view .label{width:682px;max-width:682px;overflow:hidden;white-space:nowrap}#extended.details-view .date{text-align:right;width:160px;min-width:160px;white-space:nowrap}#extended.details-view .size{text-align:right;width:70px;min-width:70px;white-space:nowrap}#extended.details-view .empty{text-align:center;margin:50px 0;color:#ddd;font-size:5em;font-weight:bold}#extended.icons-view{display:none;padding:10px;border:1px solid #eee;border-radius:15px}#extended.icons-view ul{margin:0;padding:0;list-style:none}#extended.icons-view li.header{display:none}#extended.icons-view li.entry{float:left}#extended.icons-view li.entry a{display:block;margin:8px;padding:8px;width:100px;height:120px;float:left;text-align:center;overflow:hidden;border-radius:5px;cursor:pointer;border:1px solid rgba(0,0,0,0)}#extended.icons-view li.entry a:hover{color:#e80;border-color:#eee;-moz-box-shadow:0 0 20px #999;-webkit-box-shadow:0 0 20px #999;box-shadow:0 0 20px #999}#extended.icons-view li.entry a .icon{display:block}#extended.icons-view li.entry a .icon img{width:48px;height:48px;margin-bottom:8px}#extended.icons-view li.entry a .icon.small{display:none}#extended.icons-view li.entry a .label{display:block}#extended.icons-view li.entry a .date,#extended.icons-view li.entry a .size{display:none}#extended.icons-view .empty{padding:16px;height:120px;text-align:center;color:#ddd;font-size:5em;font-weight:bold}body>footer{position:fixed;z-index:1;width:100%;left:0;bottom:0;padding:10px 0;border-top:1px solid #e1e1e1;background-color:#f0f0f0;color:#999;font-size:.85em;text-align:center;-moz-box-shadow:0 0 30px #555;-webkit-box-shadow:0 0 30px #555;box-shadow:0 0 30px #555}body>footer a,body>footer a:visited{color:#555;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}body>footer a:hover,body>footer a:visited:hover{color:#e80}#html5{position:absolute;left:6px;bottom:6px;float:left}#html5 img{width:20px;height:20px;opacity:.4;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#html5:hover img{opacity:.8}
\ No newline at end of file
diff --git a/target/h5ai/footer.html b/target/h5ai/footer.html
index e60f7b77..7867bff8 100644
--- a/target/h5ai/footer.html
+++ b/target/h5ai/footer.html
@@ -1,6 +1,6 @@
 			<!-- generated code ends here -->
 		</section>
-		<section id="icons"></section>
+		<section id="extended"></section>
 		<footer></footer>
 	</section>
 	<footer>
@@ -10,10 +10,8 @@
 			<img class="techclass" src="/h5ai/images/html5-storage.png" alt="html5-storage" />
 			<img class="techclass" src="/h5ai/images/html5-css3.png" alt="html5-css3" />
 		</a>
-		<a href="http://larsjung.de/h5ai" target="_blank" title="h5ai 0.3.2">h5ai</a>
+		<a href="http://larsjung.de/h5ai" target="_blank" title="h5ai 0.4">h5ai</a>
 		using
-		<a href="http://html5boilerplate.com" target="_blank" title="a rock-solid default for HTML5 awesome">HTML5 Boilerplate</a>
-		and
 		<a href="http://tiheum.deviantart.com/art/Faenza-Icons-173323228" target="_blank" title="icon theme for Gnome">Faenza icons</a>
 	</footer>
 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
diff --git a/target/h5ai/header.html b/target/h5ai/header.html
index 5c9b447e..1541806b 100644
--- a/target/h5ai/header.html
+++ b/target/h5ai/header.html
@@ -3,27 +3,28 @@
 <head>
 	<meta charset="utf-8">
 	<title>Directory index · styled with h5ai</title>
-	<meta name="h5ai-version" content="h5ai 0.3.2">
+	<meta name="h5ai-version" content="h5ai 0.4">
 	<meta name="description" content="Directory index styled with h5ai (http://larsjung.de/h5ai)">
 	<meta name="keywords" content="directory, index, autoindex, h5ai">
-	<link rel="shortcut icon" href="/h5ai/icons/folder.png" />
-	<link rel="apple-touch-icon" href="/h5ai/images/folder.png">
+	<link rel="shortcut icon" type="image/png" href="/h5ai/images/h5ai-16x16.png">
+	<link rel="apple-touch-icon" type="image/png" href="/h5ai/images/h5ai-48x48.png">
 	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
 	<link rel="stylesheet" type="text/css" href="/h5ai/css/main.css">
 	<script src="/h5ai/js/lib/modernizr.min.js"></script>
 </head>
 <body>
 	<nav>
+		<span class="jsDisabledFallback">Directory index · JavaScript is disabled</span>
 		<ul>
-			<li id="domain" class="crumb"><a href="/"><img src="/h5ai/icons/home.png" alt="domain" /><span>domain</span></a></li>
-			<li id="viewicons" class="view"><a href="#"><img src="/h5ai/icons/view-icons.png" alt="view-icons" />icons</a></li>
-			<li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/icons/view-details.png" alt="view-details" />details</a></li>
+			<li id="domain" class="crumb"><a href="/"><img src="/h5ai/images/home.png" alt="domain" /><span>domain</span></a></li>
+			<li id="viewicons" class="view"><a href="#"><img src="/h5ai/images/view-icons.png" alt="view-icons" />icons</a></li>
+			<li id="viewdetails" class="view" ><a href="#"><img src="/h5ai/images/view-details.png" alt="view-details" />details</a></li>
 		</ul>
 		<div class="clearfix"></div>
 	</nav>
 	<section id="content">
 		<header></header>
-		<section id="details">
+		<section id="table" class="jsDisabledFallback">
 			<!--
 				The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
 				reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are
diff --git a/target/h5ai/icons/16x16/archive.png b/target/h5ai/icons/16x16/archive.png
new file mode 100644
index 00000000..99ae6fc6
Binary files /dev/null and b/target/h5ai/icons/16x16/archive.png differ
diff --git a/target/h5ai/icons/audio.png b/target/h5ai/icons/16x16/audio.png
similarity index 100%
rename from target/h5ai/icons/audio.png
rename to target/h5ai/icons/16x16/audio.png
diff --git a/target/h5ai/icons/authors.png b/target/h5ai/icons/16x16/authors.png
similarity index 100%
rename from target/h5ai/icons/authors.png
rename to target/h5ai/icons/16x16/authors.png
diff --git a/target/h5ai/icons/bin.png b/target/h5ai/icons/16x16/bin.png
similarity index 100%
rename from target/h5ai/icons/bin.png
rename to target/h5ai/icons/16x16/bin.png
diff --git a/target/h5ai/icons/blank.png b/target/h5ai/icons/16x16/blank.png
similarity index 100%
rename from target/h5ai/icons/blank.png
rename to target/h5ai/icons/16x16/blank.png
diff --git a/target/h5ai/icons/bmp.png b/target/h5ai/icons/16x16/bmp.png
similarity index 100%
rename from target/h5ai/icons/bmp.png
rename to target/h5ai/icons/16x16/bmp.png
diff --git a/target/h5ai/icons/c.png b/target/h5ai/icons/16x16/c.png
similarity index 100%
rename from target/h5ai/icons/c.png
rename to target/h5ai/icons/16x16/c.png
diff --git a/target/h5ai/icons/calc.png b/target/h5ai/icons/16x16/calc.png
similarity index 100%
rename from target/h5ai/icons/calc.png
rename to target/h5ai/icons/16x16/calc.png
diff --git a/target/h5ai/icons/cd.png b/target/h5ai/icons/16x16/cd.png
similarity index 100%
rename from target/h5ai/icons/cd.png
rename to target/h5ai/icons/16x16/cd.png
diff --git a/target/h5ai/icons/copying.png b/target/h5ai/icons/16x16/copying.png
similarity index 100%
rename from target/h5ai/icons/copying.png
rename to target/h5ai/icons/16x16/copying.png
diff --git a/target/h5ai/icons/cpp.png b/target/h5ai/icons/16x16/cpp.png
similarity index 100%
rename from target/h5ai/icons/cpp.png
rename to target/h5ai/icons/16x16/cpp.png
diff --git a/target/h5ai/icons/css.png b/target/h5ai/icons/16x16/css.png
similarity index 100%
rename from target/h5ai/icons/css.png
rename to target/h5ai/icons/16x16/css.png
diff --git a/target/h5ai/icons/deb.png b/target/h5ai/icons/16x16/deb.png
similarity index 100%
rename from target/h5ai/icons/deb.png
rename to target/h5ai/icons/16x16/deb.png
diff --git a/target/h5ai/icons/default.png b/target/h5ai/icons/16x16/default.png
similarity index 100%
rename from target/h5ai/icons/default.png
rename to target/h5ai/icons/16x16/default.png
diff --git a/target/h5ai/icons/doc.png b/target/h5ai/icons/16x16/doc.png
similarity index 100%
rename from target/h5ai/icons/doc.png
rename to target/h5ai/icons/16x16/doc.png
diff --git a/target/h5ai/icons/draw.png b/target/h5ai/icons/16x16/draw.png
similarity index 100%
rename from target/h5ai/icons/draw.png
rename to target/h5ai/icons/16x16/draw.png
diff --git a/target/h5ai/icons/eps.png b/target/h5ai/icons/16x16/eps.png
similarity index 100%
rename from target/h5ai/icons/eps.png
rename to target/h5ai/icons/16x16/eps.png
diff --git a/target/h5ai/icons/exe.png b/target/h5ai/icons/16x16/exe.png
similarity index 100%
rename from target/h5ai/icons/exe.png
rename to target/h5ai/icons/16x16/exe.png
diff --git a/target/h5ai/icons/16x16/folder.png b/target/h5ai/icons/16x16/folder.png
new file mode 100644
index 00000000..4a3815c0
Binary files /dev/null and b/target/h5ai/icons/16x16/folder.png differ
diff --git a/target/h5ai/icons/gif.png b/target/h5ai/icons/16x16/gif.png
similarity index 100%
rename from target/h5ai/icons/gif.png
rename to target/h5ai/icons/16x16/gif.png
diff --git a/target/h5ai/icons/16x16/gzip.png b/target/h5ai/icons/16x16/gzip.png
new file mode 100644
index 00000000..99ae6fc6
Binary files /dev/null and b/target/h5ai/icons/16x16/gzip.png differ
diff --git a/target/h5ai/icons/h.png b/target/h5ai/icons/16x16/h.png
similarity index 100%
rename from target/h5ai/icons/h.png
rename to target/h5ai/icons/16x16/h.png
diff --git a/target/h5ai/icons/hpp.png b/target/h5ai/icons/16x16/hpp.png
similarity index 100%
rename from target/h5ai/icons/hpp.png
rename to target/h5ai/icons/16x16/hpp.png
diff --git a/target/h5ai/icons/html.png b/target/h5ai/icons/16x16/html.png
similarity index 100%
rename from target/h5ai/icons/html.png
rename to target/h5ai/icons/16x16/html.png
diff --git a/target/h5ai/icons/ico.png b/target/h5ai/icons/16x16/ico.png
similarity index 100%
rename from target/h5ai/icons/ico.png
rename to target/h5ai/icons/16x16/ico.png
diff --git a/target/h5ai/icons/image.png b/target/h5ai/icons/16x16/image.png
similarity index 100%
rename from target/h5ai/icons/image.png
rename to target/h5ai/icons/16x16/image.png
diff --git a/target/h5ai/icons/install.png b/target/h5ai/icons/16x16/install.png
similarity index 100%
rename from target/h5ai/icons/install.png
rename to target/h5ai/icons/16x16/install.png
diff --git a/target/h5ai/icons/java.png b/target/h5ai/icons/16x16/java.png
similarity index 100%
rename from target/h5ai/icons/java.png
rename to target/h5ai/icons/16x16/java.png
diff --git a/target/h5ai/icons/jpg.png b/target/h5ai/icons/16x16/jpg.png
similarity index 100%
rename from target/h5ai/icons/jpg.png
rename to target/h5ai/icons/16x16/jpg.png
diff --git a/target/h5ai/icons/js.png b/target/h5ai/icons/16x16/js.png
similarity index 100%
rename from target/h5ai/icons/js.png
rename to target/h5ai/icons/16x16/js.png
diff --git a/target/h5ai/icons/log.png b/target/h5ai/icons/16x16/log.png
similarity index 100%
rename from target/h5ai/icons/log.png
rename to target/h5ai/icons/16x16/log.png
diff --git a/target/h5ai/icons/makefile.png b/target/h5ai/icons/16x16/makefile.png
similarity index 100%
rename from target/h5ai/icons/makefile.png
rename to target/h5ai/icons/16x16/makefile.png
diff --git a/target/h5ai/icons/package.png b/target/h5ai/icons/16x16/package.png
similarity index 100%
rename from target/h5ai/icons/package.png
rename to target/h5ai/icons/16x16/package.png
diff --git a/target/h5ai/icons/parent.png b/target/h5ai/icons/16x16/parent.png
similarity index 100%
rename from target/h5ai/icons/parent.png
rename to target/h5ai/icons/16x16/parent.png
diff --git a/target/h5ai/icons/pdf.png b/target/h5ai/icons/16x16/pdf.png
similarity index 100%
rename from target/h5ai/icons/pdf.png
rename to target/h5ai/icons/16x16/pdf.png
diff --git a/target/h5ai/icons/php.png b/target/h5ai/icons/16x16/php.png
similarity index 100%
rename from target/h5ai/icons/php.png
rename to target/h5ai/icons/16x16/php.png
diff --git a/target/h5ai/icons/playlist.png b/target/h5ai/icons/16x16/playlist.png
similarity index 100%
rename from target/h5ai/icons/playlist.png
rename to target/h5ai/icons/16x16/playlist.png
diff --git a/target/h5ai/icons/png.png b/target/h5ai/icons/16x16/png.png
similarity index 100%
rename from target/h5ai/icons/png.png
rename to target/h5ai/icons/16x16/png.png
diff --git a/target/h5ai/icons/pres.png b/target/h5ai/icons/16x16/pres.png
similarity index 100%
rename from target/h5ai/icons/pres.png
rename to target/h5ai/icons/16x16/pres.png
diff --git a/target/h5ai/icons/psd.png b/target/h5ai/icons/16x16/psd.png
similarity index 100%
rename from target/h5ai/icons/psd.png
rename to target/h5ai/icons/16x16/psd.png
diff --git a/target/h5ai/icons/py.png b/target/h5ai/icons/16x16/py.png
similarity index 100%
rename from target/h5ai/icons/py.png
rename to target/h5ai/icons/16x16/py.png
diff --git a/target/h5ai/icons/rar.png b/target/h5ai/icons/16x16/rar.png
similarity index 100%
rename from target/h5ai/icons/rar.png
rename to target/h5ai/icons/16x16/rar.png
diff --git a/target/h5ai/icons/rb.png b/target/h5ai/icons/16x16/rb.png
similarity index 100%
rename from target/h5ai/icons/rb.png
rename to target/h5ai/icons/16x16/rb.png
diff --git a/target/h5ai/icons/readme.png b/target/h5ai/icons/16x16/readme.png
similarity index 100%
rename from target/h5ai/icons/readme.png
rename to target/h5ai/icons/16x16/readme.png
diff --git a/target/h5ai/icons/rpm.png b/target/h5ai/icons/16x16/rpm.png
similarity index 100%
rename from target/h5ai/icons/rpm.png
rename to target/h5ai/icons/16x16/rpm.png
diff --git a/target/h5ai/icons/rss.png b/target/h5ai/icons/16x16/rss.png
similarity index 100%
rename from target/h5ai/icons/rss.png
rename to target/h5ai/icons/16x16/rss.png
diff --git a/target/h5ai/icons/rtf.png b/target/h5ai/icons/16x16/rtf.png
similarity index 100%
rename from target/h5ai/icons/rtf.png
rename to target/h5ai/icons/16x16/rtf.png
diff --git a/target/h5ai/icons/script.png b/target/h5ai/icons/16x16/script.png
similarity index 100%
rename from target/h5ai/icons/script.png
rename to target/h5ai/icons/16x16/script.png
diff --git a/target/h5ai/icons/source.png b/target/h5ai/icons/16x16/source.png
similarity index 100%
rename from target/h5ai/icons/source.png
rename to target/h5ai/icons/16x16/source.png
diff --git a/target/h5ai/icons/sql.png b/target/h5ai/icons/16x16/sql.png
similarity index 100%
rename from target/h5ai/icons/sql.png
rename to target/h5ai/icons/16x16/sql.png
diff --git a/target/h5ai/icons/tar.png b/target/h5ai/icons/16x16/tar.png
similarity index 100%
rename from target/h5ai/icons/tar.png
rename to target/h5ai/icons/16x16/tar.png
diff --git a/target/h5ai/icons/tex.png b/target/h5ai/icons/16x16/tex.png
similarity index 100%
rename from target/h5ai/icons/tex.png
rename to target/h5ai/icons/16x16/tex.png
diff --git a/target/h5ai/icons/text.png b/target/h5ai/icons/16x16/text.png
similarity index 100%
rename from target/h5ai/icons/text.png
rename to target/h5ai/icons/16x16/text.png
diff --git a/target/h5ai/icons/16x16/tiff.png b/target/h5ai/icons/16x16/tiff.png
new file mode 100644
index 00000000..819e64cd
Binary files /dev/null and b/target/h5ai/icons/16x16/tiff.png differ
diff --git a/target/h5ai/icons/unknown.png b/target/h5ai/icons/16x16/unknown.png
similarity index 100%
rename from target/h5ai/icons/unknown.png
rename to target/h5ai/icons/16x16/unknown.png
diff --git a/target/h5ai/icons/vcal.png b/target/h5ai/icons/16x16/vcal.png
similarity index 100%
rename from target/h5ai/icons/vcal.png
rename to target/h5ai/icons/16x16/vcal.png
diff --git a/target/h5ai/icons/video.png b/target/h5ai/icons/16x16/video.png
similarity index 100%
rename from target/h5ai/icons/video.png
rename to target/h5ai/icons/16x16/video.png
diff --git a/target/h5ai/icons/xml.png b/target/h5ai/icons/16x16/xml.png
similarity index 100%
rename from target/h5ai/icons/xml.png
rename to target/h5ai/icons/16x16/xml.png
diff --git a/target/h5ai/icons/zip.png b/target/h5ai/icons/16x16/zip.png
similarity index 100%
rename from target/h5ai/icons/zip.png
rename to target/h5ai/icons/16x16/zip.png
diff --git a/target/h5ai/images/archive.png b/target/h5ai/icons/48x48/archive.png
similarity index 100%
rename from target/h5ai/images/archive.png
rename to target/h5ai/icons/48x48/archive.png
diff --git a/target/h5ai/images/audio.png b/target/h5ai/icons/48x48/audio.png
similarity index 100%
rename from target/h5ai/images/audio.png
rename to target/h5ai/icons/48x48/audio.png
diff --git a/target/h5ai/images/authors.png b/target/h5ai/icons/48x48/authors.png
similarity index 100%
rename from target/h5ai/images/authors.png
rename to target/h5ai/icons/48x48/authors.png
diff --git a/target/h5ai/images/bin.png b/target/h5ai/icons/48x48/bin.png
similarity index 100%
rename from target/h5ai/images/bin.png
rename to target/h5ai/icons/48x48/bin.png
diff --git a/target/h5ai/images/blank.png b/target/h5ai/icons/48x48/blank.png
similarity index 100%
rename from target/h5ai/images/blank.png
rename to target/h5ai/icons/48x48/blank.png
diff --git a/target/h5ai/images/bmp.png b/target/h5ai/icons/48x48/bmp.png
similarity index 100%
rename from target/h5ai/images/bmp.png
rename to target/h5ai/icons/48x48/bmp.png
diff --git a/target/h5ai/images/c.png b/target/h5ai/icons/48x48/c.png
similarity index 100%
rename from target/h5ai/images/c.png
rename to target/h5ai/icons/48x48/c.png
diff --git a/target/h5ai/icons/48x48/calc.png b/target/h5ai/icons/48x48/calc.png
new file mode 100644
index 00000000..af88f835
Binary files /dev/null and b/target/h5ai/icons/48x48/calc.png differ
diff --git a/target/h5ai/images/cd.png b/target/h5ai/icons/48x48/cd.png
similarity index 100%
rename from target/h5ai/images/cd.png
rename to target/h5ai/icons/48x48/cd.png
diff --git a/target/h5ai/images/copying.png b/target/h5ai/icons/48x48/copying.png
similarity index 100%
rename from target/h5ai/images/copying.png
rename to target/h5ai/icons/48x48/copying.png
diff --git a/target/h5ai/images/cpp.png b/target/h5ai/icons/48x48/cpp.png
similarity index 100%
rename from target/h5ai/images/cpp.png
rename to target/h5ai/icons/48x48/cpp.png
diff --git a/target/h5ai/images/css.png b/target/h5ai/icons/48x48/css.png
similarity index 100%
rename from target/h5ai/images/css.png
rename to target/h5ai/icons/48x48/css.png
diff --git a/target/h5ai/images/deb.png b/target/h5ai/icons/48x48/deb.png
similarity index 100%
rename from target/h5ai/images/deb.png
rename to target/h5ai/icons/48x48/deb.png
diff --git a/target/h5ai/images/default.png b/target/h5ai/icons/48x48/default.png
similarity index 100%
rename from target/h5ai/images/default.png
rename to target/h5ai/icons/48x48/default.png
diff --git a/target/h5ai/icons/48x48/doc.png b/target/h5ai/icons/48x48/doc.png
new file mode 100644
index 00000000..da782123
Binary files /dev/null and b/target/h5ai/icons/48x48/doc.png differ
diff --git a/target/h5ai/icons/48x48/draw.png b/target/h5ai/icons/48x48/draw.png
new file mode 100644
index 00000000..60c4836c
Binary files /dev/null and b/target/h5ai/icons/48x48/draw.png differ
diff --git a/target/h5ai/icons/48x48/eps.png b/target/h5ai/icons/48x48/eps.png
new file mode 100644
index 00000000..f5ebfe61
Binary files /dev/null and b/target/h5ai/icons/48x48/eps.png differ
diff --git a/target/h5ai/images/exe.png b/target/h5ai/icons/48x48/exe.png
similarity index 100%
rename from target/h5ai/images/exe.png
rename to target/h5ai/icons/48x48/exe.png
diff --git a/target/h5ai/icons/48x48/folder.png b/target/h5ai/icons/48x48/folder.png
new file mode 100644
index 00000000..c4cc0c84
Binary files /dev/null and b/target/h5ai/icons/48x48/folder.png differ
diff --git a/target/h5ai/images/gif.png b/target/h5ai/icons/48x48/gif.png
similarity index 100%
rename from target/h5ai/images/gif.png
rename to target/h5ai/icons/48x48/gif.png
diff --git a/target/h5ai/images/gzip.png b/target/h5ai/icons/48x48/gzip.png
similarity index 100%
rename from target/h5ai/images/gzip.png
rename to target/h5ai/icons/48x48/gzip.png
diff --git a/target/h5ai/images/h.png b/target/h5ai/icons/48x48/h.png
similarity index 100%
rename from target/h5ai/images/h.png
rename to target/h5ai/icons/48x48/h.png
diff --git a/target/h5ai/images/hpp.png b/target/h5ai/icons/48x48/hpp.png
similarity index 100%
rename from target/h5ai/images/hpp.png
rename to target/h5ai/icons/48x48/hpp.png
diff --git a/target/h5ai/images/html.png b/target/h5ai/icons/48x48/html.png
similarity index 100%
rename from target/h5ai/images/html.png
rename to target/h5ai/icons/48x48/html.png
diff --git a/target/h5ai/images/ico.png b/target/h5ai/icons/48x48/ico.png
similarity index 100%
rename from target/h5ai/images/ico.png
rename to target/h5ai/icons/48x48/ico.png
diff --git a/target/h5ai/images/image.png b/target/h5ai/icons/48x48/image.png
similarity index 100%
rename from target/h5ai/images/image.png
rename to target/h5ai/icons/48x48/image.png
diff --git a/target/h5ai/images/install.png b/target/h5ai/icons/48x48/install.png
similarity index 100%
rename from target/h5ai/images/install.png
rename to target/h5ai/icons/48x48/install.png
diff --git a/target/h5ai/images/java.png b/target/h5ai/icons/48x48/java.png
similarity index 100%
rename from target/h5ai/images/java.png
rename to target/h5ai/icons/48x48/java.png
diff --git a/target/h5ai/images/jpg.png b/target/h5ai/icons/48x48/jpg.png
similarity index 100%
rename from target/h5ai/images/jpg.png
rename to target/h5ai/icons/48x48/jpg.png
diff --git a/target/h5ai/images/js.png b/target/h5ai/icons/48x48/js.png
similarity index 100%
rename from target/h5ai/images/js.png
rename to target/h5ai/icons/48x48/js.png
diff --git a/target/h5ai/images/log.png b/target/h5ai/icons/48x48/log.png
similarity index 100%
rename from target/h5ai/images/log.png
rename to target/h5ai/icons/48x48/log.png
diff --git a/target/h5ai/images/makefile.png b/target/h5ai/icons/48x48/makefile.png
similarity index 100%
rename from target/h5ai/images/makefile.png
rename to target/h5ai/icons/48x48/makefile.png
diff --git a/target/h5ai/images/package.png b/target/h5ai/icons/48x48/package.png
similarity index 100%
rename from target/h5ai/images/package.png
rename to target/h5ai/icons/48x48/package.png
diff --git a/target/h5ai/images/parent.png b/target/h5ai/icons/48x48/parent.png
similarity index 100%
rename from target/h5ai/images/parent.png
rename to target/h5ai/icons/48x48/parent.png
diff --git a/target/h5ai/images/pdf.png b/target/h5ai/icons/48x48/pdf.png
similarity index 100%
rename from target/h5ai/images/pdf.png
rename to target/h5ai/icons/48x48/pdf.png
diff --git a/target/h5ai/images/php.png b/target/h5ai/icons/48x48/php.png
similarity index 100%
rename from target/h5ai/images/php.png
rename to target/h5ai/icons/48x48/php.png
diff --git a/target/h5ai/icons/48x48/playlist.png b/target/h5ai/icons/48x48/playlist.png
new file mode 100644
index 00000000..19ffe58c
Binary files /dev/null and b/target/h5ai/icons/48x48/playlist.png differ
diff --git a/target/h5ai/images/png.png b/target/h5ai/icons/48x48/png.png
similarity index 100%
rename from target/h5ai/images/png.png
rename to target/h5ai/icons/48x48/png.png
diff --git a/target/h5ai/icons/48x48/pres.png b/target/h5ai/icons/48x48/pres.png
new file mode 100644
index 00000000..d08d1b17
Binary files /dev/null and b/target/h5ai/icons/48x48/pres.png differ
diff --git a/target/h5ai/icons/48x48/psd.png b/target/h5ai/icons/48x48/psd.png
new file mode 100644
index 00000000..caae2589
Binary files /dev/null and b/target/h5ai/icons/48x48/psd.png differ
diff --git a/target/h5ai/images/py.png b/target/h5ai/icons/48x48/py.png
similarity index 100%
rename from target/h5ai/images/py.png
rename to target/h5ai/icons/48x48/py.png
diff --git a/target/h5ai/images/rar.png b/target/h5ai/icons/48x48/rar.png
similarity index 100%
rename from target/h5ai/images/rar.png
rename to target/h5ai/icons/48x48/rar.png
diff --git a/target/h5ai/images/rb.png b/target/h5ai/icons/48x48/rb.png
similarity index 100%
rename from target/h5ai/images/rb.png
rename to target/h5ai/icons/48x48/rb.png
diff --git a/target/h5ai/images/readme.png b/target/h5ai/icons/48x48/readme.png
similarity index 100%
rename from target/h5ai/images/readme.png
rename to target/h5ai/icons/48x48/readme.png
diff --git a/target/h5ai/images/rpm.png b/target/h5ai/icons/48x48/rpm.png
similarity index 100%
rename from target/h5ai/images/rpm.png
rename to target/h5ai/icons/48x48/rpm.png
diff --git a/target/h5ai/icons/48x48/rss.png b/target/h5ai/icons/48x48/rss.png
new file mode 100644
index 00000000..ccf5882c
Binary files /dev/null and b/target/h5ai/icons/48x48/rss.png differ
diff --git a/target/h5ai/images/rtf.png b/target/h5ai/icons/48x48/rtf.png
similarity index 100%
rename from target/h5ai/images/rtf.png
rename to target/h5ai/icons/48x48/rtf.png
diff --git a/target/h5ai/images/script.png b/target/h5ai/icons/48x48/script.png
similarity index 100%
rename from target/h5ai/images/script.png
rename to target/h5ai/icons/48x48/script.png
diff --git a/target/h5ai/icons/48x48/source.png b/target/h5ai/icons/48x48/source.png
new file mode 100644
index 00000000..c7bf4344
Binary files /dev/null and b/target/h5ai/icons/48x48/source.png differ
diff --git a/target/h5ai/icons/48x48/sql.png b/target/h5ai/icons/48x48/sql.png
new file mode 100644
index 00000000..ca3fa0e5
Binary files /dev/null and b/target/h5ai/icons/48x48/sql.png differ
diff --git a/target/h5ai/images/tar.png b/target/h5ai/icons/48x48/tar.png
similarity index 100%
rename from target/h5ai/images/tar.png
rename to target/h5ai/icons/48x48/tar.png
diff --git a/target/h5ai/images/tex.png b/target/h5ai/icons/48x48/tex.png
similarity index 100%
rename from target/h5ai/images/tex.png
rename to target/h5ai/icons/48x48/tex.png
diff --git a/target/h5ai/images/text.png b/target/h5ai/icons/48x48/text.png
similarity index 100%
rename from target/h5ai/images/text.png
rename to target/h5ai/icons/48x48/text.png
diff --git a/target/h5ai/images/tiff.png b/target/h5ai/icons/48x48/tiff.png
similarity index 100%
rename from target/h5ai/images/tiff.png
rename to target/h5ai/icons/48x48/tiff.png
diff --git a/target/h5ai/images/unknown.png b/target/h5ai/icons/48x48/unknown.png
similarity index 100%
rename from target/h5ai/images/unknown.png
rename to target/h5ai/icons/48x48/unknown.png
diff --git a/target/h5ai/icons/48x48/vcal.png b/target/h5ai/icons/48x48/vcal.png
new file mode 100644
index 00000000..d026cbf6
Binary files /dev/null and b/target/h5ai/icons/48x48/vcal.png differ
diff --git a/target/h5ai/icons/48x48/video.png b/target/h5ai/icons/48x48/video.png
new file mode 100644
index 00000000..6b8f79c0
Binary files /dev/null and b/target/h5ai/icons/48x48/video.png differ
diff --git a/target/h5ai/images/xml.png b/target/h5ai/icons/48x48/xml.png
similarity index 100%
rename from target/h5ai/images/xml.png
rename to target/h5ai/icons/48x48/xml.png
diff --git a/target/h5ai/images/zip.png b/target/h5ai/icons/48x48/zip.png
similarity index 100%
rename from target/h5ai/images/zip.png
rename to target/h5ai/icons/48x48/zip.png
diff --git a/target/h5ai/icons/reload.png b/target/h5ai/icons/reload.png
deleted file mode 100644
index bac972a4..00000000
Binary files a/target/h5ai/icons/reload.png and /dev/null differ
diff --git a/target/h5ai/icons/ascending.png b/target/h5ai/images/ascending.png
similarity index 100%
rename from target/h5ai/icons/ascending.png
rename to target/h5ai/images/ascending.png
diff --git a/target/h5ai/icons/crumb.png b/target/h5ai/images/crumb.png
similarity index 100%
rename from target/h5ai/icons/crumb.png
rename to target/h5ai/images/crumb.png
diff --git a/target/h5ai/icons/descending.png b/target/h5ai/images/descending.png
similarity index 100%
rename from target/h5ai/icons/descending.png
rename to target/h5ai/images/descending.png
diff --git a/target/h5ai/images/h5ai-16x16.png b/target/h5ai/images/h5ai-16x16.png
new file mode 100644
index 00000000..4a3815c0
Binary files /dev/null and b/target/h5ai/images/h5ai-16x16.png differ
diff --git a/target/h5ai/images/h5ai-48x48.png b/target/h5ai/images/h5ai-48x48.png
new file mode 100644
index 00000000..c4cc0c84
Binary files /dev/null and b/target/h5ai/images/h5ai-48x48.png differ
diff --git a/target/h5ai/icons/home.png b/target/h5ai/images/home.png
similarity index 100%
rename from target/h5ai/icons/home.png
rename to target/h5ai/images/home.png
diff --git a/target/h5ai/icons/view-details.png b/target/h5ai/images/view-details.png
similarity index 100%
rename from target/h5ai/icons/view-details.png
rename to target/h5ai/images/view-details.png
diff --git a/target/h5ai/icons/view-icons.png b/target/h5ai/images/view-icons.png
similarity index 100%
rename from target/h5ai/icons/view-icons.png
rename to target/h5ai/images/view-icons.png
diff --git a/target/h5ai/js/main.js b/target/h5ai/js/main.js
index d0b35c92..c12a1391 100644
--- a/target/h5ai/js/main.js
+++ b/target/h5ai/js/main.js
@@ -1 +1 @@
-(function(a){a(function(){a.h5ai=new H5ai()});H5ai=function(r){var e={columnClasses:["icon","name","date","size"],defaultSortOrder:"C=N;O=A",viewmodes:["details","icons"],store:{viewmode:"h5ai.viewmode"},icons:{crumb:"/h5ai/icons/crumb.png",ascending:"/h5ai/icons/ascending.png",descending:"/h5ai/icons/descending.png"},customHeader:"h5ai.header.html",customFooter:"h5ai.footer.html",callbacks:{folderClick:[],fileClick:[]}};this.folderClick=function(s){if(typeof s==="function"){e.callbacks.folderClick.push(s)}return this};this.fileClick=function(s){if(typeof s==="function"){e.callbacks.fileClick.push(s)}return this};var p=function(){b();h();n();k()};var o=function(s){for(idx in e.callbacks.folderClick){e.callbacks.folderClick[idx].call(window,s)}};var g=function(s){for(idx in e.callbacks.fileClick){e.callbacks.fileClick[idx].call(window,s)}};var i=function(){var s=localStorage.getItem(e.store.viewmode);if(a.inArray(s,e.viewmodes)){return s}return e.viewmodes[0]};var b=function(s){if(s!==undefined){localStorage.setItem(e.store.viewmode,s)}if(i()==="icons"){a("#details").hide();a("#icons").show()}else{a("#details").show();a("#icons").hide()}};var h=function(){a("#domain span").text(document.domain);var w=decodeURI(document.location.pathname);var v=w.split("/");var u="/";var t=a("nav ul");for(idx in v){var s=v[idx];if(s!==""){u+=s+"/";t.append(a("<li class='crumb'><a href='"+u+"'><img src='"+e.icons.crumb+"' alt='>' />"+s+"</a></li>"))}}a("nav li a").closest("li").click(function(){document.location.href=a(this).find("a").attr("href")});document.title=document.domain+w};var d=function(){a("#details td").removeAttr("align").removeAttr("valign")};var j=function(s){if(s>=0&&s<e.columnClasses.length){return e.columnClasses[s]}return"unknown"};var c=function(){a("#details tr").each(function(){var s=0;a(this).find("th,td").each(function(){a(this).addClass(j(s));s++})})};var m=function(){a("#details th a").closest("th").addClass("header").click(function(){document.location.href=a(this).find("a").attr("href")});a("#details td.name a").closest("tr").addClass("entry").click(function(){document.location.href=a(this).find("td.name a").attr("href")});a("#details tr.entry").each(function(){var s=a(this);s.find("td.name a").addClass("label");if(s.find("td.icon img").attr("alt")==="[DIR]"){s.addClass("folder")}else{s.addClass("file")}});$entries=a("#details tr.entry");if($entries.size()===0||$entries.size()===1&&$entries.find("td.name a").text()==="Parent Directory"){a("#details").append(a("<div class='empty'>empty</div>"))}};var f=function(){var s=document.location.search;if(s===""){s=e.defaultSortOrder}var t;if(s.indexOf("O=A")>=0){t=a("<img src='"+e.icons.ascending+"' class='sort' alt='ascending' />")}else{t=a("<img src='"+e.icons.descending+"' class='sort' alt='descending' />")}if(s.indexOf("C=N")>=0){a("#details th.name a").append(t)}else{if(s.indexOf("C=M")>=0){a("#details th.date a").prepend(t)}else{if(s.indexOf("C=S")>=0){a("#details th.size a").prepend(t)}}}};var l=function(){d();c();m();f()};var q=function(){var s=a("<div></div>");a("#details td.name a").closest("tr").each(function(){var w=a(this);var v=w.find("td.icon img").attr("src").replace("icons","images");var t=w.find("td.name a");var u=a("<div class='entry'><img src='"+v+"' /><div class='label'>"+t.text()+"</div></div>").click(function(){document.location.href=t.attr("href")}).appendTo(s);if(w.hasClass("folder")){u.addClass("folder")}else{u.addClass("file")}});if(a("#details .empty").size()>0){s.append(a("<div class='empty'>empty</div>"))}s.append(a("<div class='clearfix'></div>"));a("#icons").append(s)};var n=function(){l();q();a("#content .entry.folder").click(function(){o(a(this).find(".label").text())});a("#content .entry.file").click(function(){g(a(this).find(".label").text())});a("#viewdetails").closest("li").click(function(){b("details")});a("#viewicons").closest("li").click(function(){b("icons")})};var k=function(){a.ajax({url:e.customHeader,dataType:"html",success:function(s){a("#content > header").append(a(s)).show()}});a.ajax({url:e.customFooter,dataType:"html",success:function(s){a("#content > footer").prepend(a(s)).show()}})};p()}})(jQuery);
\ No newline at end of file
+(function(a){a(function(){a.h5ai=new H5ai()});H5ai=function(m){var c={columnClasses:["icon","name","date","size"],defaultSortOrder:"C=N;O=A",viewmodes:["details","icons"],store:{viewmode:"h5ai.viewmode"},icons:{crumb:"/h5ai/images/crumb.png",ascending:"/h5ai/images/ascending.png",descending:"/h5ai/images/descending.png"},customHeader:"h5ai.header.html",customFooter:"h5ai.footer.html",callbacks:{folderClick:[],fileClick:[]}};this.folderClick=function(n){if(typeof n==="function"){c.callbacks.folderClick.push(n)}return this};this.fileClick=function(n){if(typeof n==="function"){c.callbacks.fileClick.push(n)}return this};var l=function(){b();f();j();i()};var k=function(n){for(idx in c.callbacks.folderClick){c.callbacks.folderClick[idx].call(window,n)}};var e=function(n){for(idx in c.callbacks.fileClick){c.callbacks.fileClick[idx].call(window,n)}};var g=function(){var n=localStorage.getItem(c.store.viewmode);if(a.inArray(n,c.viewmodes)){return n}return c.viewmodes[0]};var b=function(n){a("#table").hide();if(n!==undefined){localStorage.setItem(c.store.viewmode,n)}if(g()==="icons"){a("#extended").removeClass("details-view").addClass("icons-view").show()}else{a("#extended").addClass("details-view").removeClass("icons-view").show()}};var f=function(){a("#domain span").text(document.domain);var r=decodeURI(document.location.pathname);var q=r.split("/");var p="/";var o=a("nav ul");for(idx in q){var n=q[idx];if(n!==""){p+=n+"/";o.append(a("<li class='crumb'><a href='"+p+"'><img src='"+c.icons.crumb+"' alt='>' />"+n+"</a></li>"))}}document.title=document.domain+r};var h=function(){function n(o){if(o>=0&&o<c.columnClasses.length){return c.columnClasses[o]}return"unknown"}a("#table td").removeAttr("align").removeAttr("valign");a("#table tr").each(function(){var o=0;a(this).find("th,td").each(function(){a(this).addClass(n(o++))})})};var d=function(){var r=a("<ul/>");var t=a("<li class='header' />").appendTo(r);a("<a class='icon'></a>").appendTo(t);var p=a("th.name a");var s=a("th.date a");var o=a("th.size a");a("<a class='label' href='"+p.attr("href")+"'>"+p.text()+"</a>").appendTo(t);a("<a class='date' href='"+s.attr("href")+"'>"+s.text()+"</a>").appendTo(t);a("<a class='size' href='"+o.attr("href")+"'>"+o.text()+"</a>").appendTo(t);var n=document.location.search;if(n===""){n=c.defaultSortOrder}var q;if(n.indexOf("O=A")>=0){q=a("<img src='"+c.icons.ascending+"' class='sort' alt='ascending' />")}else{q=a("<img src='"+c.icons.descending+"' class='sort' alt='descending' />")}if(n.indexOf("C=N")>=0){t.find("a.label").append(q)}else{if(n.indexOf("C=M")>=0){t.find("a.date").prepend(q)}else{if(n.indexOf("C=S")>=0){t.find("a.size").prepend(q)}}}a("#table td.name a").closest("tr").each(function(){var B=a(this);var u=B.find("td.icon img");var v=u.attr("src");var x=v.replace("16x16","48x48");var A=u.attr("alt");var C=B.find("td.name a");var E=C.text();var w=C.attr("href");var z=B.find("td.date").text();var F=B.find("td.size").text();var D=a("<li class='entry' />").appendTo(r);if(A==="[DIR]"){D.addClass("folder")}else{D.addClass("file")}var y=a("<a href='"+w+"' />").appendTo(D);a("<span class='icon small'><img src='"+v+"' alt='"+A+"' /></span>").appendTo(y);a("<span class='icon big'><img src='"+x+"' alt='"+A+"' /></span>").appendTo(y);a("<span class='label'>"+E+"</span>").appendTo(y);a("<span class='date'>"+z+"</span>").appendTo(y);a("<span class='size'>"+F+"</span>").appendTo(y)});a("#extended").append(r);$entries=a("#extended .entry");if($entries.size()===0||$entries.size()===1&&$entries.find(".label").text()==="Parent Directory"){a("#extended").append(a("<div class='empty'>empty</div>"))}a("#extended").append(a("<div class='clearfix' />"));a("#extended .entry.folder").click(function(){k(a(this).find(".label").text())});a("#extended .entry.file").click(function(){e(a(this).find(".label").text())})};var j=function(){h();d();a("#viewdetails").closest("li").click(function(){b("details")});a("#viewicons").closest("li").click(function(){b("icons")})};var i=function(){a.ajax({url:c.customHeader,dataType:"html",success:function(n){a("#content > header").append(a(n)).show()}});a.ajax({url:c.customFooter,dataType:"html",success:function(n){a("#content > footer").prepend(a(n)).show()}})};l()}})(jQuery);
\ No newline at end of file