{include file="header.html"}

<script type="text/javascript">
	var global_old_shown;
	global_old_shown = "";
	
	function selectTab(element_name) {literal}{{/literal}
		if (global_old_shown != '') {literal}{{/literal}
			alternateVisibility(global_old_shown);	
			a = findDOM('a_'+global_old_shown);
			a.className = '';
		{literal}}{/literal}
		b = findDOM('a_'+element_name);
		b.className = 'tab_current';
		//alert('a_'+element_name);
		global_old_shown = element_name;
		return alternateVisibility(element_name);
	{literal}}{/literal}

</script>

<div class="form_title">
	{$menu_list_id_selected.$menu_level.long_desc}
</div>

<div style="text-align: right;">
<plici_if if="$plici_debug_activated">
	<a href="{$smarty.server.PHP_SELF}?setcookie=true">Activate debug template (uniquement pour vous)</a><br/>
<plici_else/>
	<a href="{$smarty.server.PHP_SELF}?setcookie=true">Unactivate debug template</a><br/>
	<a href="http://{$smarty.server.HTTP_HOST}" target="_blank">Show website</a>
</plici_if>
</div>
<div class="form_body">
			<fieldset class="col">
				<legend>{'lang_str_graphicmodifybyweb'|tr}</legend>
				<br/>
				{'lang_str_clictomodifywebsite'|tr}
				<br/>
				
				
				
				
				{***********START : PART READING THE CSS ARRAY************}				
				<plici_foreach from="$css_array_categorized" item="css_categ_level1" key="css_categ_key_level1">
					<fieldset class="indent">
					<legend>{$css_categ_key_level1}</legend>
					<plici_foreach from="$css_categ_level1" item="css_categ_level2" key="css_categ_key_level2">
						<a name="ancre_{$css_categ_key_level2}"></a>
						<fieldset class="indent">
						<legend
								onMouseOver="toVisible('title_img_{$css_categ_key_level2}');"
								onMouseOut="toNotVisible('title_img_{$css_categ_key_level2}');"
						>


						<a href="{$smarty.server.PHP_SELF}?css_categs_activated={$css_categ_key_level1|cat:'|'|cat:$css_categ_key_level2|escape:'url'}#ancre_{$css_categ_key_level2|escape:'url'}" 
								onClick="alternateVisibility('{$css_categ_key_level1|cat:$css_categ_key_level2|net_value}');" style="text-decoration: none;">
								{$css_categ_key_level2}
								
								<img src="/pic_sample/{$css_categ_key_level2|regex_replace:"/[^a-zA-Z]/":"_"}.jpg"
									id='title_img_{$css_categ_key_level2}'
									 style="display:none;margin-left:100px;position: absolute;background: #FFFFFF;border:thin solid black;"
									 alt="No Preview"
								/>
							</a>
						</legend>
						<plici_if if="$css_categ_key_level1|cat:"|"|cat:$css_categ_key_level2 == $css_categs_activated">
										<div id="{$css_categ_key_level1|cat:$css_categ_key_level2|net_value}" style="border: thin solid #BBBBBB;">
				
										
										<div class="tab_list"><ul>
										<plici_foreach from="$css_categ_level2" item="css_categ_content" key="css_categ_content_key">
										
											<li
											onMouseOver="toVisible('img_{$css_categ_content.class_name}');"
											onMouseOut="toNotVisible('img_{$css_categ_content.class_name}');"
											><a href="#"
											onClick="return selectTab('bloc_{$css_categ_content.class_name|net_value}');" id="a_bloc_{$css_categ_content.class_name|net_value}"
											>{$css_categ_content_key}</a>
											<plici_if if="isset($css_categ_content.plici_info.preview)">
												<img style="display:none;position:absolute;background: #FFFFFF;border:thin solid black;"
														id="img_{$css_categ_content.class_name}"
														 src="{$css_categ_content.plici_info.preview}" alt="{$css_categ_content.plici_info.preview}" />
											</plici_if>
											</li> 						
											
										</plici_foreach>
										</ul></div>
										<plici_foreach from="$css_categ_level2" item="css_categ_content" key="css_categ_content_key">
											<form action="{$smarty.server.PHP_SELF}#ancre_{$css_categ_key_level2|escape:'url'}" method="post" enctype="multipart/form-data" name="graphic_form">
											<input type="hidden" name="action" value="update"/>
											<input type="hidden" name="css_categs_activated" value="{$css_categs_activated|net_value}"/>
											<input type="hidden" name="css_class_name_activated" value="{$css_categ_content.class_name|net_value}"/>
											<fieldset class="indent" style="display: none;" id="bloc_{$css_categ_content.class_name|net_value}">
											<plici_foreach from="$css_categ_content.comment_before_bloc" item="css_comment">
												<em>{$css_comment}</em><br/>
											</plici_foreach>
				
											
											
											
											{***********START : List the style key and values************}			
											<table width="100%">
												<tr>
													<td colspan="3">
														<span style="font-size: 9px;float:right;">
															[{$css_categ_content.class_name}]<br/>
															<input type="submit" class="bt_modify" value="{'lang_str_tochange'|tr:'VALUE'}" title="{'lang_str_pagemodifying'|tr:'VALUE'}" />
														</span>
														</td>
												</tr>
											<plici_foreach from="$css_categ_content.styles" item="css_style_value" key="css_style_key">
												<tr>
												<td width="40%">
												<plici_if if="isset($css_style_value.desc)">
												{$css_style_value.desc}
												<plici_else/>
												{$css_style_key}
												</plici_if>
												:
												</td>
												<td width="40%">
												<plici_if if="$css_style_value.plici_syntax != ~valid~">
													<input type="text" 
															name="brut_modification{$css_style_value.input_name}" 
															value="{$css_style_value.value|net_value}"/>
												<plici_else/>
											
													<plici_assign var='current_input_name' value="'modification'|cat:$css_style_value.input_name"/>
													<plici_assign var='themelogic' value="$css_style_value.logic"/>
												
												
													{*'text','enum','color','int'*}
													<plici_if if="$themelogic.the_type == ~text~">
														<input type="text" name="{$current_input_name}" value="{$css_style_value.plici_value|net_value}" />
													<plici_elseif if="$themelogic.the_type == ~enum~">
														<select name="{$current_input_name}">
															<plici_foreach from="$themelogic.the_list_enum" item="list_enum">
															<option value="{$list_enum|net_value}"
																<plici_if if="$list_enum == $css_style_value.plici_value">
																	SELECTED
																</plici_if>
															>{$list_enum}</option>
															</plici_foreach>
														</select>
													<plici_elseif if="$themelogic.the_type == ~color~">
														
														{include file="js_dialog_echo_link_dialog_color.html"
															exact_name_of_input_to_fill="graphic_form"|cat:"['"|cat:$current_input_name|cat:"']"
															default_value=$css_style_value.plici_value
															input_name=$current_input_name
														}
								
													<plici_elseif if="$themelogic.the_type == ~int~">
														<input type="text" name="{$current_input_name}" value="{$css_style_value.plici_value}" 
														onKeyUp="javascript: toGoodInt(this);"/>
													<plici_elseif if="$themelogic.the_type == ~upload_image~">
														 <div style="text-align: center;padding-bottom:15px;">
														 	{'lang_str_previsutitle'|tr} : 
														 </div>
														 <div style="text-align: center;">
														 	<img src="/{$css_style_value.plici_value}" style="border: thin dashed #555555;background-color: #EEEEEE;padding:10px;"/>
														 	</div>
														 <div style="text-align: center;padding-top:15px;">
														 <input name="{$name_of_upload_input}{$current_input_name}" type="file" />
														 </div>
														 <div style="text-align: center;white-space: nowrap;">
														 <input name="delete[{$css_categ_content.class_name|net_value}]" type="checkbox" value="{$css_style_key|net_value}"/> {'lang_str_deleting'|tr}
														 </div>
								
														 
														 
														 
													<plici_elseif if="$themelogic.the_type == ~upload_image_old~">
												 		<plici_if if="$file_extension != ~~">
												 			
												 			{**n*e*t*_*i*m*g* id=$left_column_id**}
												 		<br/>
												 		<input type="checkbox" value="" id="file_extension{$the_separator_for_post|cat:$left_column_id}" name="file_extension{$the_separator_for_post|cat:$left_column_id}"/> <label for="file_extension{$the_separator_for_post|cat:$left_column_id}">{'lang_str_deleting'|tr}</label>
												 			
												 		<plici_else></plici_else>
												 			N/C
												 		</plici_if>
													</plici_if>
													<plici_if if="$themelogic.the_text_sample != ~~">
														(ex : {$themelogic.the_text_sample})
													</plici_if>							
												</plici_if>							
												</td>
												<td width="20%">
											
													<plici_if if="isset($css_style_value.desc)">
													<span style="font-size: 9px;color: green;">[
													{$css_style_key}
													]</span>
													<plici_else/>
													<span style="font-size: 9px;color: red;">[
													unknown
													]</span>
													</plici_if>
												</td>
												</tr>
												<tr>
													<td colspan="3" style="color:#AAAAAA;font-size: 9px;text-align: center;">{$css_style_value.upload_image_path}</td>
												</tr>
											</plici_foreach>
											</table>
											{***********END : List the style key and values************}			
				
											<center>
											{'lang_str_adding2'|tr} 
											<select name="add[{$css_categ_content.class_name|net_value}]">
												<option value=""></option>
												<plici_foreach from="$list_of_tthemelogic" item="ttheelements" key="ttheelements_key">
												<option value="{$ttheelements_key}">{$ttheelements.the_desc} - [{$ttheelements_key}]</option>
												</plici_foreach>
											</select>
											</center>
										
											<span style="font-size: 9px;float:right;">
												[{$css_categ_content.class_name}]<br/>
												<input type="submit" class="bt_modify" value="{'lang_str_tochange'|tr:'VALUE'}" title="{'lang_str_pagemodifying'|tr:'VALUE'}" />
											</span>
										
											</fieldset>
										</form>
										</plici_foreach>
										
											<br/>
										</div>
								<plici_else/>
									<div style="display: none;" id="{$css_categ_key_level1|cat:$css_categ_key_level2|net_value}">
										Loading...
									</div>

								</plici_if>
						</fieldset>
					</plici_foreach>
					</fieldset>
				</plici_foreach>
				{***********END : PART READING THE CSS ARRAY************}				
				
				
				
				






		<div class="form_body">
			<fieldset class="col">
				<legend>{'lang_str_technicalinformationdesigner'|tr}</legend>
				<p>
					{'lang_str_templatepath'|tr} : {$template_directory}<br/>
					{'lang_str_picturepath'|tr}  {$picture_directory}<br/>
					<br/>
					{'lang_str_noticeemptydirectories'|tr:'DIRECT'}
					<br/>
					<br/>
					{'lang_str_noticedeubggraphparam'|tr:'DIRECT'}
					<br/>
				</p>
			</fieldset>	
		</div>











<script type="text/javascript">

	selectTab('bloc_{$css_class_name_activated}');

</script>



















{include file="footer.html"}