{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
{known_script id="jquery.ui.resizable" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.resizable.packed.js"}

{html_head}
{$OTHERS_SCRIPT}
{/html_head}


<div class="titrePage">
  <h2>Piclens</h2>
</div>
<p>
{'piclens_admin_title'|@translate}
</p>
<form method="post" action="{$PICLENS_F_ACTION}" class="general">
<fieldset>
	<legend>{'piclens_wallcfgadv_title'|@translate}</legend>
	<TABLE>
		<tr><td colspan="2"><br></td></tr>

		<tr>
			<td colspan="2" align="center">{'piclens_stuff_param_commun'|@translate}</td>
		</tr>
		<tr>
		
		<tr>
		<tr>
		    <td align="right"></td>
		    <td><input type="radio" name="background_color" value="dark" {$dark_CHECKED}>&nbsp;{'piclens_wallcfg_colorB'|@translate}</td>
		</tr>
		<tr>
		    <td align="right"></td>
		    <td><input type="radio" name="background_color" value="white" {$white_CHECKED}>&nbsp;{'piclens_wallcfg_colorW'|@translate}</td>
		</tr>
		<tr>
		    <td align="right">{'piclens_wallcfg_color'|@translate} &nbsp;</td>
		    <td><input type="radio" name="background_color" value="black" {$black_CHECKED}>&nbsp;{'piclens_wallcfg_colorD'|@translate}</td>
		</tr>
		<tr>
		    <td align="right"></td>
		    <td><input type="radio" name="background_color" value="light" {$light_CHECKED}>&nbsp;{'piclens_wallcfg_colorL'|@translate}</td>
		</tr>

		<tr><td colspan="2"><hr></td></tr>

		<tr>
			<td align="right"> {'piclens_wallcfg_option'|@translate} &nbsp; </td>
		    <td>
				 <input type="checkbox" name="piclens_wall_embed" {$PICLENS_WALL_EMBED}/>&nbsp; {'piclens_wallcfg_option-opt1'|@translate} 
				 <br>
				 <input type="checkbox" name="piclens_wall_fullscreen" {$PICLENS_WALL_FULLSCREEN}/>&nbsp; {'piclens_wallcfg_option-opt2'|@translate}
				 <br>
				 <input type="checkbox" name="piclens_wall_search" {$PICLENS_WALL_SEARCH}/>&nbsp; {'piclens_wallcfg_option-opt3'|@translate}
				 <br>
				 <input type="checkbox" name="piclens_wall_transparent" {$PICLENS_WALL_TRANSPARENT}/>&nbsp; {'piclens_wallcfg_transparent'|@translate}
				 <br/>

				 <input type="checkbox" name="piclens_wall_showChrome" {$PICLENS_WALL_SHOWCHROME}/>&nbsp; {'piclens_wallcfg_showChrome'|@translate}
				 <br/>
				 <input type="checkbox" name="piclens_wall_showDescription" {$PICLENS_WALL_SHOWDESCRIPTION}/>&nbsp; {'piclens_wallcfg_showDescription'|@translate}
				 <br/>
				 <input type="checkbox" name="piclens_wall_showReflections" {$PICLENS_WALL_SHOWREFLECTIONS}/>&nbsp; {'piclens_wallcfg_showReflections'|@translate}
				 <br/>
				 <input type="checkbox" name="piclens_wall_showTutorial" {$PICLENS_WALL_SHOWTUTORIAL}/>&nbsp; {'piclens_wallcfg_showTutorial'|@translate}
				 <br/>
				 <input type="checkbox" name="piclens_wall_showNavArrows" {$PICLENS_WALL_SHOWNAVARROWS}/>&nbsp; {'piclens_wallcfg_showNavArrows'|@translate}
				 <br/>
                 
			</td>
		</tr>
	</table>
	<table>
		<div id="colorpicker" style="float: right;"></div>	
		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td align="right">{'piclens_wallcfg_nbligne'|@translate} &nbsp;</td>
			<td><input type="text" size="2" maxlength="1" value="{$PICLENS_WALL_NB_LIGNE}" name="piclens_wall_nb_ligne">&nbsp;</td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_backgroundAlpha'|@translate} &nbsp;</td>
			<td><input type="text" size="3" maxlength="3" value="{$PICLENS_WALL_BACKGROUNDALPHA}" name="piclens_wall_backgroundAlpha">&nbsp;</td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_descriptionHeight'|@translate} &nbsp;</td>
			<td><input type="text" size="3" maxlength="3" value="{$PICLENS_WALL_DESCRIPTIONHEIGHT}" name="piclens_wall_descriptionHeight">&nbsp;%</td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_tilt'|@translate} &nbsp;</td>
			<td><input type="text" size="2" maxlength="1" value="{$PICLENS_WALL_TILT}" name="piclens_wall_tilt">&nbsp;</td>
		</tr>


		<tr><td colspan="2"><hr></td></tr>
		
		<tr>
			<td align="right">{'piclens_wallcfg_backgroundColor'|@translate}&nbsp;</td>
			<td><input type="text" size="7" maxlength="7" name="piclens_wall_backgroundColor" class="colorwell" value="{$PICLENS_WALL_BACKGROUNDCOLOR}" /></td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_glowColor'|@translate}&nbsp;</td>
			<td><input type="text" size="7" maxlength="7" name="piclens_wall_glowColor" class="colorwell" value="{$PICLENS_WALL_GLOWCOLOR}" /></td>
		</tr>

		<tr><td colspan="2"><hr></td></tr>
		<tr>
			<td align="right">{'piclens_wallcfg_backgroundImage'|@translate}&nbsp;</td>
			<td><input type="text" size="40" maxlength="200" name="piclens_wall_backgroundImage" value="{$PICLENS_WALL_BACKGROUNDIMAGE}" /></td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_tutorial'|@translate}&nbsp;</td>
			<td><input type="text" size="40" maxlength="200" name="piclens_wall_tutorial" value="{$PICLENS_WALL_TUTORIAL}" /></td>
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_tutorialtime'|@translate}&nbsp;</td>
			<td><input type="text" size="6" maxlength="6" name="piclens_wall_tutorialtime" value="{$PICLENS_WALL_TUTORIALTIME}" />&nbsp;ms.</td>
		</tr>

		<tr>
			<td align="right">{'piclens_wallcfg_customButtonURL'|@translate}&nbsp;</td>
			<td><input type="text" size="40" maxlength="200" name="piclens_wall_customButtonURL" value="{$PICLENS_WALL_CUSTOMBUTTONURL}" /></td>
		</tr>		
        <tr>
			<td align="right">{'piclens_wallcfg_customButtonTARGET'|@translate}&nbsp;</td>
			<td><input type="text" size="40" maxlength="200" name="piclens_wall_customButtonTARGET" value="{$PICLENS_WALL_CUSTOMBUTTONTARGET}" /></td>
		</tr>		

		<tr><td colspan="2"><hr></td></tr>
		</tr>		<tr>
			<td align="right">{'piclens_wallcfg_icons'|@translate}&nbsp;</td>
			<td><input type="text" size="40" maxlength="200" name="piclens_wall_icons" value="{$PICLENS_WALL_ICONS}" /></td>
		</tr>		
		</tr>
		<tr>
			<td align="right">{'piclens_wallcfg_linkCSS'|@translate}&nbsp;</td>
			<td>
			<textarea cols="50" rows="5" name="piclens_wall_linkCSS" id="piclens_wall_linkCSS">{$PICLENS_WALL_LINKCSS}</textarea></td>
		</tr>		

        
	</TABLE>
	
{literal}
<script type="text/javascript" charset="utf-8">
 $(document).ready(function() {
     var f = $.farbtastic('#colorpicker');
     var selected;
     $('.colorwell')
       .each(function () { f.linkTo(this);  })
       .focus(function() {
       	f.linkTo(this);

       });
  });
</script>
{/literal}

	
</fieldset>
<br/>

<p><input type="submit" name="submit" value="{'piclens_admin_submit'|@translate}" /></p>

</form>