{$stylett}
{if !empty($LLGBOINFO)}<div class="infos" style="text-align:left;padding-left:50px;" >{$LLGBOINFO|@translate}</div>{/if} 
 <h2> {'Title'|@translate} <br>  {$LLGBO_VERSION}</h2>
<h3>{'Step2_Title'|@translate}</h3>
<form method="post" action="" class="properties">
<fieldset>
{combine_css path=$LLGBO_PATH|@cat:"css/look_like_gbo2_admin.css" order="+02"} 
{combine_css path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.css" order="+0"} 
{combine_script id='jquery.farbtastic'  require='jquery'   path=$LLGBO_PATH|@cat:"farbtastic/farbtastic.js"}
<div id="picker"></div>

<!--           T O O L T I P  -->
<div id="toolTip"   >	
	
	<table align="center"  >
		<th    id="llgbotitle" style= "color:{$LLGBO_TOOLTIP_TITLECOLOR}">{'llgo_tooltip_setting'|@translate} </th>
	<tr>
		<td class="llgbolabel">{'llgo_tooltip_width'|@translate} </td>
		<td><input type="text" name="llgbo_tooltip_width" class="llgbofield" value="{$LLGBO_TOOLTIP_WIDTH}" />  pixels. </td>
	 </tr>
	 <tr>
		<td class="llgbolabel">{'llgo_tooltip_size'|@translate}</td>
		<td ><input type="text" name="llgbo_tooltip_size" class="llgbofield" value="{$LLGBO_TOOLTIP_SIZE}" />  pixels. </td> 
	</tr>
	<tr> 
		<td class="llgbolabel" >{'llgbo_tooltip_bordercolor'|@translate}</td>
		<td ><input type="text" name="llgbo_tooltip_bordercolor"  class="colorwell" value="{$LLGBO_TOOLTIP_BORDERCOLOR}" /></td>
	</tr>
	<tr>
		 <td class="llgbolabel">{'llgbo_tooltip_backgroundcolor'|@translate}</td>
		 <td ><input type="text" name="llgbo_tooltip_backgroundcolor"  id="ttbg" class="colorwell" value="{$LLGBO_TOOLTIP_BACKGROUNDCOLOR}" /> </td>
	</tr>   
	<tr>
		<td class="llgbolabel">{'llgbo_tooltip_titlecolor'|@translate}</td>
		<td ><input type="text" name="llgbo_tooltip_titlecolor" class="colorwell" value="{$LLGBO_TOOLTIP_TITLECOLOR}" /> </td>
	</tr>   
	<tr>
		<td class="llgbolabel">{'llgbo_tooltip_color'|@translate}</td>
		<td><input type="text" name="llgbo_tooltip_color"   class="colorwell" value="{$LLGBO_TOOLTIP_COLOR}" /> </td>
	</tr>  
	</table>
</div>

<div align="center"><br><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('#picker');
    var p = $('#picker').css('opacity', 0.65);
    var selected;
    $('.colorwell')
      .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>