{if !empty($LLGBOINFO)}<div class="infos" style="text-align:left;padding-left:50px;" >{$LLGBOINFO|@translate}</div>{/if}
 <h2> {'Title'|@translate} -> {$LLGBO_VERSION}</h2>
 <h3>{'Step3_Title'|@translate}</h3>
<form method="post" action="" class="properties">
<fieldset>
	<div id="framepicker"> </div>
	<span id="gboh2" style ="background:transparent;color:{$LLGBO_TITLE_FRAME_COLOR}">{'llgbo_title_frame_color'|@translate} </span>
	{$FRAME_BEGIN}
	<div align="center">  <span id="llgbotitle"> {'llgbo_frame_sample'|@translate} </span> <select name="sample">
		<option label="GOLD" value="GOLD">Gold</option>
		<option label="BLUE" value="BLUE">Blue</option>
		<option label="METAL" value="METAL">Metal</option>
		<option label="BLACK" value="BLACK">Black</option>
		<option label="WHITE" value="WHITE">White</option>
		<option label="B_W" value="B_W">Black&White</option>
		<option label="MY_LAST_VALUES" value="MY_LAST_VALUES"><selected="selected">MyLastValues</option>
		</select> <input class="submit" type="submit" value="{'previewsamples'|@translate}" name="previewsample"/>
	</div>
	<table id="llgboframetable">
	<tr>
		<td   class="llgbolabel" >{'llgbo_title_frame_color'|@translate} </td>
		<td ><input type="text" name="llgbo_title_frame_color" style="background-color:{$LLGBO_TITLE_FRAME_COLOR}" class="colorwellf" value="{$LLGBO_TITLE_FRAME_COLOR}" /> </td>
	</tr>	
	<tr>    
		<td class="llgbolabel" >{'llgbo_frame_bdcolor0'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor0"  style="background-color:{$LLGBO_FRAME_BDCOLOR0}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR0}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdsize0"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE0}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor1'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor1"  style="background-color:{$LLGBO_FRAME_BDCOLOR1}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR1}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdsize1"   class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE1}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor2'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor2"  style="background-color:{$LLGBO_FRAME_BDCOLOR2}"  class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR2}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdsize2"   class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE2}" /></td>
	</tr>
	<tr>   
	   <td class="llgbolabel" >{'llgbo_frame_bdcolor3'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdcolor3" style="background-color:{$LLGBO_FRAME_BDCOLOR3}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR3}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdsize3" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE3}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor4'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdcolor4" style="background-color:{$LLGBO_FRAME_BDCOLOR4}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR4}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td>	<td ><input type="text" name="llgbo_frame_bdsize4"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE4}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor5'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor5" style="background-color:{$LLGBO_FRAME_BDCOLOR5}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR5}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize5"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE5}" /></td>
	</tr>
	<tr>   
	   <td class="llgbolabel" >{'llgbo_frame_bdcolor6'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor6" style="background-color:{$LLGBO_FRAME_BDCOLOR6}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR6}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize6"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE6}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor7'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor7" style="background-color:{$LLGBO_FRAME_BDCOLOR7}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR7}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize7" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE7}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor8'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor8" style="background-color:{$LLGBO_FRAME_BDCOLOR8}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR8}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize8"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE8}" /></td>
	</tr>
	<tr>   
	   <td class="llgbolabel" >{'llgbo_frame_bdcolor9'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor9" style="background-color:{$LLGBO_FRAME_BDCOLOR9}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR9}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdsize9"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE9}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor10'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor10"  style="background-color:{$LLGBO_FRAME_BDCOLOR10}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR10}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize10"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE10}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor11'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdcolor11" style="background-color:{$LLGBO_FRAME_BDCOLOR11}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR11}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize11"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE11}" /></td>
	</tr>
		<td class="llgbolabel" >{'llgbo_frame_bdcolor12'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor12" style="background-color:{$LLGBO_FRAME_BDCOLOR12}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR12}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize12" class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE12}" /></td>
	</tr>
	<tr>   
	   <td class="llgbolabel" >{'llgbo_frame_bdcolor13'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor13" style="background-color:{$LLGBO_FRAME_BDCOLOR13}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR13}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize13"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE13}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor14'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor14"  style="background-color:{$LLGBO_FRAME_BDCOLOR14}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR14}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize14"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE14}" /></td>
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_frame_bdcolor15'|@translate}</td> <td ><input type="text" name="llgbo_frame_bdcolor15" style="background-color:{$LLGBO_FRAME_BDCOLOR15}" class="colorwellf" value="{$LLGBO_FRAME_BDCOLOR15}" /></td>
		<td class="llgbolabel" >{'llgbo_frame_bdsize'|@translate}</td> 	<td ><input type="text" name="llgbo_frame_bdsize15"  class="llgbofieldf" value="{$LLGBO_FRAME_BDSIZE15}" /></td>
	 </tr>
	 
	 </table>
	{$FRAME_END}
<div align="center"><br><input class="submit" type="submit" value="{'Reset_To_Default'|@translate}" name="reset"/> <input class="submit" type="submit" value="{'preview'|@translate}" name="preview"/> <input class="submit" type="submit" value="{'save'|@translate}" name="save" />
 
</div>
</fieldset>
</form>

{* -- smarty syntaxe p55 {ldelim} remplace  {  et {rdelim} remplace  }    -- *}
<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {ldelim}
    var f = $.farbtastic('#framepicker');
    var p = $('#framepicker').css('opacity', 0.65);
    var selected;
    $('.colorwellf')
      .each(function () {ldelim}   f.linkTo(this);   $(this).css('opacity', 0.85);  {rdelim})
      .focus(function() {ldelim}
        if (selected) {ldelim}
         $(selected).css('opacity', 0.85).removeClass('colorwell-selected');
		{rdelim}
        f.linkTo(this);	
        p.css('opacity', 1);
		$(selected = this).css('opacity', 1).addClass('colorwell-selected'); 
	
	   {rdelim});
	
  {rdelim});
</script>