Index: /extensions/Junk/admin/admin.inc.php
===================================================================
--- /extensions/Junk/admin/admin.inc.php	(revision 28081)
+++ /extensions/Junk/admin/admin.inc.php	(revision 28081)
@@ -0,0 +1,29 @@
+<?php
+
+
+load_language('theme.lang', PHPWG_THEMES_PATH.'elegant/');
+
+if (isset($_POST['submit']))
+{
+  $params  = array(
+		'style'	=> $_POST['Junk_style'],
+		'tab'	=> $_POST['tab'],
+	);
+  
+  conf_update_param('Junk', pwg_db_real_escape_string(serialize($params)));
+
+  array_push($page['infos'], l10n('Your configuration settings are saved'));
+
+  load_conf_from_db();
+}
+
+
+$template->set_filenames(
+  array(
+    'theme_admin_content' => dirname(__FILE__) . '/admin.tpl')
+  );
+
+$template->assign('junk', unserialize($conf['Junk']));
+
+$template->assign_var_from_handle('ADMIN_CONTENT', 'theme_admin_content');
+ ?>
Index: /extensions/Junk/admin/admin.tpl
===================================================================
--- /extensions/Junk/admin/admin.tpl	(revision 28081)
+++ /extensions/Junk/admin/admin.tpl	(revision 28081)
@@ -0,0 +1,146 @@
+﻿{combine_css path="themes/Junk/admin/theme.css"}
+	
+{combine_css path="themes/default/js/ui/theme/jquery.ui.button.css"}
+{combine_css path="themes/Junk/admin/jquery-ui-1.10.4.custom.css"}
+{footer_script require='jquery.ui.button'}
+{literal}
+jQuery(document).ready(function(){
+  jQuery( ".radio" ).buttonset();
+});
+{/literal}
+{/footer_script}
+{footer_script}
+  var tab_active = "{$junk.tab}";
+{/footer_script}	
+{footer_script require='jquery.ui.tabs'}
+{literal}
+jQuery(document).ready(function(){
+   var $tabs= $( "#tabs" ).tabs({ active: tab_active }).addClass( "ui-tabs-vertical ui-helper-clearfix" );
+   jQuery( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
+   
+	$('#tabs li').click(function(){
+		var active = $tabs.tabs('option', 'active');
+		$('#tab_activ').val(active);
+	});
+});
+{/literal}
+{/footer_script}	
+	
+<div class="titrePage">
+	<h2>Junk</h2>
+</div>
+
+<form action="" method="post">
+
+<div id="configContent">
+
+	<fieldset>
+		
+			<legend>{'Junk style'|@translate}</legend>
+			<p>{'Choose your theme color:'|@translate}</p>
+			
+<div id="tabs"> 
+<ul>
+<li><a href="#tabs-1">Green</a></li>
+<li><a href="#tabs-2">Red</a></li>
+<li><a href="#tabs-3">Pink</a></li>
+<li><a href="#tabs-4">Blue</a></li>
+<li><a href="#tabs-5">Gray</a></li>
+<li><a href="#tabs-6">White and Black</a></li>
+<li><a href="#tabs-7">Yellow</a></li>
+<li><a href="#tabs-8">Purple</a></li>
+
+</ul>	
+	<div id="tabs-1">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="green" name="Junk_style" value="green" {if $junk.style=='green'}checked="checked"{/if} ><label for="green" ><span class="imag"><img src="themes/Junk/admin/images/green.png"/></span><div>Junk_green</div></label>
+					<input type="radio" id="dark_green" name="Junk_style" value="dark_green" {if $junk.style=='dark_green'}checked="checked"{/if} ><label for="dark_green" ><span class="imag"><img src="themes/Junk/admin/images/dark_green.png"/></span><div>Junk_dark_green</div></label>
+					<input type="radio" id="greene" name="Junk_style" value="greene" {if $junk.style=='greene'}checked="checked"{/if} ><label for="greene" ><span class="imag"><img src="themes/Junk/admin/images/greene.png"/></span><div>Junk_greene</div></label>
+					<input type="radio" id="light_greene" name="Junk_style" value="light_greene" {if $junk.style=='light_greene'}checked="checked"{/if} ><label for="light_greene" ><span class="imag"><img src="themes/Junk/admin/images/light_greene.png"/></span><div>Junk_light_greene</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-2">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="red" name="Junk_style" value="red" {if $junk.style=='red'}checked="checked"{/if} ><label for="red"><span class="imag"><img src="themes/Junk/admin/images/red.png"/></span><div>Junk_red</div></label>
+					<input type="radio" id="dark_red" name="Junk_style" value="dark_red" {if $junk.style=='dark_red'}checked="checked"{/if} ><label for="dark_red"><span class="imag"><img src="themes/Junk/admin/images/dark_red.png"/></span><div>Junk_dark_red</div></label>
+					<input type="radio" id="rede" name="Junk_style" value="rede" {if $junk.style=='rede'}checked="checked"{/if} ><label for="rede"><span class="imag"><img src="themes/Junk/admin/images/rede.png"/></span><div>Junk_rede</div></label>
+					<input type="radio" id="light_rede" name="Junk_style" value="light_rede" {if $junk.style=='light_rede'}checked="checked"{/if} ><label for="light_rede"><span class="imag"><img src="themes/Junk/admin/images/light_rede.png"/></span><div>Junk_light_rede</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-3">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="pink" name="Junk_style" value="pink" {if $junk.style=='pink'}checked="checked"{/if} ><label for="pink"><span class="imag"><img src="themes/Junk/admin/images/pink.png"/></span><div>Junk_pink</div></label>
+					<input type="radio" id="dark_pink" name="Junk_style" value="dark_pink" {if $junk.style=='dark_pink'}checked="checked"{/if} ><label for="dark_pink"><span class="imag"><img src="themes/Junk/admin/images/dark_pink.png"/></span><div>Junk_dark_pink</div></label>
+					<input type="radio" id="pinki" name="Junk_style" value="pinki" {if $junk.style=='pinki'}checked="checked"{/if} ><label for="pinki"><span class="imag"><img src="themes/Junk/admin/images/pinki.png"/></span><div>Junk_pinki</div></label>
+					<input type="radio" id="light_pinki" name="Junk_style" value="light_pinki" {if $junk.style=='light_pinki'}checked="checked"{/if} ><label for="light_pinki"><span class="imag"><img src="themes/Junk/admin/images/light_pink.png"/></span><div>Junk_light_pinki</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-4">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="blue" name="Junk_style" value="blue" {if $junk.style=='blue'}checked="checked"{/if} ><label for="blue"><span class="imag"><img src="themes/Junk/admin/images/blue.png"/></span><div>Junk_blue</div></label>
+					<input type="radio" id="dark_blue" name="Junk_style" value="dark_blue" {if $junk.style=='dark_blue'}checked="checked"{/if} ><label for="dark_blue"><span class="imag"><img src="themes/Junk/admin/images/dark_blue.png"/></span><div>Junk_dark_blue</div></label>
+					<input type="radio" id="blube" name="Junk_style" value="blube" {if $junk.style=='blube'}checked="checked"{/if} ><label for="blube"><span class="imag"><img src="themes/Junk/admin/images/blube.png"/></span><div>Junk_blube</div></label>
+					<input type="radio" id="light_blube" name="Junk_style" value="light_blube" {if $junk.style=='light_blube'}checked="checked"{/if} ><label for="light_blube"><span class="imag"><img src="themes/Junk/admin/images/light_blube.png"/></span><div>Junk_light_blube</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-5">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="gray" name="Junk_style" value="gray" {if $junk.style=='gray'}checked="checked"{/if} ><label for="gray"><span class="imag"><img src="themes/Junk/admin/images/gray.png"/></span><div>Junk_gray</div></label>
+					<input type="radio" id="dark_gray" name="Junk_style" value="dark_gray" {if $junk.style=='dark_gray'}checked="checked"{/if} ><label for="dark_gray"><span class="imag"><img src="themes/Junk/admin/images/dark_gray.png"/></span><div>Junk_dark_gray</div></label>
+					<input type="radio" id="grayb" name="Junk_style" value="grayb" {if $junk.style=='grayb'}checked="checked"{/if} ><label for="grayb"><span class="imag"><img src="themes/Junk/admin/images/grayb.png"/></span><div>Junk_grayb</div></label>
+					<input type="radio" id="light_grayb" name="Junk_style" value="light_grayb" {if $junk.style=='light_grayb'}checked="checked"{/if} ><label for="light_grayb"><span class="imag"><img src="themes/Junk/admin/images/light_grayb.png"/></span><div>Junk_light_grayb</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-6">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="black" name="Junk_style" value="black" {if $junk.style=='black'}checked="checked"{/if} ><label for="black"><span class="imag"><img src="themes/Junk/admin/images/black.png"/></span><div>Junk_black</div></label>
+					<input type="radio" id="dark_black" name="Junk_style" value="dark_black" {if $junk.style=='dark_black'}checked="checked"{/if} ><label for="dark_black"><span class="imag"><img src="themes/Junk/admin/images/dark_black.png"/></span><div>Junk_dark_black</div></label>
+					<input type="radio" id="white" name="Junk_style" value="white" {if $junk.style=='white'}checked="checked"{/if} ><label for="white"><span class="imag"><img src="themes/Junk/admin/images/white.png"/></span><div>Junk_white</div></label>
+					<input type="radio" id="dark_white" name="Junk_style" value="dark_white" {if $junk.style=='dark_white'}checked="checked"{/if} ><label for="dark_white"><span class="imag"><img src="themes/Junk/admin/images/dark_white.png"/></span><div>Junk_dark_white</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-7">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="yellow" name="Junk_style" value="yellow" {if $junk.style=='yellow'}checked="checked"{/if} ><label for="yellow"><span class="imag"><img src="themes/Junk/admin/images/yellow.png"/></span><div>Junk_yellow</div></label>
+					<input type="radio" id="dark_yellow" name="Junk_style" value="dark_yellow" {if $junk.style=='dark_yellow'}checked="checked"{/if} ><label for="dark_yellow"><span class="imag"><img src="themes/Junk/admin/images/dark_yellow.png"/></span><div>Junk_dark_yellow</div></label>
+					<input type="radio" id="yello" name="Junk_style" value="yello" {if $junk.style=='yello'}checked="checked"{/if} ><label for="yello"><span class="imag"><img src="themes/Junk/admin/images/yello.png"/></span><div>Junk_yello</div></label>
+					<input type="radio" id="light_yello" name="Junk_style" value="light_yello" {if $junk.style=='light_yello'}checked="checked"{/if} ><label for="light_yello"><span class="imag"><img src="themes/Junk/admin/images/light_yello.png"/></span><div>Junk_light_yello</div></label>
+				</li>
+		</ul>
+	</div>	
+	<div id="tabs-8">	
+			<ul >
+				<li class="radio" style="list-style:none">
+					<input type="radio" id="purple" name="Junk_style" value="purple" {if $junk.style=='purple'}checked="checked"{/if} ><label for="purple"><span class="imag"><img src="themes/Junk/admin/images/purple.png"/></span><div>Junk_purple</div></label>
+					<input type="radio" id="dark_purple" name="Junk_style" value="dark_purple" {if $junk.style=='dark_purple'}checked="checked"{/if} ><label for="dark_purple"><span class="imag"><img src="themes/Junk/admin/images/dark_purple.png"/></span><div>Junk_dark_purple</div></label>
+					<input type="radio" id="purp" name="Junk_style" value="purp" {if $junk.style=='purp'}checked="checked"{/if} ><label for="purp"><span class="imag"><img src="themes/Junk/admin/images/purp.png"/></span><div>Junk_purp</div></label>
+					<input type="radio" id="light_purp" name="Junk_style" value="light_purp" {if $junk.style=='light_purp'}checked="checked"{/if} ><label for="light_purp"><span class="imag"><img src="themes/Junk/admin/images/light_purp.png"/></span><div>Junk_light_purp</div></label>
+				</li>
+		</ul>
+	</div>	
+
+</div>	
+
+	</fieldset>
+
+</div>
+	<p><input id="tab_activ" type="hidden" name="tab" value="{$junk.tab}"></p>
+
+	<p><input type="submit" name="submit" value="{'Submit'|@translate}"></p>
+
+
+</form>
+
Index: /extensions/Junk/admin/index.php
===================================================================
--- /extensions/Junk/admin/index.php	(revision 28081)
+++ /extensions/Junk/admin/index.php	(revision 28081)
@@ -0,0 +1,33 @@
+<?php
+// +-----------------------------------------------------------------------+
+// | PhpWebGallery - a PHP based picture gallery                           |
+// | Copyright (C) 2002-2003 Pierrick LE GALL - pierrick@phpwebgallery.net |
+// | Copyright (C) 2003-2007 PhpWebGallery Team - http://phpwebgallery.net |
+// +-----------------------------------------------------------------------+
+// | file          : $Id: index.php 1912 2007-03-16 06:30:07Z rub $
+// | last update   : $Date: 2007-03-16 07:30:07 +0100 (ven, 16 mar 2007) $
+// | last modifier : $Author: rub $
+// | revision      : $Revision: 1912 $
+// +-----------------------------------------------------------------------+
+// | This program is free software; you can redistribute it and/or modify  |
+// | it under the terms of the GNU General Public License as published by  |
+// | the Free Software Foundation                                          |
+// |                                                                       |
+// | This program is distributed in the hope that it will be useful, but   |
+// | WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU      |
+// | General Public License for more details.                              |
+// |                                                                       |
+// | You should have received a copy of the GNU General Public License     |
+// | along with this program; if not, write to the Free Software           |
+// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, |
+// | USA.                                                                  |
+// +-----------------------------------------------------------------------+
+
+// Recursive call
+$url = '../';
+header( 'Request-URI: '.$url );
+header( 'Content-Location: '.$url );
+header( 'Location: '.$url );
+exit();
+?>
Index: /extensions/Junk/admin/jquery-ui-1.10.4.custom.css
===================================================================
--- /extensions/Junk/admin/jquery-ui-1.10.4.custom.css	(revision 28081)
+++ /extensions/Junk/admin/jquery-ui-1.10.4.custom.css	(revision 28081)
@@ -0,0 +1,589 @@
+/*! jQuery UI - v1.10.4 - 2014-03-30
+* http://jqueryui.com
+* Includes: jquery.ui.core.css, jquer .ui.button.css, jquery .ui.theme.css
+* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+#content .ui-helper-hidden {
+	display: none;
+}
+#content .ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+#content .ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+#content .ui-helper-clearfix:before,
+#content .ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+#content .ui-helper-clearfix:after {
+	clear: both;
+}
+#content .ui-helper-clearfix {
+	min-height: 0; /* support: IE7 */
+}
+#content .ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	filter:Alpha(Opacity=0);
+}
+
+#content .ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+#content .ui-state-disabled {
+	cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+#content .ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+#content .ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+#content .ui-button {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	line-height: normal;
+	margin-right: .1em;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	overflow: visible; /* removes extra width in IE */
+}
+#content .ui-button,
+#content .ui-button:link,
+#content .ui-button:visited,
+#content .ui-button:hover,
+#content .ui-button:active {
+	text-decoration: none;
+}
+/* to make room for the icon, a width needs to be set here */
+#content .ui-button-icon-only {
+	width: 2.2em;
+}
+/* button elements seem to need a little more width */
+button#content .ui-button-icon-only {
+	width: 2.4em;
+}
+#content .ui-button-icons-only {
+	width: 3.4em;
+}
+button#content .ui-button-icons-only {
+	width: 3.7em;
+}
+
+/* button text element */
+#content .ui-button #content .ui-button-text {
+	display: block;
+	line-height: normal;
+}
+#content .ui-button-text-only #content .ui-button-text {
+	padding: .4em 1em;
+}
+#content .ui-button-icon-only #content .ui-button-text,
+#content .ui-button-icons-only #content .ui-button-text {
+	padding: .4em;
+	text-indent: -9999999px;
+}
+#content .ui-button-text-icon-primary #content .ui-button-text,
+#content .ui-button-text-icons #content .ui-button-text {
+	padding: .4em 1em .4em 2.1em;
+}
+#content .ui-button-text-icon-secondary #content .ui-button-text,
+#content .ui-button-text-icons #content .ui-button-text {
+	padding: .4em 2.1em .4em 1em;
+}
+#content .ui-button-text-icons #content .ui-button-text {
+	padding-left: 2.1em;
+	padding-right: 2.1em;
+}
+/* no icon support for input elements, provide padding by default */
+input#content .ui-button {
+	padding: .4em 1em;
+}
+
+/* button icon element(s) */
+#content .ui-button-icon-only #content .ui-icon,
+#content .ui-button-text-icon-primary #content .ui-icon,
+#content .ui-button-text-icon-secondary #content .ui-icon,
+#content .ui-button-text-icons #content .ui-icon,
+#content .ui-button-icons-only #content .ui-icon {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+#content .ui-button-icon-only #content .ui-icon {
+	left: 50%;
+	margin-left: -8px;
+}
+#content .ui-button-text-icon-primary #content .ui-button-icon-primary,
+#content .ui-button-text-icons #content .ui-button-icon-primary,
+#content .ui-button-icons-only #content .ui-button-icon-primary {
+	left: .5em;
+}
+#content .ui-button-text-icon-secondary #content .ui-button-icon-secondary,
+#content .ui-button-text-icons #content .ui-button-icon-secondary,
+#content .ui-button-icons-only #content .ui-button-icon-secondary {
+	right: .5em;
+}
+
+/* button sets */
+#content .ui-buttonset {
+	margin-right: 7px;
+}
+#content .ui-buttonset #content .ui-button {
+	margin-left: 0;
+	margin-right: -.3em;
+}
+
+/* workarounds */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input#content .ui-button::-moz-focus-inner,
+button#content .ui-button::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/* Component containers
+----------------------------------*/
+#content .ui-widget {
+	font-family: Verdana,Arial,sans-serif;
+	font-size: 1.1em;
+}
+#content .ui-widget #content .ui-widget {
+	font-size: 1em;
+}
+#content .ui-widget input,
+#content .ui-widget select,
+#content .ui-widget textarea,
+#content .ui-widget button {
+	font-family: Verdana,Arial,sans-serif;
+	font-size: 1em;
+}
+#content .ui-widget-content {
+	border: 1px solid #aaaaaa;
+	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+	color: #222222;
+}
+#content .ui-widget-content a {
+	color: #222222;
+}
+#content .ui-widget-header {
+	border: 1px solid #aaaaaa;
+	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
+	color: #222222;
+	font-weight: bold;
+}
+#content .ui-widget-header a {
+	color: #222222;
+}
+
+/* Interaction states
+----------------------------------*/
+#content .ui-state-default,
+#content .ui-widget-content #content .ui-state-default,
+#content .ui-widget-header #content .ui-state-default {
+	border: 1px solid #d3d3d3;
+	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #555555;
+}
+#content .ui-state-default a,
+#content .ui-state-default a:link,
+#content .ui-state-default a:visited {
+	color: #555555;
+	text-decoration: none;
+}
+#content .ui-state-hover,
+#content .ui-widget-content #content .ui-state-hover,
+#content .ui-widget-header #content .ui-state-hover,
+#content .ui-state-focus,
+#content .ui-widget-content #content .ui-state-focus,
+#content .ui-widget-header #content .ui-state-focus {
+	border: 1px solid #999999;
+	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #212121;
+}
+#content .ui-state-hover a,
+#content .ui-state-hover a:hover,
+#content .ui-state-hover a:link,
+#content .ui-state-hover a:visited,
+#content .ui-state-focus a,
+#content .ui-state-focus a:hover,
+#content .ui-state-focus a:link,
+#content .ui-state-focus a:visited {
+	color: #212121;
+	text-decoration: none;
+}
+#content .ui-state-active,
+#content .ui-widget-content #content .ui-state-active,
+#content .ui-widget-header #content .ui-state-active {
+	border: 1px solid #aaaaaa;
+	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
+	font-weight: normal;
+	color: #212121;
+}
+#content .ui-state-active a,
+#content .ui-state-active a:link,
+#content .ui-state-active a:visited {
+	color: #212121;
+	text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+#content .ui-state-highlight,
+#content .ui-widget-content #content .ui-state-highlight,
+#content .ui-widget-header #content .ui-state-highlight {
+	border: 1px solid #fcefa1;
+	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
+	color: #363636;
+}
+#content .ui-state-highlight a,
+#content .ui-widget-content #content .ui-state-highlight a,
+#content .ui-widget-header #content .ui-state-highlight a {
+	color: #363636;
+}
+#content .ui-state-error,
+#content .ui-widget-content #content .ui-state-error,
+#content .ui-widget-header #content .ui-state-error {
+	border: 1px solid #cd0a0a;
+	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
+	color: #cd0a0a;
+}
+#content .ui-state-error a,
+#content .ui-widget-content #content .ui-state-error a,
+#content .ui-widget-header #content .ui-state-error a {
+	color: #cd0a0a;
+}
+#content .ui-state-error-text,
+#content .ui-widget-content #content .ui-state-error-text,
+#content .ui-widget-header #content .ui-state-error-text {
+	color: #cd0a0a;
+}
+#content .ui-priority-primary,
+#content .ui-widget-content #content .ui-priority-primary,
+#content .ui-widget-header #content .ui-priority-primary {
+	font-weight: bold;
+}
+#content .ui-priority-secondary,
+#content .ui-widget-content #content .ui-priority-secondary,
+#content .ui-widget-header #content .ui-priority-secondary {
+	opacity: .7;
+	filter:Alpha(Opacity=70);
+	font-weight: normal;
+}
+#content .ui-state-disabled,
+#content .ui-widget-content #content .ui-state-disabled,
+#content .ui-widget-header #content .ui-state-disabled {
+	opacity: .35;
+	filter:Alpha(Opacity=35);
+	background-image: none;
+}
+#content .ui-state-disabled #content .ui-icon {
+	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+#content .ui-icon {
+	width: 16px;
+	height: 16px;
+}
+#content .ui-icon,
+#content .ui-widget-content #content .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png);
+}
+#content .ui-widget-header #content .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png);
+}
+#content .ui-state-default #content .ui-icon {
+	background-image: url(images/ui-icons_888888_256x240.png);
+}
+#content .ui-state-hover #content .ui-icon,
+#content .ui-state-focus #content .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png);
+}
+#content .ui-state-active #content .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png);
+}
+#content .ui-state-highlight #content .ui-icon {
+	background-image: url(images/ui-icons_2e83ff_256x240.png);
+}
+#content .ui-state-error #content .ui-icon,
+#content .ui-state-error-text #content .ui-icon {
+	background-image: url(images/ui-icons_cd0a0a_256x240.png);
+}
+
+/* positioning */
+#content .ui-icon-blank { background-position: 16px 16px; }
+#content .ui-icon-carat-1-n { background-position: 0 0; }
+#content .ui-icon-carat-1-ne { background-position: -16px 0; }
+#content .ui-icon-carat-1-e { background-position: -32px 0; }
+#content .ui-icon-carat-1-se { background-position: -48px 0; }
+#content .ui-icon-carat-1-s { background-position: -64px 0; }
+#content .ui-icon-carat-1-sw { background-position: -80px 0; }
+#content .ui-icon-carat-1-w { background-position: -96px 0; }
+#content .ui-icon-carat-1-nw { background-position: -112px 0; }
+#content .ui-icon-carat-2-n-s { background-position: -128px 0; }
+#content .ui-icon-carat-2-e-w { background-position: -144px 0; }
+#content .ui-icon-triangle-1-n { background-position: 0 -16px; }
+#content .ui-icon-triangle-1-ne { background-position: -16px -16px; }
+#content .ui-icon-triangle-1-e { background-position: -32px -16px; }
+#content .ui-icon-triangle-1-se { background-position: -48px -16px; }
+#content .ui-icon-triangle-1-s { background-position: -64px -16px; }
+#content .ui-icon-triangle-1-sw { background-position: -80px -16px; }
+#content .ui-icon-triangle-1-w { background-position: -96px -16px; }
+#content .ui-icon-triangle-1-nw { background-position: -112px -16px; }
+#content .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+#content .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+#content .ui-icon-arrow-1-n { background-position: 0 -32px; }
+#content .ui-icon-arrow-1-ne { background-position: -16px -32px; }
+#content .ui-icon-arrow-1-e { background-position: -32px -32px; }
+#content .ui-icon-arrow-1-se { background-position: -48px -32px; }
+#content .ui-icon-arrow-1-s { background-position: -64px -32px; }
+#content .ui-icon-arrow-1-sw { background-position: -80px -32px; }
+#content .ui-icon-arrow-1-w { background-position: -96px -32px; }
+#content .ui-icon-arrow-1-nw { background-position: -112px -32px; }
+#content .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+#content .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+#content .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+#content .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+#content .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+#content .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+#content .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+#content .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+#content .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+#content .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+#content .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+#content .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+#content .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+#content .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+#content .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+#content .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+#content .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+#content .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+#content .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+#content .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+#content .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+#content .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+#content .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+#content .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+#content .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+#content .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+#content .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+#content .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+#content .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+#content .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+#content .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+#content .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+#content .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+#content .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+#content .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+#content .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+#content .ui-icon-arrow-4 { background-position: 0 -80px; }
+#content .ui-icon-arrow-4-diag { background-position: -16px -80px; }
+#content .ui-icon-extlink { background-position: -32px -80px; }
+#content .ui-icon-newwin { background-position: -48px -80px; }
+#content .ui-icon-refresh { background-position: -64px -80px; }
+#content .ui-icon-shuffle { background-position: -80px -80px; }
+#content .ui-icon-transfer-e-w { background-position: -96px -80px; }
+#content .ui-icon-transferthick-e-w { background-position: -112px -80px; }
+#content .ui-icon-folder-collapsed { background-position: 0 -96px; }
+#content .ui-icon-folder-open { background-position: -16px -96px; }
+#content .ui-icon-document { background-position: -32px -96px; }
+#content .ui-icon-document-b { background-position: -48px -96px; }
+#content .ui-icon-note { background-position: -64px -96px; }
+#content .ui-icon-mail-closed { background-position: -80px -96px; }
+#content .ui-icon-mail-open { background-position: -96px -96px; }
+#content .ui-icon-suitcase { background-position: -112px -96px; }
+#content .ui-icon-comment { background-position: -128px -96px; }
+#content .ui-icon-person { background-position: -144px -96px; }
+#content .ui-icon-print { background-position: -160px -96px; }
+#content .ui-icon-trash { background-position: -176px -96px; }
+#content .ui-icon-locked { background-position: -192px -96px; }
+#content .ui-icon-unlocked { background-position: -208px -96px; }
+#content .ui-icon-bookmark { background-position: -224px -96px; }
+#content .ui-icon-tag { background-position: -240px -96px; }
+#content .ui-icon-home { background-position: 0 -112px; }
+#content .ui-icon-flag { background-position: -16px -112px; }
+#content .ui-icon-calendar { background-position: -32px -112px; }
+#content .ui-icon-cart { background-position: -48px -112px; }
+#content .ui-icon-pencil { background-position: -64px -112px; }
+#content .ui-icon-clock { background-position: -80px -112px; }
+#content .ui-icon-disk { background-position: -96px -112px; }
+#content .ui-icon-calculator { background-position: -112px -112px; }
+#content .ui-icon-zoomin { background-position: -128px -112px; }
+#content .ui-icon-zoomout { background-position: -144px -112px; }
+#content .ui-icon-search { background-position: -160px -112px; }
+#content .ui-icon-wrench { background-position: -176px -112px; }
+#content .ui-icon-gear { background-position: -192px -112px; }
+#content .ui-icon-heart { background-position: -208px -112px; }
+#content .ui-icon-star { background-position: -224px -112px; }
+#content .ui-icon-link { background-position: -240px -112px; }
+#content .ui-icon-cancel { background-position: 0 -128px; }
+#content .ui-icon-plus { background-position: -16px -128px; }
+#content .ui-icon-plusthick { background-position: -32px -128px; }
+#content .ui-icon-minus { background-position: -48px -128px; }
+#content .ui-icon-minusthick { background-position: -64px -128px; }
+#content .ui-icon-close { background-position: -80px -128px; }
+#content .ui-icon-closethick { background-position: -96px -128px; }
+#content .ui-icon-key { background-position: -112px -128px; }
+#content .ui-icon-lightbulb { background-position: -128px -128px; }
+#content .ui-icon-scissors { background-position: -144px -128px; }
+#content .ui-icon-clipboard { background-position: -160px -128px; }
+#content .ui-icon-copy { background-position: -176px -128px; }
+#content .ui-icon-contact { background-position: -192px -128px; }
+#content .ui-icon-image { background-position: -208px -128px; }
+#content .ui-icon-video { background-position: -224px -128px; }
+#content .ui-icon-script { background-position: -240px -128px; }
+#content .ui-icon-alert { background-position: 0 -144px; }
+#content .ui-icon-info { background-position: -16px -144px; }
+#content .ui-icon-notice { background-position: -32px -144px; }
+#content .ui-icon-help { background-position: -48px -144px; }
+#content .ui-icon-check { background-position: -64px -144px; }
+#content .ui-icon-bullet { background-position: -80px -144px; }
+#content .ui-icon-radio-on { background-position: -96px -144px; }
+#content .ui-icon-radio-off { background-position: -112px -144px; }
+#content .ui-icon-pin-w { background-position: -128px -144px; }
+#content .ui-icon-pin-s { background-position: -144px -144px; }
+#content .ui-icon-play { background-position: 0 -160px; }
+#content .ui-icon-pause { background-position: -16px -160px; }
+#content .ui-icon-seek-next { background-position: -32px -160px; }
+#content .ui-icon-seek-prev { background-position: -48px -160px; }
+#content .ui-icon-seek-end { background-position: -64px -160px; }
+#content .ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+#content .ui-icon-seek-first { background-position: -80px -160px; }
+#content .ui-icon-stop { background-position: -96px -160px; }
+#content .ui-icon-eject { background-position: -112px -160px; }
+#content .ui-icon-volume-off { background-position: -128px -160px; }
+#content .ui-icon-volume-on { background-position: -144px -160px; }
+#content .ui-icon-power { background-position: 0 -176px; }
+#content .ui-icon-signal-diag { background-position: -16px -176px; }
+#content .ui-icon-signal { background-position: -32px -176px; }
+#content .ui-icon-battery-0 { background-position: -48px -176px; }
+#content .ui-icon-battery-1 { background-position: -64px -176px; }
+#content .ui-icon-battery-2 { background-position: -80px -176px; }
+#content .ui-icon-battery-3 { background-position: -96px -176px; }
+#content .ui-icon-circle-plus { background-position: 0 -192px; }
+#content .ui-icon-circle-minus { background-position: -16px -192px; }
+#content .ui-icon-circle-close { background-position: -32px -192px; }
+#content .ui-icon-circle-triangle-e { background-position: -48px -192px; }
+#content .ui-icon-circle-triangle-s { background-position: -64px -192px; }
+#content .ui-icon-circle-triangle-w { background-position: -80px -192px; }
+#content .ui-icon-circle-triangle-n { background-position: -96px -192px; }
+#content .ui-icon-circle-arrow-e { background-position: -112px -192px; }
+#content .ui-icon-circle-arrow-s { background-position: -128px -192px; }
+#content .ui-icon-circle-arrow-w { background-position: -144px -192px; }
+#content .ui-icon-circle-arrow-n { background-position: -160px -192px; }
+#content .ui-icon-circle-zoomin { background-position: -176px -192px; }
+#content .ui-icon-circle-zoomout { background-position: -192px -192px; }
+#content .ui-icon-circle-check { background-position: -208px -192px; }
+#content .ui-icon-circlesmall-plus { background-position: 0 -208px; }
+#content .ui-icon-circlesmall-minus { background-position: -16px -208px; }
+#content .ui-icon-circlesmall-close { background-position: -32px -208px; }
+#content .ui-icon-squaresmall-plus { background-position: -48px -208px; }
+#content .ui-icon-squaresmall-minus { background-position: -64px -208px; }
+#content .ui-icon-squaresmall-close { background-position: -80px -208px; }
+#content .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+#content .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+#content .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+#content .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+#content .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+#content .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+#content .ui-corner-all,
+#content .ui-corner-top,
+#content .ui-corner-left,
+#content .ui-corner-tl {
+	border-top-left-radius: 0px;
+}
+#content .ui-corner-all,
+#content .ui-corner-top,
+#content .ui-corner-right,
+#content .ui-corner-tr {
+	border-top-right-radius: 0px;
+}
+#content .ui-corner-all,
+#content .ui-corner-bottom,
+#content .ui-corner-left,
+#content .ui-corner-bl {
+	border-bottom-left-radius: 0px;
+}
+#content .ui-corner-all,
+#content .ui-corner-bottom,
+#content .ui-corner-right,
+#content .ui-corner-br {
+	border-bottom-right-radius: 0px;
+}
+
+/* Overlays */
+#content .ui-widget-overlay {
+	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+	opacity: .3;
+	filter: Alpha(Opacity=30);
+}
+#content .ui-widget-shadow {
+	margin: -8px 0 0 -8px;
+	padding: 8px;
+	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+	opacity: .3;
+	filter: Alpha(Opacity=30);
+	border-radius: 8px;
+}
Index: /extensions/Junk/admin/maintain.inc.php
===================================================================
--- /extensions/Junk/admin/maintain.inc.php	(revision 28081)
+++ /extensions/Junk/admin/maintain.inc.php	(revision 28081)
@@ -0,0 +1,29 @@
+<?php
+
+function theme_activate($id, &$errors)
+{
+  global $conf;
+
+  if (!isset($conf['Junk']))
+  {
+    $config = array(
+		'style'	=> 'green',
+		'tab'	=>'0',
+	);
+      
+    $query = "
+INSERT INTO " . CONFIG_TABLE . " (param,value,comment)
+VALUES ('Junk' , '".pwg_db_real_escape_string(serialize($config))."' , 'Junk theme parameters');";
+
+    pwg_query($query);
+  }
+}
+
+function theme_deactivate()
+{
+
+  $query = "DELETE FROM " . CONFIG_TABLE . " WHERE param='Junk';";
+  pwg_query($query);
+}
+
+?>
Index: /extensions/Junk/admin/theme.css
===================================================================
--- /extensions/Junk/admin/theme.css	(revision 28081)
+++ /extensions/Junk/admin/theme.css	(revision 28081)
@@ -0,0 +1,20 @@
+td.imag{text-align:right;width:100px;height:25px;vertical-align:bottom;line-height:1px}
+td.imag img{margin:0 40px 40px 0}
+th{padding-left:10px;padding-right:10px}
+TABLE{margin-right:0px}
+#style{float:left;padding-left:20px}
+
+#content .ui-button {
+	margin-top: 10px;
+	opacity:0.5;
+}
+
+#content .ui-state-hover,
+#content .ui-state-active{opacity:1!important}
+
+.ui-tabs-vertical { width: 100%; }
+.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 10%; }
+.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
+.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
+.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
+.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 85%;}
Index: /extensions/Junk/index.php
===================================================================
--- /extensions/Junk/index.php	(revision 28081)
+++ /extensions/Junk/index.php	(revision 28081)
@@ -0,0 +1,30 @@
+<?php
+// +-----------------------------------------------------------------------+
+// | Piwigo - a PHP based photo gallery                                    |
+// +-----------------------------------------------------------------------+
+// | Copyright(C) 2008-2013 Piwigo Team                  http://piwigo.org |
+// | Copyright(C) 2003-2008 PhpWebGallery Team    http://phpwebgallery.net |
+// | Copyright(C) 2002-2003 Pierrick LE GALL   http://le-gall.net/pierrick |
+// +-----------------------------------------------------------------------+
+// | This program is free software; you can redistribute it and/or modify  |
+// | it under the terms of the GNU General Public License as published by  |
+// | the Free Software Foundation                                          |
+// |                                                                       |
+// | This program is distributed in the hope that it will be useful, but   |
+// | WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU      |
+// | General Public License for more details.                              |
+// |                                                                       |
+// | You should have received a copy of the GNU General Public License     |
+// | along with this program; if not, write to the Free Software           |
+// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, |
+// | USA.                                                                  |
+// +-----------------------------------------------------------------------+
+
+// Recursive call
+$url = '../';
+header( 'Request-URI: '.$url );
+header( 'Content-Location: '.$url );
+header( 'Location: '.$url );
+exit();
+?>
Index: /extensions/Junk/js/columnizer.js
===================================================================
--- /extensions/Junk/js/columnizer.js	(revision 28081)
+++ /extensions/Junk/js/columnizer.js	(revision 28081)
@@ -0,0 +1,119 @@
+/** 
+#  * Copyright (c) 2008 Pasyuk Sergey (www.codeasily.com) 
+#  * Licensed under the MIT License: 
+#  * http://www.opensource.org/licenses/mit-license.php 
+#  *  
+#  * Splits a <ul>/<ol>-list into equal-sized columns. 
+#  *  
+#  * Requirements:  
+#  * <ul> 
+#  * <li>"ul" or "ol" element must be styled with margin</li> 
+#  * </ul> 
+#  *  
+#  * @see http://www.codeasily.com/jquery/multi-column-list-with-jquery 
+#  */  
+jQuery.fn.makeacolumnlists = function(settings){
+	settings = jQuery.extend({
+		cols: 2,				// set number of columns
+		colWidth: 0,			// set width for each column or leave 0 for auto width
+		equalHeight: false, 	// can be false, 'ul', 'ol', 'li'
+		startN: 1				// first number on your ordered list
+	}, settings);
+
+	if(jQuery('> li', this)) {
+		this.each(function(y) {
+			var y=jQuery('.li_container').size(),
+		    	height = 0, 
+		        maxHeight = 0,
+				t = jQuery(this),
+				classN = t.attr('class'),
+				listsize = jQuery('> li', this).size(),
+				percol = Math.ceil(listsize/settings.cols),
+				contW = t.width(),
+				bl = ( isNaN(parseInt(t.css('borderLeftWidth'),10)) ? 0 : parseInt(t.css('borderLeftWidth'),10) ),
+				br = ( isNaN(parseInt(t.css('borderRightWidth'),10)) ? 0 : parseInt(t.css('borderRightWidth'),10) ),
+				pl = parseInt(t.css('paddingLeft'),10),
+				pr = parseInt(t.css('paddingRight'),10),
+				ml = parseInt(t.css('marginLeft'),10),
+				mr = parseInt(t.css('marginRight'),10),
+				col_Width = Math.floor((contW - (settings.cols-1)*(bl+br+pl+pr+ml+mr))/settings.cols);
+			if (settings.colWidth) {
+				col_Width = settings.colWidth; 
+			}
+			var colnum=1,
+				percol2=percol;
+			jQuery(this).addClass('li_cont1').wrap('<div id="li_container' + (++y) + '" class="li_container"></div>');
+			for (var i=0; i<=listsize; i++) {
+				if(i>=percol2) { percol2+=percol; colnum++; }
+				var eq = jQuery('> li:eq('+i+')',this);
+				eq.addClass('li_col'+ colnum);
+				if(jQuery(this).is('ol')){eq.attr('value', ''+(i+settings.startN))+'';}
+			}
+			jQuery(this).css({cssFloat:'left', width:''+col_Width+'px'});
+			for (colnum=2; colnum<=settings.cols; colnum++) {
+				if(jQuery(this).is('ol')) {
+					jQuery('li.li_col'+ colnum, this).appendTo('#li_container' + y).wrapAll('<ol class="li_cont'+colnum +' ' + classN + '" style="float:left; width: '+col_Width+'px;"></ol>');
+				} else {
+					jQuery('li.li_col'+ colnum, this).appendTo('#li_container' + y).wrapAll('<ul class="li_cont'+colnum +' ' + classN + '" style="float:left; width: '+col_Width+'px;"></ul>');
+				}
+			}
+			if (settings.equalHeight=='li') {
+				for (colnum=1; colnum<=settings.cols; colnum++) {
+				    jQuery('#li_container'+ y +' li').each(function() {
+				        var e = jQuery(this);
+				        var border_top = ( isNaN(parseInt(e.css('borderTopWidth'),10)) ? 0 : parseInt(e.css('borderTopWidth'),10) );
+				        var border_bottom = ( isNaN(parseInt(e.css('borderBottomWidth'),10)) ? 0 : parseInt(e.css('borderBottomWidth'),10) );
+				        height = e.height() + parseInt(e.css('paddingTop'), 10) + parseInt(e.css('paddingBottom'), 10) + border_top + border_bottom;
+				        maxHeight = (height > maxHeight) ? height : maxHeight;
+				    });
+				}
+				for (colnum=1; colnum<=settings.cols; colnum++) {
+					var eh = jQuery('#li_container'+ y +' li');
+			        var border_top = ( isNaN(parseInt(eh.css('borderTopWidth'),10)) ? 0 : parseInt(eh.css('borderTopWidth'),10) );
+			        var border_bottom = ( isNaN(parseInt(eh.css('borderBottomWidth'),10)) ? 0 : parseInt(eh.css('borderBottomWidth'),10) );
+					mh = maxHeight - (parseInt(eh.css('paddingTop'), 10) + parseInt(eh.css('paddingBottom'), 10) + border_top + border_bottom );
+			        eh.height(mh);
+				}
+			} else 
+			if (settings.equalHeight=='ul' || settings.equalHeight=='ol') {
+				for (colnum=1; colnum<=settings.cols; colnum++) {
+				    jQuery('#li_container'+ y +' .li_cont'+colnum).each(function() {
+				        var e = jQuery(this);
+				        var border_top = ( isNaN(parseInt(e.css('borderTopWidth'),10)) ? 0 : parseInt(e.css('borderTopWidth'),10) );
+				        var border_bottom = ( isNaN(parseInt(e.css('borderBottomWidth'),10)) ? 0 : parseInt(e.css('borderBottomWidth'),10) );
+				        height = e.height() + parseInt(e.css('paddingTop'), 10) + parseInt(e.css('paddingBottom'), 10) + border_top + border_bottom;
+				        maxHeight = (height > maxHeight) ? height : maxHeight;
+				    });
+				}
+				for (colnum=1; colnum<=settings.cols; colnum++) {
+					var eh = jQuery('#li_container'+ y +' .li_cont'+colnum);
+			        var border_top = ( isNaN(parseInt(eh.css('borderTopWidth'),10)) ? 0 : parseInt(eh.css('borderTopWidth'),10) );
+			        var border_bottom = ( isNaN(parseInt(eh.css('borderBottomWidth'),10)) ? 0 : parseInt(eh.css('borderBottomWidth'),10) );
+					mh = maxHeight - (parseInt(eh.css('paddingTop'), 10) + parseInt(eh.css('paddingBottom'), 10) + border_top + border_bottom );
+			        eh.height(mh);
+				}
+			}
+		    jQuery('#li_container' + y).append('<div style="clear:both; overflow:hidden; height:0px;"></div>');
+		});
+	}
+}
+
+jQuery.fn.uncolumnlists = function(){
+	jQuery('.li_cont1').each(function(i) {
+		var onecolSize = jQuery('#li_container' + (++i) + ' .li_cont1 > li').size();
+		if(jQuery('#li_container' + i + ' .li_cont1').is('ul')) {
+			jQuery('#li_container' + i + ' > ul > li').appendTo('#li_container' + i + ' ul:first');
+			for (var j=1; j<=onecolSize; j++) {
+				jQuery('#li_container' + i + ' ul:first li').removeAttr('class').removeAttr('style');
+			}
+			jQuery('#li_container' + i + ' ul:first').removeAttr('style').removeClass('li_cont1').insertBefore('#li_container' + i);
+		} else {
+			jQuery('#li_container' + i + ' > ol > li').appendTo('#li_container' + i + ' ol:first');
+			for (var j=1; j<=onecolSize; j++) {
+				jQuery('#li_container' + i + ' ol:first li').removeAttr('class').removeAttr('style');
+			}
+			jQuery('#li_container' + i + ' ol:first').removeAttr('style').removeClass('li_cont1').insertBefore('#li_container' + i);
+		}
+		jQuery('#li_container' + i).remove();
+	});
+}
Index: /extensions/Junk/js/jquery.columnizer.js
===================================================================
--- /extensions/Junk/js/jquery.columnizer.js	(revision 28081)
+++ /extensions/Junk/js/jquery.columnizer.js	(revision 28081)
@@ -0,0 +1,639 @@
+// version 1.6.0
+// http://welcome.totheinter.net/columnizer-jquery-plugin/
+// created by: Adam Wulf @adamwulf, adam.wulf@gmail.com
+
+(function($){
+
+ $.fn.columnize = function(options) {
+
+
+	var defaults = {
+		// default width of columns
+		width: 400,
+		// optional # of columns instead of width
+		columns : false,
+		// true to build columns once regardless of window resize
+		// false to rebuild when content box changes bounds
+		buildOnce : false,
+		// an object with options if the text should overflow
+		// it's container if it can't fit within a specified height
+		overflow : false,
+		// this function is called after content is columnized
+		doneFunc : function(){},
+		// if the content should be columnized into a 
+		// container node other than it's own node
+		target : false,
+		// re-columnizing when images reload might make things
+		// run slow. so flip this to true if it's causing delays
+		ignoreImageLoading : true,
+		// should columns float left or right
+		columnFloat : "left",
+		// ensure the last column is never the tallest column
+		lastNeverTallest : false,
+		// (int) the minimum number of characters to jump when splitting
+		// text nodes. smaller numbers will result in higher accuracy
+		// column widths, but will take slightly longer
+		accuracy : false,
+		// don't automatically layout columns, only use manual columnbreak
+		manualBreaks : false,
+		// previx for all the CSS classes used by this plugin
+		// default to empty string for backwards compatibility
+		cssClassPrefix : ""
+	};
+	options = $.extend(defaults, options);
+
+	if(typeof(options.width) == "string"){
+		options.width = parseInt(options.width,10);
+		if(isNaN(options.width)){
+			options.width = defaults.width;
+		}
+	}
+		
+	/**
+	 * appending a text node to a <table> will
+	 * cause a jquery crash.
+	 * so wrap all append() calls and revert to
+	 * a simple appendChild() in case it fails
+	 */
+	function appendSafe($target, $elem){
+		try{
+			$target.append($elem);
+		}catch(e){
+			$target[0].appendChild($elem[0]);
+		}
+	}
+
+    return this.each(function() {
+		var $inBox = options.target ? $(options.target) : $(this);
+		var maxHeight = $(this).height();
+		var $cache = $('<div></div>'); // this is where we'll put the real content
+		var lastWidth = 0;
+		var columnizing = false;
+		var manualBreaks = options.manualBreaks;
+		var cssClassPrefix = defaults.cssClassPrefix;
+		if(typeof(options.cssClassPrefix) == "string"){
+			cssClassPrefix = options.cssClassPrefix;
+		}
+
+
+		var adjustment = 0;
+
+		appendSafe($cache, $(this).contents().clone(true));
+
+		// images loading after dom load
+		// can screw up the column heights,
+		// so recolumnize after images load
+		if(!options.ignoreImageLoading && !options.target){
+			if(!$inBox.data("imageLoaded")){
+				$inBox.data("imageLoaded", true);
+				if($(this).find("img").length > 0){
+					// only bother if there are
+					// actually images...
+					var func = function($inBox,$cache){ return function(){
+							if(!$inBox.data("firstImageLoaded")){
+								$inBox.data("firstImageLoaded", "true");
+								appendSafe($inBox.empty(), $cache.children().clone(true));
+								$inBox.columnize(options);
+							}
+						};
+					}($(this), $cache);
+					$(this).find("img").one("load", func);
+					$(this).find("img").one("abort", func);
+					return;
+				}
+			}
+		}
+
+		$inBox.empty();
+
+		columnizeIt();
+
+		if(!options.buildOnce){
+			$(window).resize(function() {
+				if(!options.buildOnce){
+					if($inBox.data("timeout")){
+						clearTimeout($inBox.data("timeout"));
+					}
+					$inBox.data("timeout", setTimeout(columnizeIt, 200));
+				}
+			});
+		}
+
+		function prefixTheClassName(className, withDot){
+			var dot = withDot ? "." : "";
+			if(cssClassPrefix.length){
+				return dot + cssClassPrefix + "-" + className;
+			}
+			return dot + className;
+		}
+
+		/**
+		 * this fuction builds as much of a column as it can without
+		 * splitting nodes in half. If the last node in the new column
+		 * is a text node, then it will try to split that text node. otherwise
+		 * it will leave the node in $pullOutHere and return with a height
+		 * smaller than targetHeight.
+		 * 
+         * Returns a boolean on whether we did some splitting successfully at a text point
+         * (so we know we don't need to split a real element). return false if the caller should
+         * split a node if possible to end this column.
+		 *
+		 * @param putInHere, the jquery node to put elements into for the current column
+		 * @param $pullOutHere, the jquery node to pull elements out of (uncolumnized html)
+		 * @param $parentColumn, the jquery node for the currently column that's being added to
+		 * @param targetHeight, the ideal height for the column, get as close as we can to this height
+		 */
+		function columnize($putInHere, $pullOutHere, $parentColumn, targetHeight){
+			//
+			// add as many nodes to the column as we can,
+			// but stop once our height is too tall
+			while((manualBreaks || $parentColumn.height() < targetHeight) &&
+				$pullOutHere[0].childNodes.length){
+				var node = $pullOutHere[0].childNodes[0];
+				//
+				// Because we're not cloning, jquery will actually move the element"
+				// http://welcome.totheinter.net/2009/03/19/the-undocumented-life-of-jquerys-append/
+				if($(node).find(prefixTheClassName("columnbreak", true)).length){
+					//
+					// our column is on a column break, so just end here
+					return;
+				}
+				if($(node).hasClass(prefixTheClassName("columnbreak"))){
+					//
+					// our column is on a column break, so just end here
+					return;
+				}
+				appendSafe($putInHere, $(node));
+			}
+			if($putInHere[0].childNodes.length === 0) return;
+
+			// now we're too tall, so undo the last one
+			var kids = $putInHere[0].childNodes;
+			var lastKid = kids[kids.length-1];
+			$putInHere[0].removeChild(lastKid);
+			var $item = $(lastKid);
+
+			// now lets try to split that last node
+			// to fit as much of it as we can into this column
+			if($item[0].nodeType == 3){
+				// it's a text node, split it up
+				var oText = $item[0].nodeValue;
+				var counter2 = options.width / 18;
+				if(options.accuracy)
+				counter2 = options.accuracy;
+				var columnText;
+				var latestTextNode = null;
+				while($parentColumn.height() < targetHeight && oText.length){
+					//
+					// it's been brought up that this won't work for chinese
+					// or other languages that don't have the same use of whitespace
+					// as english. This will need to be updated in the future
+					// to better handle non-english languages.
+					//
+					// https://github.com/adamwulf/Columnizer-jQuery-Plugin/issues/124
+					var indexOfSpace = oText.indexOf(' ', counter2);
+					if (indexOfSpace != -1) {
+						columnText = oText.substring(0, indexOfSpace);
+					} else {
+						columnText = oText;
+					}
+					latestTextNode = document.createTextNode(columnText);
+					appendSafe($putInHere, $(latestTextNode));
+
+					if(oText.length > counter2 && indexOfSpace != -1){
+						oText = oText.substring(indexOfSpace);
+					}else{
+						oText = "";
+					}
+				}
+				if($parentColumn.height() >= targetHeight && latestTextNode !== null){
+					// too tall :(
+					$putInHere[0].removeChild(latestTextNode);
+					oText = latestTextNode.nodeValue + oText;
+				}
+				if(oText.length){
+					$item[0].nodeValue = oText;
+				}else{
+					return false; // we ate the whole text node, move on to the next node
+				}
+			}
+
+			if($pullOutHere.contents().length){
+				$pullOutHere.prepend($item);
+			}else{
+				appendSafe($pullOutHere, $item);
+			}
+
+			return $item[0].nodeType == 3;
+		}
+
+		/**
+		 * Split up an element, which is more complex than splitting text. We need to create 
+		 * two copies of the element with it's contents divided between each
+		 */
+		function split($putInHere, $pullOutHere, $parentColumn, targetHeight){
+			if($putInHere.contents(":last").find(prefixTheClassName("columnbreak", true)).length){
+				//
+				// our column is on a column break, so just end here
+				return;
+			}
+			if($putInHere.contents(":last").hasClass(prefixTheClassName("columnbreak"))){
+				//
+				// our column is on a column break, so just end here
+				return;
+			}
+			if($pullOutHere.contents().length){
+				var $cloneMe = $pullOutHere.contents(":first");
+				//
+				// make sure we're splitting an element
+				if( typeof $cloneMe.get(0) == 'undefined' || $cloneMe.get(0).nodeType != 1 ) return;
+
+				//
+				// clone the node with all data and events
+				var $clone = $cloneMe.clone(true);
+				//
+				// need to support both .prop and .attr if .prop doesn't exist.
+				// this is for backwards compatibility with older versions of jquery.
+				if($cloneMe.hasClass(prefixTheClassName("columnbreak"))){
+					//
+					// ok, we have a columnbreak, so add it into
+					// the column and exit
+					appendSafe($putInHere, $clone);
+					$cloneMe.remove();
+				}else if (manualBreaks){
+					// keep adding until we hit a manual break
+					appendSafe($putInHere, $clone);
+					$cloneMe.remove();
+				}else if($clone.get(0).nodeType == 1 && !$clone.hasClass(prefixTheClassName("dontend"))){
+					appendSafe($putInHere, $clone);
+					if($clone.is("img") && $parentColumn.height() < targetHeight + 20){
+						//
+						// we can't split an img in half, so just add it
+						// to the column and remove it from the pullOutHere section
+						$cloneMe.remove();
+					}else if($cloneMe.hasClass(prefixTheClassName("dontsplit")) && $parentColumn.height() < targetHeight + 20){
+						//
+						// pretty close fit, and we're not allowed to split it, so just
+						// add it to the column, remove from pullOutHere, and be done
+						$cloneMe.remove();
+					}else if($clone.is("img") || $cloneMe.hasClass(prefixTheClassName("dontsplit"))){
+						//
+						// it's either an image that's too tall, or an unsplittable node
+						// that's too tall. leave it in the pullOutHere and we'll add it to the 
+						// next column
+						$clone.remove();
+					}else{
+						//
+						// ok, we're allowed to split the node in half, so empty out
+						// the node in the column we're building, and start splitting
+						// it in half, leaving some of it in pullOutHere
+						$clone.empty();
+						if(!columnize($clone, $cloneMe, $parentColumn, targetHeight)){
+							// this node may still have non-text nodes to split
+							// add the split class and then recur
+							$cloneMe.addClass(prefixTheClassName("split"));
+							
+							//if this node was ol element, the child should continue the number ordering
+							if($cloneMe.get(0).tagName == 'OL'){
+								var startWith = $clone.get(0).childElementCount + $clone.get(0).start;
+								$cloneMe.attr('start',startWith+1);
+							}
+							
+							if($cloneMe.children().length){
+								split($clone, $cloneMe, $parentColumn, targetHeight);
+							}
+						}else{
+							// this node only has text node children left, add the
+							// split class and move on.
+							$cloneMe.addClass(prefixTheClassName("split"));
+						}
+						if($clone.get(0).childNodes.length === 0){
+							// it was split, but nothing is in it :(
+							$clone.remove();
+							$cloneMe.removeClass(prefixTheClassName("split"));
+						}
+					}
+				}
+			}
+		}
+
+
+		function singleColumnizeIt() {
+			if ($inBox.data("columnized") && $inBox.children().length == 1) {
+				return;
+			}
+			$inBox.data("columnized", true);
+			$inBox.data("columnizing", true);
+
+			$inBox.empty();
+			$inBox.append($("<div class='"
+				+ prefixTheClassName("first") + " "
+				+ prefixTheClassName("last") + " "
+				+ prefixTheClassName("column") + " "
+				+ "' style='width:100%; float: " + options.columnFloat + ";'></div>")); //"
+			$col = $inBox.children().eq($inBox.children().length-1);
+			$destroyable = $cache.clone(true);
+			if(options.overflow){
+				targetHeight = options.overflow.height;
+				columnize($col, $destroyable, $col, targetHeight);
+				// make sure that the last item in the column isn't a "dontend"
+				if(!$destroyable.contents().find(":first-child").hasClass(prefixTheClassName("dontend"))){
+					split($col, $destroyable, $col, targetHeight);
+				}
+
+				while($col.contents(":last").length && checkDontEndColumn($col.contents(":last").get(0))){
+					var $lastKid = $col.contents(":last");
+					$lastKid.remove();
+					$destroyable.prepend($lastKid);
+				}
+
+				var html = "";
+				var div = document.createElement('DIV');
+				while($destroyable[0].childNodes.length > 0){
+					var kid = $destroyable[0].childNodes[0];
+					if(kid.attributes){
+						for(var i=0;i<kid.attributes.length;i++){
+							if(kid.attributes[i].nodeName.indexOf("jQuery") === 0){
+								kid.removeAttribute(kid.attributes[i].nodeName);
+							}
+						}
+					}
+					div.innerHTML = "";
+					div.appendChild($destroyable[0].childNodes[0]);
+					html += div.innerHTML;
+				}
+				var overflow = $(options.overflow.id)[0];
+				overflow.innerHTML = html;
+
+			}else{
+				appendSafe($col, $destroyable.contents());
+			}
+			$inBox.data("columnizing", false);
+
+			if(options.overflow && options.overflow.doneFunc){
+				options.overflow.doneFunc();
+			}
+
+		}
+
+		/**
+		 * returns true if the input dom node
+		 * should not end a column.
+		 * returns false otherwise
+		 */
+		function checkDontEndColumn(dom){
+			if(dom.nodeType == 3){
+				// text node. ensure that the text
+				// is not 100% whitespace
+				if(/^\s+$/.test(dom.nodeValue)){
+						//
+						// ok, it's 100% whitespace,
+						// so we should return checkDontEndColumn
+						// of the inputs previousSibling
+						if(!dom.previousSibling) return false;
+					return checkDontEndColumn(dom.previousSibling);
+				}
+				return false;
+			}
+			if(dom.nodeType != 1) return false;
+			if($(dom).hasClass(prefixTheClassName("dontend"))) return true;
+			if(dom.childNodes.length === 0) return false;
+			return checkDontEndColumn(dom.childNodes[dom.childNodes.length-1]);
+		}
+
+		function columnizeIt() {
+			//reset adjustment var
+			adjustment = 0;
+			if(lastWidth == $inBox.width()) return;
+			lastWidth = $inBox.width();
+
+			var numCols = Math.round($inBox.width() / options.width);
+			var optionWidth = options.width;
+			var optionHeight = options.height;
+			if(options.columns) numCols = options.columns;
+			if(manualBreaks){
+				numCols = $cache.find(prefixTheClassName("columnbreak", true)).length + 1;
+				optionWidth = false;
+			}
+
+//			if ($inBox.data("columnized") && numCols == $inBox.children().length) {
+//				return;
+//			}
+			if(numCols <= 1){
+				return singleColumnizeIt();
+			}
+			if($inBox.data("columnizing")) return;
+			$inBox.data("columnized", true);
+			$inBox.data("columnizing", true);
+
+			$inBox.empty();
+			$inBox.append($("<div style='width:" + (Math.floor(100 / numCols))+ "%; float: " + options.columnFloat + ";'></div>")); //"
+			$col = $inBox.children(":last");
+			appendSafe($col, $cache.clone());
+			maxHeight = $col.height();
+			$inBox.empty();
+
+			var targetHeight = maxHeight / numCols;
+			var firstTime = true;
+			var maxLoops = 3;
+			var scrollHorizontally = false;
+			if(options.overflow){
+				maxLoops = 1;
+				targetHeight = options.overflow.height;
+			}else if(optionHeight && optionWidth){
+				maxLoops = 1;
+				targetHeight = optionHeight;
+				scrollHorizontally = true;
+			}
+
+			//
+			// We loop as we try and workout a good height to use. We know it initially as an average 
+			// but if the last column is higher than the first ones (which can happen, depending on split
+			// points) we need to raise 'adjustment'. We try this over a few iterations until we're 'solid'.
+			//
+			// also, lets hard code the max loops to 20. that's /a lot/ of loops for columnizer,
+			// and should keep run aways in check. if somehow someone has content combined with
+			// options that would cause an infinite loop, then this'll definitely stop it.
+			for(var loopCount=0;loopCount<maxLoops && loopCount<20;loopCount++){
+				$inBox.empty();
+				var $destroyable, className, $col, $lastKid;
+				try{
+					$destroyable = $cache.clone(true);
+				}catch(e){
+					// jquery in ie6 can't clone with true
+					$destroyable = $cache.clone();
+				}
+				$destroyable.css("visibility", "hidden");
+				// create the columns
+				for (var i = 0; i < numCols; i++) {
+					/* create column */
+					className = (i === 0) ? prefixTheClassName("first") : "";
+					className += " " + prefixTheClassName("column");
+					className = (i == numCols - 1) ? (prefixTheClassName("last") + " " + className) : className;
+					$inBox.append($("<div class='" + className + "' style='width:" + (Math.floor(100 / numCols))+ "%; float: " + options.columnFloat + ";'></div>")); //"
+				}
+
+				// fill all but the last column (unless overflowing)
+				i = 0;
+				while(i < numCols - (options.overflow ? 0 : 1) || scrollHorizontally && $destroyable.contents().length){
+					if($inBox.children().length <= i){
+						// we ran out of columns, make another
+						$inBox.append($("<div class='" + className + "' style='width:" + (Math.floor(100 / numCols))+ "%; float: " + options.columnFloat + ";'></div>")); //"
+					}
+					$col = $inBox.children().eq(i);
+					if(scrollHorizontally){
+						$col.width(optionWidth + "px");
+					}
+					columnize($col, $destroyable, $col, targetHeight);
+					// make sure that the last item in the column isn't a "dontend"
+					split($col, $destroyable, $col, targetHeight);
+
+					while($col.contents(":last").length && checkDontEndColumn($col.contents(":last").get(0))){
+						$lastKid = $col.contents(":last");
+						$lastKid.remove();
+						$destroyable.prepend($lastKid);
+					}
+					i++;
+
+					//
+					// https://github.com/adamwulf/Columnizer-jQuery-Plugin/issues/47
+					//
+					// check for infinite loop.
+					//
+					// this could happen when a dontsplit or dontend item is taller than the column
+					// we're trying to build, and its never actually added to a column.
+					//
+					// this results in empty columns being added with the dontsplit item
+					// perpetually waiting to get put into a column. lets force the issue here
+					if($col.contents().length === 0 && $destroyable.contents().length){
+						//
+						// ok, we're building zero content columns. this'll happen forever
+						// since nothing can ever get taken out of destroyable.
+						//
+						// to fix, lets put 1 item from destroyable into the empty column
+						// before we iterate
+						$col.append($destroyable.contents(":first"));
+					}else if(i == numCols - (options.overflow ? 0 : 1) && !options.overflow){
+						//
+						// ok, we're about to exit the while loop because we're done with all
+						// columns except the last column.
+						//
+						// if $destroyable still has columnbreak nodes in it, then we need to keep
+						// looping and creating more columns.
+						if($destroyable.find(prefixTheClassName("columnbreak", true)).length){
+							numCols ++;
+						}
+					}
+				}
+				if(options.overflow && !scrollHorizontally){
+					var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
+					var IE7 = (document.all) && (navigator.appVersion.indexOf("MSIE 7.") != -1);
+					if(IE6 || IE7){
+						var html = "";
+						var div = document.createElement('DIV');
+						while($destroyable[0].childNodes.length > 0){
+							var kid = $destroyable[0].childNodes[0];
+							for(i=0;i<kid.attributes.length;i++){
+								if(kid.attributes[i].nodeName.indexOf("jQuery") === 0){
+									kid.removeAttribute(kid.attributes[i].nodeName);
+								}
+							}
+							div.innerHTML = "";
+							div.appendChild($destroyable[0].childNodes[0]);
+							html += div.innerHTML;
+						}
+						var overflow = $(options.overflow.id)[0];
+						overflow.innerHTML = html;
+					}else{
+						$(options.overflow.id).empty().append($destroyable.contents().clone(true));
+					}
+				}else if(!scrollHorizontally){
+					// the last column in the series
+					$col = $inBox.children().eq($inBox.children().length-1);
+					$destroyable.contents().each( function() {
+						$col.append( $(this) );
+					});
+					var afterH = $col.height();
+					var diff = afterH - targetHeight;
+					var totalH = 0;
+					var min = 10000000;
+					var max = 0;
+					var lastIsMax = false;
+					var numberOfColumnsThatDontEndInAColumnBreak = 0;
+					$inBox.children().each(function($inBox){ return function($item){
+						var $col = $inBox.children().eq($item);
+						var endsInBreak = $col.children(":last").find(prefixTheClassName("columnbreak", true)).length;
+						if(!endsInBreak){
+							var h = $col.height();
+							lastIsMax = false;
+							totalH += h;
+							if(h > max) {
+								max = h;
+								lastIsMax = true;
+							}
+							if(h < min) min = h;
+							numberOfColumnsThatDontEndInAColumnBreak++;
+						}
+					};
+				}($inBox));
+
+					var avgH = totalH / numberOfColumnsThatDontEndInAColumnBreak;
+					if(totalH === 0){
+						//
+						// all columns end in a column break,
+						// so we're done here
+						loopCount = maxLoops;
+					}else if(options.lastNeverTallest && lastIsMax){
+						// the last column is the tallest
+						// so allow columns to be taller
+						// and retry
+						//
+						// hopefully this'll mean more content fits into
+						// earlier columns, so that the last column
+						// can be shorter than the rest
+						adjustment += 5;
+
+						targetHeight = targetHeight + 30;
+						if(loopCount == maxLoops-1) maxLoops++;
+					}else if(max - min > 30){
+						// too much variation, try again
+						targetHeight = avgH + 30;
+					}else if(Math.abs(avgH-targetHeight) > 20){
+						// too much variation, try again
+						targetHeight = avgH;
+					}else {
+						// solid, we're done
+						loopCount = maxLoops;
+					}
+				}else{
+					// it's scrolling horizontally, fix the width/classes of the columns
+					$inBox.children().each(function(i){
+						$col = $inBox.children().eq(i);
+						$col.width(optionWidth + "px");
+						if(i === 0){
+							$col.addClass(prefixTheClassName("first"));
+						}else if(i==$inBox.children().length-1){
+							$col.addClass(prefixTheClassName("last"));
+						}else{
+							$col.removeClass(prefixTheClassName("first"));
+							$col.removeClass(prefixTheClassName("last"));
+						}
+					});
+					$inBox.width($inBox.children().length * optionWidth + "px");
+				}
+				$inBox.append($("<br style='clear:both;'>"));
+			}
+			$inBox.find(prefixTheClassName("column", true)).find(":first" + prefixTheClassName("removeiffirst", true)).remove();
+			$inBox.find(prefixTheClassName("column", true)).find(':last' + prefixTheClassName("removeiflast", true)).remove();
+			$inBox.find(prefixTheClassName("split", true)).find(":first" + prefixTheClassName("removeiffirst", true)).remove();
+			$inBox.find(prefixTheClassName("split", true)).find(':last' + prefixTheClassName("removeiflast", true)).remove();
+			$inBox.data("columnizing", false);
+
+			if(options.overflow){
+				options.overflow.doneFunc();
+			}
+			options.doneFunc();
+		}
+    });
+ };
+})(jQuery);
Index: /extensions/Junk/js/jquery.hoverIntent.js
===================================================================
--- /extensions/Junk/js/jquery.hoverIntent.js	(revision 28081)
+++ /extensions/Junk/js/jquery.hoverIntent.js	(revision 28081)
@@ -0,0 +1,115 @@
+/*!
+ * hoverIntent r7 // 2013.03.11 // jQuery 1.9.1+
+ * http://cherne.net/brian/resources/jquery.hoverIntent.html
+ *
+ * You may use hoverIntent under the terms of the MIT license. Basically that
+ * means you are free to use hoverIntent as long as this header is left intact.
+ * Copyright 2007, 2013 Brian Cherne
+ */
+ 
+/* hoverIntent is similar to jQuery's built-in "hover" method except that
+ * instead of firing the handlerIn function immediately, hoverIntent checks
+ * to see if the user's mouse has slowed down (beneath the sensitivity
+ * threshold) before firing the event. The handlerOut function is only
+ * called after a matching handlerIn.
+ *
+ * // basic usage ... just like .hover()
+ * .hoverIntent( handlerIn, handlerOut )
+ * .hoverIntent( handlerInOut )
+ *
+ * // basic usage ... with event delegation!
+ * .hoverIntent( handlerIn, handlerOut, selector )
+ * .hoverIntent( handlerInOut, selector )
+ *
+ * // using a basic configuration object
+ * .hoverIntent( config )
+ *
+ * @param  handlerIn   function OR configuration object
+ * @param  handlerOut  function OR selector for delegation OR undefined
+ * @param  selector    selector OR undefined
+ * @author Brian Cherne <brian(at)cherne(dot)net>
+ */
+(function($) {
+    $.fn.hoverIntent = function(handlerIn,handlerOut,selector) {
+
+        // default configuration values
+        var cfg = {
+            interval: 100,
+            sensitivity: 7,
+            timeout: 0
+        };
+
+        if ( typeof handlerIn === "object" ) {
+            cfg = $.extend(cfg, handlerIn );
+        } else if ($.isFunction(handlerOut)) {
+            cfg = $.extend(cfg, { over: handlerIn, out: handlerOut, selector: selector } );
+        } else {
+            cfg = $.extend(cfg, { over: handlerIn, out: handlerIn, selector: handlerOut } );
+        }
+
+        // instantiate variables
+        // cX, cY = current X and Y position of mouse, updated by mousemove event
+        // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval
+        var cX, cY, pX, pY;
+
+        // A private function for getting mouse position
+        var track = function(ev) {
+            cX = ev.pageX;
+            cY = ev.pageY;
+        };
+
+        // A private function for comparing current and previous mouse position
+        var compare = function(ev,ob) {
+            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+            // compare mouse positions to see if they've crossed the threshold
+            if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) {
+                $(ob).off("mousemove.hoverIntent",track);
+                // set hoverIntent state to true (so mouseOut can be called)
+                ob.hoverIntent_s = 1;
+                return cfg.over.apply(ob,[ev]);
+            } else {
+                // set previous coordinates for next time
+                pX = cX; pY = cY;
+                // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs)
+                ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval );
+            }
+        };
+
+        // A private function for delaying the mouseOut function
+        var delay = function(ev,ob) {
+            ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t);
+            ob.hoverIntent_s = 0;
+            return cfg.out.apply(ob,[ev]);
+        };
+
+        // A private function for handling mouse 'hovering'
+        var handleHover = function(e) {
+            // copy objects to be passed into t (required for event object to be passed in IE)
+            var ev = jQuery.extend({},e);
+            var ob = this;
+
+            // cancel hoverIntent timer if it exists
+            if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); }
+
+            // if e.type == "mouseenter"
+            if (e.type == "mouseenter") {
+                // set "previous" X and Y position based on initial entry point
+                pX = ev.pageX; pY = ev.pageY;
+                // update "current" X and Y position based on mousemove
+                $(ob).on("mousemove.hoverIntent",track);
+                // start polling interval (self-calling timeout) to compare mouse coordinates over time
+                if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );}
+
+                // else e.type == "mouseleave"
+            } else {
+                // unbind expensive mousemove event
+                $(ob).off("mousemove.hoverIntent",track);
+                // if hoverIntent state is true, then call the mouseOut function after the specified delay
+                if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );}
+            }
+        };
+
+        // listen for mouseenter and mouseleave
+        return this.on({'mouseenter.hoverIntent':handleHover,'mouseleave.hoverIntent':handleHover}, cfg.selector);
+    };
+})(jQuery);
Index: /extensions/Junk/js/junk.js
===================================================================
--- /extensions/Junk/js/junk.js	(revision 28081)
+++ /extensions/Junk/js/junk.js	(revision 28081)
@@ -0,0 +1,61 @@
+(function($) 
+	{
+
+	$(document).ready(function() {
+	
+		$('#mbIdentification').remove();
+		
+		$(window).load(function(){
+			$('.liSub').each(function() {
+				var $color			= $('body').data('color'),
+					$topnavLi_h 	= $(this).height(),
+					$topnavLi_w		= $(this).innerWidth(),
+					$topnavLi_pos	= $(this).position(),
+					$p1				= $topnavLi_h/1.5,
+					$p2				= $topnavLi_h/4,
+					$canvas			= $('<canvas class="inactiv" height="' + $topnavLi_h + 'px" width="' + $topnavLi_w +'px"></canvas>');
+
+				$('.canvas', this).css({'width':$topnavLi_w, 'height':$topnavLi_h, 'left':$topnavLi_pos.left}).append($canvas);
+				
+				var ctx = $canvas[0].getContext('2d');
+					ctx.beginPath();
+					ctx.moveTo(0, $p1);
+					ctx.lineTo($topnavLi_w, $p2);
+					ctx.lineTo($topnavLi_w,$topnavLi_h);
+					ctx.lineTo(0,$topnavLi_h);
+					ctx.closePath
+					ctx.fillStyle = $color;
+					ctx.fill();
+			});
+		});
+				
+		$('.unloged').on('click',function()	{
+			$('.regis').hide();
+			$('.ident').show();
+			$('#box_wrapper').show();
+		});
+		
+		$('.register').click(function() {
+			$('.ident').hide();
+			$('.regis').show();
+			$('#box_wrapper').show();
+			return false
+		});
+		
+		$('#box_bg_wrapper').on('click',function() {
+			$('#box_wrapper').hide();
+		});
+		
+		$('.logeduser').click(function(){
+			$('#userlog').toggle();
+		})
+		
+		
+//piwitheme link
+		var $link = ' - theme by <a href="http://piwitheme.fr" target="_blank">piwitheme</a>';
+		$('#copyright').append($link);
+		
+
+	});
+
+})(jQuery);
Index: /extensions/Junk/js/menu.js
===================================================================
--- /extensions/Junk/js/menu.js	(revision 28081)
+++ /extensions/Junk/js/menu.js	(revision 28081)
@@ -0,0 +1,77 @@
+/*
+ * menu - v1.0 - 2013-10-01
+ * plugin menu for piwitheme
+ * http://piwitheme.fr/
+ *
+ */
+ 
+(function($) {
+
+	$(document).ready(function(){
+		
+		$('li.liSub dt').addClass('dd_wrapper');
+		$('li.liSub dd').addClass('sub');
+		
+		$('.sub ul li').on('click',function(){
+			var $href = $(this).find('a').attr('href');
+			document.location = $href;
+		})	
+
+		$('.mcol').columnize({ 
+			columns		: 4,
+			doneFunc	: function(){
+				$('.sub').hide().css('opacity',1);
+			}
+		});	
+		
+		function megaHoverOver(){
+			$(this).find('.sub').stop().slideDown(200);
+			$(this).find('canvas').stop().animate({	top:'0'}, 200);
+
+		};
+		
+		function megaHoverOut(){
+		$(this).find('.sub').stop().slideUp(200);
+		$(this).find('canvas').stop().animate({	top:'80'}, 200);
+		};
+		
+		var $configSub 	= {
+							over	: megaHoverOver,   
+							out		: megaHoverOut 	   
+							};
+	
+		$('#topnav li').hoverIntent($configSub);
+	
+/*		$('.ident').mouseenter(function(){
+			if($(this).children('div').is(':hidden')){
+				$(this).addClass('activate').children('div').slideDown(200).attr(':visible');
+			}
+		});
+		$('.cl_wrapper').click(function(){
+			if($(this).next('div').is(':visible')){
+				$(this).next('div').slideUp(200, function(){
+					$(this).hide()
+				});
+				$(this).next('div').attr(':hidden'); 
+				$(this).parent().removeClass('activate');
+			}
+		});
+		$('.close').click(function(){
+			$(this).parent().slideUp(200, function(){
+					$(this).hide().attr(':hidden')
+				});
+				$('.ident').removeClass('activate');
+		});*/
+		
+		$('#qsearchInput').focus(function(){
+			if($('#qsearchInput').attr('value') == qsearch_prompt){
+				$('#qsearchInput').attr('value', '')
+			}
+		});
+		$('#qsearchInput').blur(function(){
+			if($('#qsearchInput').attr('value') != qsearch_prompt){
+				$('#qsearchInput').attr('value', qsearch_prompt)
+			}
+		});
+	});	
+})(jQuery);
Index: /extensions/Junk/js/scripts_pp.js
===================================================================
--- /extensions/Junk/js/scripts_pp.js	(revision 28081)
+++ /extensions/Junk/js/scripts_pp.js	(revision 28081)
@@ -0,0 +1,175 @@
+﻿(function() {
+  var session_storage = window.sessionStorage || {};
+
+  var menubar=jQuery("#menubar"),
+      menuswitcher,
+      content=jQuery("#the_page > .content"),
+      pcontent=jQuery("#content"),
+      imageInfos=jQuery("#imageInfos"),
+      infoswitcher,
+      theImage=jQuery("#theImage"),
+      comments=jQuery("#thePicturePage #comments"),
+      comments_button,
+      commentsswitcher,
+      comments_add,
+      comments_top_offset = 0;
+
+  function hideMenu(delay) {
+    menubar.hide(delay);
+    menuswitcher.addClass("menuhidden").removeClass("menushown");
+    content.addClass("menuhidden").removeClass("menushown");
+    pcontent.addClass("menuhidden").removeClass("menushown");
+    session_storage['picture-menu'] = 'hidden';
+  }
+
+  function showMenu(delay) {
+    menubar.show(delay);
+    menuswitcher.addClass("menushown").removeClass("menuhidden");
+    content.addClass("menushown").removeClass("menuhidden");
+    pcontent.addClass("menushown").removeClass("menuhidden");
+    session_storage['picture-menu'] = 'visible';
+  }
+
+  function hideInfo(delay) {
+    imageInfos.hide(delay);
+    infoswitcher.addClass("infohidden").removeClass("infoshown");
+    theImage.addClass("infohidden").removeClass("infoshown");
+    session_storage['side-info'] = 'hidden';
+  }
+
+  function showInfo(delay) {
+    imageInfos.show(delay);
+    infoswitcher.addClass("infoshown").removeClass("infohidden");
+    theImage.addClass("infoshown").removeClass("infohidden");
+    session_storage['side-info'] = 'visible';
+  }
+
+  function commentsToggle() {
+    if (comments.hasClass("commentshidden")) {
+      comments.removeClass("commentshidden").addClass("commentsshown");
+      comments_button.addClass("comments_toggle_off").removeClass("comments_toggle_on");;
+      session_storage['comments'] = 'visible';
+      comments_top_offset = comments_add.offset().top - parseFloat(comments_add.css('marginTop').replace(/auto/, 0));
+    }
+    else {
+      comments.addClass("commentshidden").removeClass("commentsshown");
+      comments_button.addClass("comments_toggle_on").removeClass("comments_toggle_off");;
+      session_storage['comments'] = 'hidden';
+      comments_top_offset = 0;
+    }
+  }
+
+  jQuery(function(){
+    // side-menu show/hide
+    if (menubar.length == 1 && p_main_menu!="disabled") {
+      menuswitcher=jQuery("#menuSwitcher");
+
+      menuswitcher.html('<div class="switchArrow">&nbsp;</div>');
+
+      if (session_storage['picture-menu'] == undefined && p_main_menu == 'off') {
+        session_storage['picture-menu'] = 'hidden';
+      }
+
+      if (session_storage['picture-menu'] == 'hidden') {
+        hideMenu(0);
+      }
+      else {
+        showMenu(0);
+      }
+
+      menuswitcher.click(function(e){
+        if (menubar.is(":hidden")) {
+          showMenu(0);
+        }
+        else {
+          hideMenu(0);
+        }
+        e.preventDefault();
+      });
+    }
+    else if (menubar.length == 1 && p_main_menu=="disabled") {
+      showMenu(0);
+    }
+
+    // info show/hide
+    if (imageInfos.length == 1 && p_pict_descr!="disabled") {
+      infoswitcher=jQuery("#infoSwitcher");
+
+      infoswitcher.html('<div class="switchArrow">&nbsp;</div>');
+
+      if (session_storage['side-info'] == undefined && p_pict_descr == 'off') {
+        session_storage['side-info'] = 'hidden';
+      }
+
+      if (session_storage['side-info'] == 'hidden') {
+        hideInfo(0);
+      }
+      else {
+        showInfo(0);
+      }
+
+      infoswitcher.click(function(e){
+        if (imageInfos.is(":hidden")) {
+          showInfo(0);
+        }
+        else {
+          hideInfo(0);
+        }
+        e.preventDefault();
+      });
+    }
+
+    // comments show/hide
+    if (comments.length == 1 && p_pict_comment!="disabled") {
+      commentsswitcher=jQuery("#commentsSwitcher");
+      comments_button=jQuery("#comments h3");
+      comments_add=jQuery('#commentAdd');
+
+      commentsswitcher.html('<div class="switchArrow">&nbsp;</div>');
+
+      if (comments_button.length == 0) {
+        jQuery("#addComment").before("<h3>Comments</h3>");
+        comments_button=jQuery("#comments h3");
+      }
+
+      if (session_storage['comments'] == undefined && p_pict_comment == 'off') {
+        session_storage['comments'] = 'hidden';
+      }
+
+      if (session_storage['comments'] == 'hidden') {
+        comments.addClass("commentshidden");
+        comments_button.addClass("comments_toggle comments_toggle_on");
+      }
+      else {
+        comments.addClass("commentsshown");
+        comments_button.addClass("comments_toggle comments_toggle_off");
+      }
+
+      comments_button.click(commentsToggle);
+      commentsswitcher.click(commentsToggle);
+
+      jQuery(window).scroll(function (event) {
+        if (comments_top_offset==0) return;
+
+        var y = jQuery(this).scrollTop();
+
+        if (y >= comments_top_offset) {
+          comments_add.css({
+            'position': 'absolute',
+            'top': y-comments.offset().top+10
+          });
+        }
+        else {
+          comments_add.css({
+            'position': 'static',
+            'top': 0
+          });
+        }
+      });
+
+      if (comments_add.is(":visible")) {
+        comments_top_offset = comments_add.offset().top - parseFloat(comments_add.css('marginTop').replace(/auto/, 0));
+      }
+    }
+  });
+}());
Index: /extensions/Junk/junk.php
===================================================================
--- /extensions/Junk/junk.php	(revision 28081)
+++ /extensions/Junk/junk.php	(revision 28081)
@@ -0,0 +1,51 @@
+<?php
+if (!defined('PHPWG_ROOT_PATH')) die('Hacking attempt!');
+
+global $conf, $template;
+	$params = array_merge(unserialize($conf['Junk']));
+	
+  $c=	array(	'#ffffff','#000000','#008000','#ff8a00','#dadada','#696868','#252525','#8e8e8e','#838383','#686868','#053000','#56c056','#30c030','#186018','#e32119',
+				'#135384','#f1817b','#f15850','#aa3e39','#940f08','#cd0074','#00cc00','#e667af','#992667','#85004b','#ffff40','#f8bedf','#e765b2','#ce34b6','#fff896',
+				'#11808a','#e32319','#06535a','#236267','#43bac5','#66bcc5','#585858','#112222','#505050','#acacac','#424242','#353535','#808080','#ffff00','#fb008e',
+				'#ffd100','#ffff73','#fda200','#42036f','#6d9c00','#2a014b','#4c2d64','#7f31b7','#8e55b7',
+  );  
+
+  $color = array( 
+	'green' 	 	=> array($c[0] ,$c[2] ,$c[3] ,$c[4] ,$c[5], $c[6], $c[0], ),                        
+	'dark_green'	=> array($c[1] ,$c[2] ,$c[3] ,$c[7] ,$c[8], $c[9], $c[0], ),
+	'greene' 	   	=> array($c[10],$c[2] ,$c[3] ,$c[11],$c[12],$c[13],$c[0], ),                        
+	'light_greene'	=> array($c[0] ,$c[2] ,$c[3] ,$c[12],$c[13],$c[10],$c[0], ),                        
+	'red' 		 	=> array($c[0] ,$c[14],$c[15],$c[4] ,$c[5], $c[6], $c[0], ),
+	'dark_red'	 	=> array($c[1] ,$c[14],$c[15],$c[7] ,$c[8], $c[9], $c[0], ),
+	'rede'		 	=> array($c[19],$c[14],$c[15],$c[16],$c[17],$c[18],$c[0], ),
+	'light_rede' 	=> array($c[0] ,$c[14],$c[15],$c[17],$c[18],$c[19],$c[0], ),
+	'pink' 		 	=> array($c[0] ,$c[20],$c[21],$c[4] ,$c[5], $c[6], $c[0], ), 
+	'dark_pink'  	=> array($c[1] ,$c[20],$c[21],$c[7] ,$c[8], $c[9], $c[0], ),
+	'pinki' 		=> array($c[22],$c[20],$c[21],$c[22],$c[23],$c[24],$c[25],),                   
+	'light_pinki'	=> array($c[0] ,$c[20],$c[21],$c[26],$c[27],$c[28],$c[29],),                   
+	'blue' 		 	=> array($c[0] ,$c[30],$c[31],$c[4] ,$c[5], $c[6], $c[0], ), 
+	'dark_blue'  	=> array($c[1] ,$c[30],$c[31],$c[7] ,$c[8], $c[9], $c[0], ),
+	'blube' 		=> array($c[32],$c[30],$c[31],$c[33],$c[34],$c[35],$c[0], ),                   
+	'light_blube'	=> array($c[0] ,$c[30],$c[31],$c[34],$c[35],$c[32],$c[0], ), 
+	'gray' 		 	=> array($c[0] ,$c[36],$c[37],$c[4] ,$c[5], $c[6], $c[0], ), 
+	'dark_gray'  	=> array($c[1] ,$c[36],$c[37],$c[7] ,$c[8], $c[9], $c[0], ),
+	'grayb' 		=> array($c[38],$c[36],$c[37],$c[39],$c[40],$c[41],$c[0], ),                   
+	'light_grayb'	=> array($c[0] ,$c[36],$c[37],$c[40],$c[41],$c[38],$c[0], ),                   
+	'black' 	 	=> array($c[0] ,$c[1] ,$c[42],$c[4] ,$c[5], $c[6], $c[0], ), 
+	'dark_black'  	=> array($c[1] ,$c[1] ,$c[42],$c[7] ,$c[8], $c[9], $c[0], ),
+	'white' 		=> array($c[0] ,$c[0] ,$c[42],$c[4] ,$c[5], $c[6], $c[1], ),                   
+	'dark_white'	=> array($c[1] ,$c[0] ,$c[42],$c[7] ,$c[8], $c[9], $c[1], ), 
+	'yellow' 	 	=> array($c[0] ,$c[43],$c[44],$c[4] ,$c[5], $c[6], $c[1], ),                        
+	'dark_yellow'	=> array($c[1] ,$c[43],$c[44],$c[7] ,$c[8], $c[9], $c[1], ),
+	'yello' 	   	=> array($c[45],$c[43],$c[44],$c[46],$c[25],$c[47],$c[1], ),                        
+	'light_yello'	=> array($c[0] ,$c[43],$c[44],$c[25],$c[47],$c[45],$c[1], ),                        
+ 	'purple' 	 	=> array($c[0] ,$c[48],$c[49],$c[4] ,$c[5], $c[6], $c[0], ),                        
+	'dark_purple'	=> array($c[1] ,$c[48],$c[49],$c[7] ,$c[8], $c[9], $c[0], ),
+	'purp' 	   		=> array($c[50],$c[48],$c[49],$c[53],$c[52],$c[51],$c[0], ),                        
+	'light_purp'	=> array($c[0] ,$c[48],$c[49],$c[52],$c[51],$c[50],$c[0], ),                        
+  );
+
+   $style = $params['style'];
+	$col = $color[$style];
+	
+	$template->assign('junk', $col);
Index: /extensions/Junk/local_head.tpl
===================================================================
--- /extensions/Junk/local_head.tpl	(revision 28081)
+++ /extensions/Junk/local_head.tpl	(revision 28081)
@@ -0,0 +1,13 @@
+{combine_script id='hoverIntent' load='footer' require='jquery' path='themes/Junk/js/jquery.hoverIntent.js'}
+{combine_script id='columnizer' load='footer' require='jquery' path='themes/Junk/js/jquery.columnizer.js'}
+{combine_script id='menu' load='footer' require='jquery' path='themes/Junk/js/menu.js'}
+{combine_script id='punk' load='footer'  path='themes/Junk/js/junk.js'}
+{footer_script}
+  var  p_pict_descr = "on", p_pict_comment = "off";
+{/footer_script}
+
+{if $BODY_ID=='thePicturePage'}
+	{combine_script id='scripts_pp' load='footer' require='jquery' path='themes/junk/js/scripts_pp.js'}
+{/if}
+
+{combine_css id='color' path='themes/Junk/theme_color.css' template=true}
Index: /extensions/Junk/template/header.tpl
===================================================================
--- /extensions/Junk/template/header.tpl	(revision 28081)
+++ /extensions/Junk/template/header.tpl	(revision 28081)
@@ -0,0 +1,99 @@
+﻿<!DOCTYPE html>
+<html lang="{$lang_info.code}" dir="{$lang_info.direction}">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset={$CONTENT_ENCODING}">
+<meta name="generator" content="Piwigo (aka PWG), see piwigo.org">
+{if isset($meta_ref) } 
+{if isset($INFO_AUTHOR)}
+<meta name="author" content="{$INFO_AUTHOR|@strip_tags:false|@replace:'"':' '}">
+{/if}
+{if isset($related_tags)}
+<meta name="keywords" content="{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}{$tag.name}{/foreach}">
+{/if}
+{if isset($COMMENT_IMG)}
+<meta name="description" content="{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{else}
+<meta name="description" content="{$PAGE_TITLE}{if isset($INFO_FILE)} - {$INFO_FILE}{/if}">
+{/if}
+{/if}
+<title>{if $PAGE_TITLE!=l10n('Home') && $PAGE_TITLE!=$GALLERY_TITLE}{$PAGE_TITLE} | {/if}{$GALLERY_TITLE}</title>
+<link rel="shortcut icon" type="image/x-icon" href="{$ROOT_URL}{$themeconf.icon_dir}/favicon.ico">
+
+<link rel="start" title="{'Home'|@translate}" href="{$U_HOME}" >
+<link rel="search" title="{'Search'|@translate}" href="{$ROOT_URL}search.php" >
+{if isset($first.U_IMG)   }<link rel="first" title="{'First'|@translate}" href="{$first.U_IMG}" >{/if}
+{if isset($previous.U_IMG)}<link rel="prev" title="{'Previous'|@translate}" href="{$previous.U_IMG}" >{/if}
+{if isset($next.U_IMG)    }<link rel="next" title="{'Next'|@translate}" href="{$next.U_IMG}" >{/if}
+{if isset($last.U_IMG)    }<link rel="last" title="{'Last'|@translate}" href="{$last.U_IMG}" >{/if}
+{if isset($U_UP)          }<link rel="up" title="{'Thumbnails'|@translate}" href="{$U_UP}" >{/if}
+
+{get_combined_css}
+{foreach from=$themes item=theme}
+{if $theme.load_css}
+{combine_css path="themes/`$theme.id`/theme.css" order=-10}
+{/if}
+{if !empty($theme.local_head)}{include file=$theme.local_head load_css=$theme.load_css}{/if}
+{/foreach}
+
+
+{if isset($U_PREFETCH)}<link rel="prefetch" href="{$U_PREFETCH}">{/if}
+{if isset($U_CANONICAL)}<link rel="canonical" href="{$U_CANONICAL}">{/if}
+
+{if not empty($page_refresh)    }<meta http-equiv="refresh" content="{$page_refresh.TIME};url={$page_refresh.U_REFRESH}">{/if}
+
+{get_combined_scripts load='header'}
+<!--[if lt IE 7]>
+<script type="text/javascript" src="{$ROOT_URL}themes/default/js/pngfix.js"></script>
+<![endif]-->
+
+{combine_script id="jquery" load="footer"}
+
+{if not empty($head_elements)}
+	{foreach from=$head_elements item=elt}{$elt}
+	{/foreach}
+{/if}
+
+</head>
+
+<body id="{$BODY_ID}" data-color={$junk.1}>
+<div id="the_page">
+
+{if not empty($header_msgs)}
+<div class="header_msgs">
+	{foreach from=$header_msgs item=elt}
+	{$elt}<br>
+	{/foreach}
+</div>
+{/if}
+
+<div id="box_wrapper">
+	<div id="box">
+		<div>
+			<div id="box_bg_wrapper"></div>
+			<div class="box_content ident">
+			{include file='menubar_identification.tpl'}
+			</div>
+			<div class="box_content regis">
+			{include file='quickregister.tpl'}
+			</div>
+
+		</div>
+	</div>
+</div>
+
+<div id="theHeader">
+<div id="header_content">
+	<div id="header_title">
+	{$PAGE_BANNER}
+	</div>
+</div>
+</div>
+
+{if isset($theSwiftHeader)}{$theSwiftHeader}{/if}
+{if not empty($header_notes)}
+<div class="header_notes">
+	{foreach from=$header_notes item=elt}
+	<p>{$elt}</p>
+  	{/foreach}
+</div>
+{/if}
Index: /extensions/Junk/template/mainpage_categories.tpl
===================================================================
--- /extensions/Junk/template/mainpage_categories.tpl	(revision 28081)
+++ /extensions/Junk/template/mainpage_categories.tpl	(revision 28081)
@@ -0,0 +1,39 @@
+{define_derivative name='junk' width='400' height='300' min_width='400' min_height='300' crop=false}
+
+
+<ul class="thumbnailCategories">
+{foreach from=$category_thumbnails item=cat name=cat_loop}
+{assign var=derivative value=$pwg->derivative($junk, $cat.representative.src_image)}
+{if !$derivative->is_cached()}
+{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
+{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
+{/if}
+	<li class="{if $smarty.foreach.cat_loop.index is odd}odd{else}even{/if}">
+		<div class="thumbnailCategory">
+			<div class="description">
+				<h3>
+					<a href="{$cat.URL}">{$cat.NAME}</a>
+					{if !empty($cat.icon_ts)}
+					<img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" alt="(!)">
+					{/if}
+				</h3>
+				<div class="info">
+						{if isset($cat.INFO_DATES) }
+						<p class="dates">{$cat.INFO_DATES}</p>
+						{/if}
+						<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
+						{if not empty($cat.DESCRIPTION)}
+						<p>{$cat.DESCRIPTION}</p>
+						{/if}
+				</div>
+			</div>			
+			<div class="illustration">
+			<a href="{$cat.URL}">
+				<img {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-small.gif" data-src="{$derivative->get_url()}"{/if} alt="{$cat.TN_ALT}" title="{$cat.NAME|@replace:'"':' '|@strip_tags:false} - {'display this album'|@translate}">
+			</a>
+			</div>
+
+		</div>
+	</li>
+{/foreach}
+</ul>
Index: /extensions/Junk/template/menubar.tpl
===================================================================
--- /extensions/Junk/template/menubar.tpl	(revision 28081)
+++ /extensions/Junk/template/menubar.tpl	(revision 28081)
@@ -0,0 +1,58 @@
+<div id="header_manage">
+	<span id="menu_start">
+		<a href="index.php?/categories"></a>
+	</span>
+	<span id="connect" class="hm_link {if isset($U_LOGIN)}unloged{/if}"><p>{if isset($U_LOGIN)}{'Login'|@translate}{else}<a href="{$U_LOGOUT}">{'Logout'|@translate}</a>{/if}</p></span>
+	{if isset($U_REGISTER)}
+	<span class="hm_link register">
+		<p><a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" rel="nofollow">{'Register'|@translate}</a></p>
+	</span>
+	{/if}
+	{if isset($USERNAME)}
+	<div class="hm_link logeduser">
+	<span>
+	<p>{'Hello'|@translate} {$USERNAME} !</p>
+	</span>
+	<div id="userlog">
+	<ul>
+	{if isset($U_PROFILE)}
+	<li><a href="{$U_PROFILE}" title="{'customize the appareance of the gallery'|@translate}">{'Customize'|@translate}</a></li>
+	{/if}
+	{if isset($U_ADMIN)}
+	<li><a href="{$U_ADMIN}" title="{'available for administrators only'|@translate}">{'Administration'|@translate}</a></li>
+	{/if}
+	</ul>
+	</div>
+	</div>
+	{/if}
+
+		<div id="search">
+			<form action="{$ROOT_URL}qsearch.php" method="get" id="quicksearch" onsubmit="return this.q.value!='' && this.q.value!=qsearch_prompt;">
+				<p style="margin:0;padding:0"{*this <p> is for html validation only - does not affect positioning*}>
+					<input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;" />
+					<input type="submit" value=" " id="go"/>	
+				</p>
+			</form>
+			<script type="text/javascript">var qsearch_prompt="{'Quick search'|@translate|@escape:'javascript'}"; document.getElementById('qsearchInput').value=qsearch_prompt;</script>
+		</div>
+
+</div>
+<div id=nav_wrapper>	
+
+	<div id="menu" >
+		<ul id="topnav">
+					<li id="firstli"></li>
+				{foreach from=$blocks key=id item=block}
+					<li id="{$id}" class="liSub">
+						{if not empty($block->template)}
+							{include file=$block->template|@get_extent:$id }
+						{else}
+							{$block->raw_content}
+						{/if}
+					<div class="canvas">
+					</div>
+					</li>
+				{/foreach}
+		</ul>
+	</div>
+</div>
Index: /extensions/Junk/template/menubar_categories.tpl
===================================================================
--- /extensions/Junk/template/menubar_categories.tpl	(revision 28081)
+++ /extensions/Junk/template/menubar_categories.tpl	(revision 28081)
@@ -0,0 +1,44 @@
+<dt class="dd_wrapper">{'Albums'|@translate}</dt>
+	
+<dd class="sub">
+	<div id="menu_cat_act">
+		<div id="nbImg">
+			<p class="totalImages">{$block->data.NB_PICTURE|@translate_dec:'%d photo':'%d photos'}</p>
+		</div>
+		<div id="filter">
+			{if isset($U_START_FILTER)}
+			<a href="{$U_START_FILTER}" class="pwg-state-default pwg-button menubarFilter" title="{'display only recently posted photos'|@translate}" rel="nofollow">
+				<span class="pwg-icon pwg-icon-filter"> </span>
+			</a>
+			{/if}
+			
+			{if isset($U_STOP_FILTER)}
+				<a href="{$U_STOP_FILTER}" class="pwg-state-default pwg-button menubarFilter" title="{'return to the display of all photos'|@translate}">
+				<span class="pwg-icon pwg-icon-filter-del"> </span>
+				</a>
+			{/if}
+		</div>
+	</div>
+	<div class="mcol">
+	{assign var='ref_level' value=0}	
+	{foreach from=$block->data.MENU_CATEGORIES item=cat}
+		{if $cat.LEVEL > $ref_level}
+			<ul>
+		{else}
+			</li>
+			{'</ul></li>'|@str_repeat:($ref_level-$cat.LEVEL)}
+		{/if}
+			<li {if $cat.SELECTED}class="selected dontsplit"{/if}class="level{$cat.LEVEL} dontsplit">
+				<a href="{$cat.URL}" {if $cat.IS_UPPERCAT}rel="up"{/if} title="{$cat.TITLE}" >{$cat.NAME}</a>
+				{if $cat.count_images > 0}
+					<span class="{if $cat.nb_images > 0}menuInfoCat{else}menuInfoCatByChild{/if}" title="{$cat.TITLE}">[{$cat.count_images}]</span>
+				{/if}
+				
+				{if !empty($cat.icon_ts)}
+					<img title="{$cat.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent{if $cat.icon_ts.IS_CHILD_DATE}_by_child{/if}.png" class="icon" alt="(!)">
+				{/if}
+		{assign var='ref_level' value=$cat.LEVEL}
+	{/foreach}
+	{'</li></ul>'|@str_repeat:$ref_level}	
+	</div>
+</dd>
Index: /extensions/Junk/template/menubar_identification.tpl
===================================================================
--- /extensions/Junk/template/menubar_identification.tpl	(revision 28081)
+++ /extensions/Junk/template/menubar_identification.tpl	(revision 28081)
@@ -0,0 +1,47 @@
+<dd>
+	{if isset($U_LOGIN)}
+{strip}
+	<form method="post" action="{$U_LOGIN}" id="quickconnect">
+	<div>
+	<label for="username">{'Username'|@translate}</label><br>
+	<input type="text" name="username" id="username" value="" style="width:99%">
+	</div>
+
+	<div><label for="password">{'Password'|@translate}</label><br>
+	<input type="password" name="password" id="password" style="width:99%">
+	</div>
+
+	{if $AUTHORIZE_REMEMBERING}
+	<div>
+	<span>
+	<label for="remember_me">
+	<input type="checkbox" name="remember_me" id="remember_me" value="1"> {'Auto login'|@translate}
+	</label></span></div>
+	{/if}
+
+	<div>
+	<input type="hidden" name="redirect" value="{$smarty.server.REQUEST_URI|@urlencode}">
+	<input type="submit" name="login" value="{'Submit'|@translate}">
+	
+	<span class="categoryActions">
+	{if isset($U_REGISTER)}
+		<span>
+			<a href="{$U_REGISTER}" title="{'Create a new account'|@translate}" class="pwg-state-default pwg-button">
+				<span >{'Create a new account'|@translate}</span>
+			</a>
+		</span>
+	{/if}
+		<span>
+			<a href="{$U_LOST_PASSWORD}" title="{'Forgot your password?'|@translate}" class="pwg-state-default pwg-button">
+				<span>{'Forgot your password?'|@translate}</span>
+			</a>
+		<span>
+	</span>
+	
+	
+	</div>
+
+	</form>
+{/strip}
+	{/if}
+</dd>
Index: /extensions/Junk/template/menubar_menu.tpl
===================================================================
--- /extensions/Junk/template/menubar_menu.tpl	(revision 28081)
+++ /extensions/Junk/template/menubar_menu.tpl	(revision 28081)
@@ -0,0 +1,10 @@
+<dt>{'Menu'|@translate}</dt>
+<dd>
+	<ul>{strip}
+	{foreach from=$block->data item=link}
+		{if is_array($link)}
+			<li><a href="{$link.URL}" title="{$link.TITLE}"{if isset($link.REL)} {$link.REL}{/if}>{$link.NAME}</a></li>
+		{/if}
+	{/foreach}
+	{/strip}</ul>
+</dd>
Index: /extensions/Junk/template/quickregister.tpl
===================================================================
--- /extensions/Junk/template/quickregister.tpl	(revision 28081)
+++ /extensions/Junk/template/quickregister.tpl	(revision 28081)
@@ -0,0 +1,41 @@
+<form id="quickregister" method="post" action="{$U_REGISTER}" class="properties" name="register_form">
+
+      <div>
+       <label for="login">* {'Username'|@translate}</label>
+        <input type="text" name="login" id="login" value="" >
+      </div>
+      <div>
+        <label for="password">* {'Password'|@translate}</label>
+        <input type="password" name="password" id="password" >
+      </div>
+      <div>
+        <label for="password_conf">* {'Confirm Password'|@translate}</label>
+        <input type="password" name="password_conf" id="password_conf" >
+      </div>
+      <div>
+          <label for="mail_address">{if $obligatory_user_mail_address}* {/if}{'Email address'|@translate}</label>
+        </span>
+        <input type="text" name="mail_address" id="mail_address" value="" >
+      {if not $obligatory_user_mail_address}
+        ({'useful when password forgotten'|@translate})
+      {/if}
+	  </div>
+      <div>
+        <span class="property">
+          <label for="send_password_by_mail">{'Send my connection settings by email'|@translate}</label>
+        </span>
+        <input type="checkbox" name="send_password_by_mail" id="send_password_by_mail" value="1" checked="checked">
+      </div>
+    </ul>
+
+
+  <div>
+		<input type="hidden" name="key" value="{$F_KEY}" >
+    <input class="submit" type="submit" name="submit" value="{'Register'|@translate}">
+	<span class="categoryActions">
+    <input class="submit" type="reset" value="{'Reset'|@translate}">
+	</span>
+  </div>
+
+</form>
+
Index: /extensions/Junk/template/thumbnails.tpl
===================================================================
--- /extensions/Junk/template/thumbnails.tpl	(revision 28081)
+++ /extensions/Junk/template/thumbnails.tpl	(revision 28081)
@@ -0,0 +1,62 @@
+{if !empty($thumbnails)}{strip}
+{*define_derivative name='derivative_params' width=160 height=90 crop=true*}
+{html_style}
+{*Set some sizes according to maximum thumbnail width and height*}
+.thumbnails SPAN,
+.thumbnails .wrap2 A,
+.thumbnails LABEL{ldelim}
+	width: {$derivative_params->max_width()+2}px;
+}
+
+.thumbnails .wrap2{ldelim}
+	height: {$derivative_params->max_height()+3}px;
+}
+{if $derivative_params->max_width() > 600}
+.thumbLegend {ldelim}font-size: 130%}
+{else}
+{if $derivative_params->max_width() > 400}
+.thumbLegend {ldelim}font-size: 110%}
+{else}
+.thumbLegend {ldelim}font-size: 90%}
+{/if}
+{/if}
+{/html_style}
+{footer_script}
+  var error_icon = "{$ROOT_URL}{$themeconf.icon_dir}/errors_small.png", max_requests = {$maxRequests};
+{/footer_script}
+{foreach from=$thumbnails item=thumbnail}
+{assign var=derivative value=$pwg->derivative($derivative_params, $thumbnail.src_image)}
+{if !$derivative->is_cached()}
+{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}
+{combine_script id='thumbnails.loader' path='themes/default/js/thumbnails.loader.js' require='jquery.ajaxmanager' load='footer'}
+{/if}
+<li>
+	<span class="wrap1">
+		<span class="wrap2">
+		<a href="{$thumbnail.URL}">
+			<img class="thumbnail" {if $derivative->is_cached()}src="{$derivative->get_url()}"{else}src="{$ROOT_URL}{$themeconf.icon_dir}/img_small.png" data-src="{$derivative->get_url()}"{/if} alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}">
+		</a>
+		</span>
+		{if $SHOW_THUMBNAIL_CAPTION }
+		<span class="thumbLegend">
+		<span class="thumbName">{$thumbnail.NAME}</span>
+		{if !empty($thumbnail.icon_ts)}
+		<img title="{$thumbnail.icon_ts.TITLE}" src="{$ROOT_URL}{$themeconf.icon_dir}/recent.png" alt="(!)">
+		{/if}
+		{if isset($thumbnail.NB_COMMENTS)}
+		<span class="{if 0==$thumbnail.NB_COMMENTS}zero {/if}nb-comments">
+		{$pwg->l10n_dec('%d comment', '%d comments',$thumbnail.NB_COMMENTS)}
+		</span>
+		{/if}
+
+		{if isset($thumbnail.NB_HITS)}
+		<span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
+		{$pwg->l10n_dec('%d hit', '%d hits',$thumbnail.NB_HITS)}
+		</span>
+		{/if}
+		</span>
+		{/if}
+	</span>
+	</li>
+{/foreach}{/strip}
+{/if}
Index: /extensions/Junk/theme.css
===================================================================
--- /extensions/Junk/theme.css	(revision 28081)
+++ /extensions/Junk/theme.css	(revision 28081)
@@ -0,0 +1,495 @@
+BODY 																{margin:0px}
+FIELDSET, INPUT, SELECT, TEXTAREA, .content .commentElement 		{border:none}
+INPUT[type="button"], INPUT[type="submit"], 
+INPUT:focus															{outline-style:none}
+
+A:hover 															{border-bottom-style:solid; border-width:1px}
+A.pwg-state-default 												{border:none}
+A.navThumb, A.navThumb:hover 										{border-bottom:none}
+
+div#the_page, div#page_content										{position:relative}
+
+#content, #imageToolBar, .switchBox 									{border-style:solid; border-width:1px}
+div#content 															{margin:0 auto;width:80%}
+div#content .titrePage												{padding:0}
+div#content #piwigoAbout, div#content .notification,
+div#content #fullTagCloud, div#content #comments,
+div#content form														{margin:15px 5px;width:auto;padding:20px 10px}
+div#content .illustration a											{border:none}
+
+div#content .navigationBar, SPAN.calItem, TD.calDayCellEmpty {
+    margin: 					10px 0 0;
+    padding: 					0;
+    width: 						100%;
+	line-height:				20px
+}
+
+.contentWithMenu			{margin:0}
+.calItem, .calItemEmpty 		{border:none}
+
+
+/* icons */ 
+.pwg-icon					{background-image: url(icon/icons_sprite.png)}
+A:hover .pwg-icon 			{background-image: url(icon/icons_sprite-hover.png)}
+
+
+/*header title*/
+div#theHeader				{position:relative;top:0}
+div#header_content {
+    position:                   relative;
+    z-index:                    2000;
+    margin:                     0 auto;
+	display:					table;
+}
+div#header_title {
+    display:                    table;
+    margin:                     0 auto;
+    text-align:                 center;
+    padding:                    0 10px
+}
+div#header_title h1 			{font-size:4em}
+div#header_title h1 a 		{color:#252525}
+div#header_title p		 	{font-size:1.5em}
+div#header_title a:hover		{text-decoration:none;border:none}
+
+#slideshow #theImage 		{width:100%;margin:auto;overflow:visible}
+#theImage.infohidden 		{width:100%}
+
+.commentsList .actions a 	{margin:0 5px}
+
+.calendarCalBar 				{margin:10px}
+
+#copyright					{margin-top:15px}
+
+
+/*menu*/
+
+div#header_manage {
+    width:                      100%;
+    top:                        0;
+    position:                   absolute;
+    height:                     40px;
+	margin-bottom:				10px;
+	z-index:					100
+}
+div#header_manage > span 	{float:left;padding:0 10px;margin:0 2px}
+div#header_manage p 			{margin:11px 0}
+
+div#header_manage #menu_start {
+    display:                    block;
+    height:                     30px;
+    margin-top:                 4px ! important;
+    width:                      85px;
+}
+div#header_manage #menu_start a{
+	background:url("images/home_w.png") no-repeat;
+    width:                      32px;
+    height:                     32px;
+    margin:                     0 20px 0 25px;
+    display:                    block;
+    line-height:                46px;
+}
+div#header_manage #menu_start a:hover{background-position:left -32px}
+div#header_manage a:hover, div#header_manage .logeduser span p:hover, 
+div#header_manage .unloged p:hover {border-bottom-style:solid;border-width:1px}
+div#header_manage .hm_link{
+	cursor:                     pointer;
+    height:                     40px;
+    display:                    table;
+    padding:                    0 10px;
+    float:                      left;
+    position:                   relative;
+}
+div#header_manage #userlog {
+    position:                   absolute;
+    top:                        40px;
+    width:                      auto;
+    left:                       0;
+    display:                    none;
+}
+div#header_manage #userlog  li  		{list-style:none outside none}
+div#header_manage #userlog  ul 		{padding:0 10px}
+
+div#header_manage #search {
+    position:                   absolute;
+    width:                      240px;
+    right:                      0;
+    margin-top:                 4px;
+    height:                     22px;
+    display:                    inline-block;
+}
+div#header_manage form#quicksearch 	{float:left;width:240px}
+div#header_manage #quicksearch input[type="text"] {
+    float:                      left;
+    width:                      172px;
+    height:                     22px;
+    padding:                    0 0 0 4px;
+    margin:                     4px 1px 0 0;
+    border:                     0px none;
+    font-size:                  13px;
+}
+div#header_manage #quicksearch input[type="submit"] {
+    float:                      left;
+    padding:                    0;
+    border:                     0 none;
+    height:                     22px;
+    width:                      23px;
+    background:                 url("images/search.png") no-repeat ;
+    cursor:                     pointer;
+    margin:                     4px 2px 0;
+}
+
+div#nav_wrapper {
+    width:                      100%;
+    z-index:                    1000;
+    left:                       0;
+    min-width:                  1000px;
+    height:                     100px;
+    text-align:                 center;
+    font-size:                  22px;
+    margin:                     0 0 50px;
+    color:                      rgb(255, 255, 255);
+}
+div#menu {
+    line-height:                30px;
+    text-decoration:            none;
+    text-transform:             uppercase;
+    padding:                    0px;
+    height:                     100%;
+	position:					relative
+}
+ul#topnav {
+    margin:                     0px;
+    padding:                    0px 2px 0px 0px;
+    list-style:                 none outside none;
+    z-index:                    999;
+    display:                    inline-block;
+    height:                     100%;
+}
+ul#topnav  #firstli{
+	height:100%;
+	width:1px;
+	border-right:               1px solid #dadada;
+	float:left
+	}
+ul#topnav .liSub {
+    font-size:                  1.2em;
+    float:                      left;
+    border-right-style:         solid;
+	border-width:				1px;
+    height:                     100px;
+	cursor:						pointer;
+}
+ul#topnav .liSub dt 			{position:relative;z-index:110;margin:30px 10px 0px}
+ul#topnav  .liSub canvas		{position:absolute;left:0;top:80px}
+ul#topnav .canvas			{left:0;overflow:hidden;position:absolute;top:0}
+
+ul#topnav li .sub{
+	width:						100%;
+	left:						0;
+    position:                   absolute;
+    top:                        100px;
+    margin-left:                0px;
+    padding:                    5px 0 10px;
+    z-index:                    100;
+	opacity:					0;
+	cursor:						default;
+}
+ul#topnav li .sub a:hover		{border:none}
+ul#topnav li .sub .level1 > ul	{margin:15px 0 0 15px}
+
+div#menu_cat_act {
+    border-bottom-style:        solid;
+	border-width:				1px;
+	margin-bottom:              5px;
+    height:                     30px;
+}
+div#menu_cat_act #filter 	{width:26px;height:26px;padding-left:2px}
+div#menu_cat_act #nbImg 		{float:right}
+div#menu_cat_act #nbImg p	{font-size:0.5em;margin:0 20px}
+
+ul#topnav li .sub ul {
+    list-style:                 none outside none;
+    margin:                     0 5px;
+    padding:                    0;
+}
+ul#topnav .sub ul li{
+    width:                      100%;
+    background:                 none repeat scroll 0px 0px rgba(255,255,255,0.1);
+	font-size:                  0.8em;
+    margin-bottom:              2px;
+	text-align:					left;
+}
+ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover 	{cursor:pointer}
+
+ul#topnav .sub ul li a{
+    height:                     auto;
+    margin:                     0 8px;
+    display:                    block;
+    padding:                    0 0 0 12px;
+    line-height:                35px;
+	display:					inline-block;
+	font-size:					1.4em;
+}
+
+
+/*box login/register*/
+
+div#box_wrapper {
+    position:                   fixed;
+    background:                 rgba(0, 0, 0, 0.9);
+    z-index:                    2110;
+    top:                        0;
+    left:                       0;
+    text-align:                 center;
+    height:                     100%;
+    width:                      100%;
+    display:                    none;
+}
+div#box_wrapper #box_bg_wrapper {
+    width:                      100%;
+    height:                     100%;
+    left:                       0;
+    display:                    block;
+    position:                   absolute;
+    top:                        0;
+    z-index:                    100;
+}
+div#box_wrapper #box {
+    z-index:                    1110;
+    position:                   relative;
+    display:                    table;
+    text-align:                 center;
+    height:                     100%;
+    width:                      100%;
+}
+div#box_wrapper #box > div {
+    display:                    table-cell;
+    vertical-align:             middle;
+    height:                     100%;
+    width:                      100%;
+}
+div#box_wrapper .box_content {
+    margin:                     0 auto;
+    text-align:                 left;
+    max-width:                  1200px;
+    border:                     1px solid;
+    z-index:                    110;
+    position:                   relative;
+    width:                      90%;
+}
+div#box_wrapper #quickregister DIV {
+    margin: 					8px 5px;
+    padding: 					0;
+}
+div#box_wrapper .categoryActions > span, div#box_wrapper .categoryActions input[type="reset"] {
+    display:                    block;
+    padding:                    5px;
+    margin-bottom:              4px;
+    font-size:                  0.8vw;
+	border:						none;
+}
+div#box_wrapper input[type="text"], div#box_wrapper input[type="password"]{
+	background:                 transparent;
+    border-width:               medium medium 0.5vw;
+    border-style:              	none none dotted;
+    font-size:                 	8vw;
+	width:						99%;
+}
+div#box_wrapper input[type="submit"] {
+    border:                     none;
+    font-size:                  3vw;
+	cursor:						pointer
+}
+
+/*categories*/
+ul.thumbnailCategories{
+	padding-left:				0.25%;
+	padding-top:				10px
+}
+ul.thumbnailCategories li {
+    float:                      left;
+    height:                     370px;
+	margin-top:                 2px;
+	margin-left:				0;
+	margin-right:				0.25%;
+	margin-bottom:				2px;
+    width:                      33%;
+}
+ul.thumbnailCategories .illustration			{text-align:center;width:100%}
+ul.thumbnailCategories .info 				{float:right;line-height:20px;height:40px;padding:0 4px}
+ul.thumbnailCategories .description 			{margin:0 0 10px;height:40px}
+ul.thumbnailCategories .description H3		{float:left}
+ul.thumbnailCategories .thumbnailCategory 	{margin:0;padding:0}
+
+
+/*thumbnail*/
+
+ul.thumbnails 					{padding-top:10px}
+ul.thumbnails .wrap2 			{border:none;border-radius:0}
+ul.thumbnails span.thumbLegend 	{height:auto}
+ul.thumbnails .thumbLegend span	{display:block}
+ul.thumbnails .thumbName 		{display:block;line-height:20px}
+
+
+/* picture page */
+
+.contentWithMenu #imageHeaderBar {padding:0}
+#imageHeaderBar  				{padding:0 0 0 10px;width:auto}
+#imageHeaderBar h2  				{font-size:100%;font-weight:inherit}
+
+#imageHeaderBar .browsePath {
+    display: 					inline-block;
+    float: 						left;
+    font-size: 					120%;
+    font-weight: 				bold;
+    line-height: 				28px;
+    margin: 					0;
+    padding: 					0 0 0 10px;
+}
+#imageToolBar .imageNumber {
+    display: 					inline-block;
+    float: 						right;
+    line-height:				29px;
+    margin: 					-1px -1px 0 20px;
+    min-width: 					40px;
+    text-align: 				center;
+}
+#imageToolBar  { 
+	border:						none;
+	margin-top: 				-28px; 
+	margin-bottom: 				0; 
+	float: 						right;
+}
+#thePicturePage .pwg-button 		{width:26px}
+#thePicturePage .actionButtons 	{margin-right:26px}
+
+
+/* image infos */
+
+#theImageAndInfos {
+	display: 					block;
+	width: 						auto;
+	position: 					relative;
+	margin:						0 5px 20px 5px;
+}
+#theImage {
+    display: 					inline-block;
+    margin-top: 				10px;
+    overflow: 					auto;
+    padding: 					10px 0 5px;
+    vertical-align:				top;
+    width: 						75%;
+}
+
+#imageInfos {
+	display:					inline-block;
+	width: 						24.5%;
+	vertical-align: 			top;
+	padding-top: 				35px;
+	padding-bottom: 			5px;
+	margin: 					10px 0 10px 0.5%;
+	word-wrap:					break-word;
+}
+#imageInfos h3 						{margin:20px 0 10px}
+
+#imageInfos .navThumbs 				{width:280px;height:130px;margin:auto;padding:0 5px}
+#imageInfos .navThumb  				{position:relative;margin:0;overflow:hidden}
+#imageInfos #linkPrev  				{float:left}
+#imageInfos #linkNext 				{float:right}
+#imageInfos .prevThumbHover  		{background:transparent url(icon/none.png) no-repeat center center}
+#imageInfos .prevThumbHover:hover  	{background:transparent url(icon/img_prev.png) no-repeat center center}
+#imageInfos .nextThumbHover			{background:transparent url(icon/none.png) no-repeat center center}
+#imageInfos .nextThumbHover:hover 	{background:transparent url(icon/img_next.png) no-repeat center center}
+
+#imageInfos dl.imageInfoTable {
+	display: 					block; 
+	padding: 					0 15px; 
+	margin: 					12px auto;
+}
+#imageInfos .imageInfo  				{display:block;line-height:16px}
+#imageInfos .imageInfo dt 			{display:block;font-weight:bold;text-align:left;padding:0}
+#imageInfos .imageInfo dd 			{display:block;text-align:left;margin:0 0 5px 20px}
+
+.rateButtonStarFull 					{background:url('icon/rating-stars.png') no-repeat -16px center;width:16px}
+.rateButtonStarEmpty 				{background:url('icon/rating-stars.png') no-repeat 0 center;width:16px}
+
+
+/* image comments */
+
+#thePicturePage #comments  {  
+	padding: 					0; 
+	position:					relative;
+}
+#thePicturePage #comments h3 		{height:32px;line-height:32px;margin:10px 0;padding-left:40px;vertical-align:middle}
+#thePicturePage #comments form 		{margin:10px 0}
+#thePicturePage #comments fieldset 	{margin:0 1em}
+
+.commentshidden #pictureComments 	{display:none}
+.commentContent .comments_toggle		{cursor:pointer}
+#commentAdd, #pictureCommentList	{width:48%;padding:0 1%}
+#commentAdd							{float:left}
+#pictureCommentList 					{float:right}
+
+#commentAdd input[type="text"], #commentAdd textarea {width:95%;font-size:100%}
+
+#pictureCommentList .commentsOrder 	{float:left;margin-bottom:5px}
+#pictureCommentList .navigationBar 	{float:right;margin-bottom:5px}
+
+#pictureComments h4 					{margin:0}
+#pictureComments form p				{margin:5px 0}
+#pictureComments form p textarea 		{margin:10px 0 0 10px}
+#pictureComments INPUT 				{margin:10px}
+#pictureComments INPUT[type=submit] 	{margin:0}
+
+.commentElement .description 		{padding:5px} 
+
+
+/* switchers */
+
+#menuSwitcher {
+	display:					block;
+	text-align: 				center;
+	height: 					32px;
+	cursor: 					pointer;
+	float: 						left;
+	margin: 					28px 0 0 -34px;
+}
+#menuSwitcher.menuhidden {width:25px;margin-left:0}
+
+#infoSwitcher {
+    cursor: 					pointer;
+    display:					block;
+    height: 					32px;
+    left: 						75%;
+    margin: 					10px 0 0 7px;
+    position: 					absolute;
+    text-align: 				center;
+    top: 						0;
+    z-index: 					99;
+}
+#infoSwitcher.infohidden {width:25px;top:10px;right:0;left:auto;	margin:0}
+
+
+#commentsSwitcher {
+    cursor: 					pointer;
+    float: 						left;
+	margin-top:10px
+}
+.noCommentContent #commentsSwitcher {display:none}
+.switchArrow { 
+	width: 						16px; 
+	height: 					16px; 
+	margin: 					8px 5px 8px 4px;
+}
+.switchArrow				{ background: transparent url("icon/arrows_ccc.png");}
+
+.switchArrow:hover  				{background:transparent url("icon/arrows_fff.png")}
+.menuhidden .switchArrow 		{background-position:0 0}
+.menushown   .switchArrow 		{background-position:-16px 0}
+.infohidden .switchArrow 		{background-position:-16px 0}
+.infoshown   .switchArrow 		{background-position:0 0}
+.commentshidden .switchArrow		{background-position:-48px 0}
+.commentsshown   .switchArrow 	{background-position:-32px 0}
+
+
Index: /extensions/Junk/theme_color.css
===================================================================
--- /extensions/Junk/theme_color.css	(revision 28081)
+++ /extensions/Junk/theme_color.css	(revision 28081)
@@ -0,0 +1,67 @@
+BODY, H1, H2, INPUT.rateButtonSelected ,						
+INPUT[type="text"], INPUT[type="password"], INPUT[type="button"], 
+INPUT[type="submit"], INPUT[type="reset"], INPUT[type="file"],
+A, INPUT.rateButton, .commentsList .actions a, ul#topnav dt,
+ul#topnav li .sub a:hover, ul#topnav #loger ul li a:hover, 
+#thePicturePage #comments h3	{
+color: {$junk.6};
+}
+INPUT.rateButton:hover, div#content .navigationBar,
+ SPAN.calItem, TD.calDayCellEmpty{
+color: {$junk.3}
+}
+div#header_title p, div#header_title h1, div#header_title h1 a, div#header_title a:hover{
+color: {$junk.5};
+}
+BODY , div#header_title{
+background:{$junk.0}
+}
+INPUT[type="reset"], INPUT[type="file"], INPUT[type="submit"], .calItem, 
+.calItemEmpty,.commentsList .actions a, 
+div#header_manage .hm_link, div#header_manage #userlog, 
+div#header_manage #quicksearch input[type="text"], ul#topnav li .sub, 
+ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover, div#box_wrapper .categoryActions > span, 
+div#box_wrapper .categoryActions input[type="reset"], 
+div#box_wrapper input[type="submit"], 
+ul.thumbnailCategories .info, ul.thumbnails span.thumbLegend, 
+#imageToolBar .imageNumber, #infoSwitcher, #commentsSwitcher{
+background:{$junk.1}
+}
+div#content{
+background:{$junk.3}
+}
+div#content .titrePage, div#content .navigationBar, 
+SPAN.calItem, TD.calDayCellEmpty , #imageHeaderBar, #copyright, 
+div#header_manage, div#nav_wrapper, ul.thumbnailCategories .description, 
+ul.thumbnails .thumbName, #imageToolBar,#thePicturePage #comments h3
+{
+background:{$junk.5}
+}
+div#content form, div#content #comments, div#content #fullTagCloud, 
+div#content #piwigoAbout, div#content .notification, div#content .calendarCalBar, 
+.switchBox, ul.thumbnailCategories li, ul.thumbnails .wrap2, 
+#theImage, #imageInfos, #thePicturePage #comments
+{
+background:{$junk.4}
+}
+ul#topnav .sub ul li:hover, ul#topnav .sub #menuTagCloud span:hover, 
+ul#topnav .sub ul li.selected
+{
+background:{$junk.2}
+}
+A:hover{
+border-color:{$junk.1}
+}
+div#box_wrapper input[type="text"], div#box_wrapper input[type="password"]{
+border-color:{$junk.0}
+}
+#content, #imageToolBar, .switchBox{
+border-color:{$junk.5}
+}
+div#header_manage a:hover, div#header_manage .logeduser span p:hover, 
+div#header_manage .unloged p:hover{
+border-color:{$junk.2}
+}
+ul#topnav  #firstli,ul#topnav  li, div#menu_cat_act{
+border-color:{$junk.3}
+}
Index: /extensions/Junk/themeconf.inc.php
===================================================================
--- /extensions/Junk/themeconf.inc.php	(revision 28081)
+++ /extensions/Junk/themeconf.inc.php	(revision 28081)
@@ -0,0 +1,54 @@
+<?php
+/*
+Theme Name: Junk
+Version: auto
+Description: theme for Piwigo.
+Theme URI: http://piwigo.org/ext/extension_view.php?eid=763
+Author:Miklfe [piwitheme.fr]
+Author URI: http://piwitheme.fr
+*/
+$themeconf = array(
+  'name'  		=> 'Junk',
+  'parent' 		=> 'default',
+  'local_head'  => 'local_head.tpl',
+
+);
+
+ add_event_handler('blockmanager_apply', 'ident' );
+   function ident( $menu_ref_arr )
+{
+    $menu = & $menu_ref_arr[0];
+	$block = $menu->get_block( 'mbIdentification' );
+	
+}
+
+
+
+add_event_handler('loc_begin_index', 'load_QuickRegister' );
+
+function load_QuickRegister()
+{
+	global $conf, $template;
+
+	include_once( PHPWG_ROOT_PATH.'include/common.inc.php' );
+
+	$registration_post_key = get_ephemeral_key(6);
+	
+$template->assign(array(
+  'U_HOME' => make_index_url(),
+	'F_KEY' => $registration_post_key,
+	'F_ACTION' => 'register.php',
+  'obligatory_user_mail_address' => $conf['obligatory_user_mail_address'],
+  ));
+}
+
+add_event_handler('init', 'load_Junk' );
+function load_Junk()
+{
+	include('junk.php');
+
+	global $conf, $template;
+  $config = unserialize( $conf['elegant'] );
+  $template->assign( 'elegant', $config );
+
+	}
