[% USE CPList -%]
[% USE Whostmgr -%]
[% WRAPPER 'master_templates/master.tmpl' theme="yui"
	app_key = 'change_webhost_manager_theme'
	header = locale.maketext('Change [asis,WebHost Manager®] Theme')
     breadcrumburl = '/scripts/setmytheme'
	stylesheets = ['/yui/container/assets/container.css', '/photobox.css']
	scripts = [
		'/js/photobox.js',
		'/js/photobox_controller.js'
	]
     extrastyle = '
#doctitle h1 {
	color:#003541;
	font-size:14px;
}
h2{
	font-size:12px;
}
ul#switch_theme{
	margin:0;
	width:180px;
	padding:0;
}
#switch_theme li {
	margin:0 0 5px 0;
	padding:5px 8px 5px 30px;
	border:1px solid #CCCCCC;
	background-image:url(/images/arrow_right.png);
	background-repeat:no-repeat;
	background-position:5px 50%;
	background-color:#EFFCFF;
	list-style:none;
}
#switch_theme li:hover{
	background-color:#EEE;
}
#switch_theme li a:link {
	text-decoration:none;
	color:#014D5F;
}
#switch_theme li  a:hover{
	text-decoration:underline;
}
	'
-%]
[% SET otherthemes = data.themes.ungrep('\A' _ Whostmgr.gettheme() _ '\z') -%]
<h2>Switch Theme</h2>
<p>Currently selected theme: [% Whostmgr.gettheme() %]</p>
[% IF otherthemes.size > 0 -%]
<ul id="switch_theme">
[% FOR theme IN otherthemes.sort -%]
[% NEXT IF theme == Whostmgr.gettheme() -%]
<li> <a href="[% cp_security_token %]/scripts/dosetmytheme?theme=[% theme %]" class="noline">Switch to [% theme %] theme</a>  <a onClick="dophotobox('[% theme %]'); return false;" id="preview-[% theme %]" href="[% cp_security_token %]/scripts/themeimage/[% theme %]/preview?app=whm"><img src="/images/trace.gif" alt="Preview" width="16" height="16" border="0" /></a><!--Click show preview--></li>
[% END -%]
</ul>
[%
INCLUDE 'photobox.tmpl';
SET jsphotos = [];
FOR theme=data.themes;
	jsphotos.push("{src:'${cp_security_token}/scripts/themeimage/${theme}/preview?app=whm',caption:'${theme}'}");
END;
SET jsphotosstring = '[' _ jsphotos.join(',') _ ']';
-%]
<script>YAHOO.util.Event.addListener(window, "load", function() { init_photobox([% jsphotosstring %]); } );</script>
[% ELSE -%]
<p>Only one theme ([% Whostmgr.gettheme() %]) is installed.</p>
[% END -%]
[% END #wrapper -%]