{html_head}
	<script type="text/javascript" src="themes/cuise/admin/js/farbtastic.js" ></script>
  <script type="text/javascript" src="themes/cuise/admin/js/admin.js" ></script>
	<script type="text/javascript" src="themes/default/js/ui/minified/jquery.ui.slider.min.js"></script>
  	<script type="text/javascript" src="themes/cuise/admin/js/fileupload.js" ></script> 
    <link rel="stylesheet" href="themes/cuise/admin/theme.css" />
<style type='text/css'>
#result{ldelim}  width:auto;height:300px;
float:right;
right:0px;
top:0px;
overflow:auto;
}
.image{ldelim} width:55%;height:300px;
        border:1px solid yellow;
        min-height:300px;
}
.filemgt{ldelim}
    z-index:2;
    border:1px solid blue;
    width:auto;
    
    right:0px;
    min-height:400px;
}
.filemgt table td{ldelim}
    border:1px solid green
}


</style>
    <script type="text/javascript">
var process_script='{$classeRoot}process.php';
var path='{$root}'
var path_theme='{$theme}';
var path_theme_images='{$theme}images/';

jQuery(document).ready(function(){ldelim}
jQuery('#fileInput').ajaxfileuploader({ldelim} 
    SCRIPT: process_script,
    PATH: path,
    PATH_THEME: path_theme,
    PATH_IMG:path_theme_images,
    VALIDFORMAT:['jpeg','jpg','png','gif','bmp'],
    MAXUPLOAD:9,
    TABLEHEAD:{ldelim}
        name:'name',
        imgname:'image name',
        operation:'Operation',
       
        }})
});

  jQuery.fn.ajaxfileuploader.defaults = {ldelim}
    SCRIPT: process_script,
    PATH: path,
    PATH_THEME: path_theme,
    PATH_IMG:path_theme_images,
    ACTION: '',
    VALIDFORMAT: ['jpeg', 'jpg', 'png', 'gif', 'bmp'],
    MAXUPLOAD: 5,
    TABLEHEAD:  {ldelim} name: 'name',
      imgname: 'image name',
      operation: 'Operation'
     
    }
  }

</script>

{/html_head}	
<div class="titrePage">
<h2>{$theme}{$parent}</h2>
</div>
<form action="" method="post">

<fieldset  >
	<legend>{'Color of theme'|@translate}</legend>
	  <div id="textcolor">
    <fieldset   ><legend>Select</legend>
    {foreach from=$name_tpl item=name_1  name=t} 
    <input type="submit" name="sel_tab" value="{$smarty.foreach.t.index}" ><span>{$name_1}</span> 
    {/foreach}


    </fieldset>
    <fieldset class="fld1" ><legend>{$name_tpl.$ind}</legend>

    	  <div class="form-item"><label>
    {'Rayon'|@translate}:</label>
    <input type="text" name="rayon_cuise_{$ind}" class="color" value="{$selected_rayon_cuise}" />
    </div>

	  <div class="form-item"><label>{'Background color'|@translate}:</label>
    <input type="text" name="bg_cuise_{$ind}" class="colorwell" value="{$selected_bg_cuise}" />
    </div>
    	  <div class="form-item"><label>{'Background color hover'|@translate}:</label>
    <input type="text" name="bgho_cuise_{$ind}" class="colorwell" value="{$selected_bgho_cuise}" />
    </div>

	  <div class="form-item">
    <label>{'Border color'|@translate}:</label><input type="text" name="bd_cuise_{$ind}" class="colorwell" value="{$selected_bd_cuise}" />
    </div>
	  <div class="form-item">
    <label>{'Text color'|@translate}:</label>
    <input type="text" name="co_cuise_{$ind}" class="colorwell" value="{$selected_co_cuise}" />
    </div>
 <div class="form-item">
    <label>{'Text color hover'|@translate}:</label>
    <input type="text" name="coho_cuise_{$ind}" class="colorwell" value="{$selected_coho_cuise}" />
   </div>


   <div class="form-item">
    <label>{'Image'|@translate}:</label>
    
<p>
<label >{$theme}images/{$selected_img_cuise} </label> 
<p>
<label >{'repeat x'|@translate} </label> <input name="chk_cuise_x_{$ind}" type=checkbox value="chk_cuise_x" {$selected_chk_x_cuise} />


<label >{'repeat y'|@translate} </label> <input name="chk_cuise_y_{$ind}" type=checkbox value="chk_cuise_y" {$selected_chk_y_cuise} />

 
<p>
<p>
<label >{'no background'|@translate} </label> <input name="chk_cuise_{$ind}" type=checkbox  value="chk_cuise" {$selected_chk_cuise} />
   </div>




    </fieldset>
	  <p>  <input type="submit" name="default" value="{'Default'|@translate}" >
  <input type="submit" name="compiled-templates" id="compiled-templates" value="{$parent}" >
</p>
<p>

   <ul>
   <li>{strip}{'Parent theme'|@translate}:&nbsp;

<select onchange="javascript:jQuery('#compiled-templates').val(this.value).click();">

{foreach from=$list_themes item=list_theme} 
  <option value="{$list_theme.id}"   {if $list_theme.name==$parent }  selected="selected"  {/if } >{$list_theme.name} </option><br>
{/foreach}

</select>
{/strip}</li>
</ul>
   </p>
	  </div>
 
	  <div id="picker"></div> 
 

    <style>
   #thePicturePage{ldelim}
    background-color:{$selected_bg_cuise};
    {if $selected_chk_cuise!="checked"}
    background-image:url({$theme}images/{$selected_img_cuise}) ;
    {else}
      background-image:none ;
{/if}
      background-repeat: repeat-x;
      float:right;
      right:0px;
      width:450px;
      height:300px;
      border:3px solid {$selected_bd_cuise};
          
     -moz-border-radius: {$selected_rayon_cuise} ;
      border-radius: {$selected_rayon_cuise} {$selected_rayon_cuise}; 
    
    }  
    #thePicturePage a:hover{ldelim}
        color:{$selected_coho_cuise};  
    }

      #thePicturePage:hover{ldelim}
          background-color:{$selected_bgho_cuise};
          background-image:url({$theme}images/hover_{$selected_img_cuise}) ;
          background-repeat: repeat-x;
          
      }
    #theHeader a{ldelim}
        color:{$selected_co_cuise};
    }
        #menubar a{ldelim}
        color:{$selected_co_cuise};
    }
       .wrap1 , .wrap2 a{ldelim}
        color:{$selected_co_cuise};
    }
    </style>


    <div id="thePicturePage" class="image admin" > 
        <div id="theHeader"   style="padding:100px" >
 <a name='test'  > {$theme}images/{$selected_img_cuise}</a> 
        </div>

        <div id="#menubar"   >
         <dt>
         test 1
         </dt>
          <dt>
         test 2
         </dt>
 
        </div>
         <div class="wrap1" >

         <div class="wrap2" >
   
        </div>
    
        </div>
    </div>

 {if $selected_chk_cuise!="checked"}	  
	   	 <label>Name</label>: 
         <input type="text" name="img_cuise_{$ind}" id='fileInputTxt' value="{$selected_img_cuise}" />
	     <label>Upload</label>:<input type='file' size="60" value="{$theme}images/{$selected_img_cuise}" id='fileInput' >
         <div id="result" style="float:left" >
       
     </div>
      

     


{/if}

</fieldset>  
{footer_script}{literal}

{/literal}{/footer_script}
<p><input type="submit" name="submit" id="send" value="{'Submit'|@translate}_{$ind}">
</form>
<a href="themes/cuise/theme.css.php?{$options}" >Sauvegarde</a>