<web3:object class="Cweb3Interface" fragment="propertiesFormTabbed" tabSelected="<?=$parameters['tabSelected']?>">
	<web3:parameter name="tabs">
		<web3:parameter name="load">
			<web3:parameter name="title"  value="[^load=Load Pictures^]"/>
		</web3:parameter>
		<web3:parameter name="order">
			<web3:parameter name="title"  value="[^order=Order Picture^]"/>
		</web3:parameter>
	</web3:parameter>
	<web3:parameter name="fields">
		<web3:parameter name="load">
			<web3:parameter name="mode" value="single" />
			<web3:parameter name="title" value="Adauga Poza" />
			<web3:parameter name="tab" value="load" />
			<web3:parameter name="field">
			<web3:form id="orderForm" action="<?=$web3->buildUrl(array(
						'environment'=>$environment,
						'escape'=>'HTML',
						'moreReq'=>array(
							'_bit'=>$web3->_bit,
							'target'=>$object->id
						)
					))?>">

	<link rel="stylesheet" href="js/jquery.ui/themes/base/jquery.ui.all.css">

	<web3:js src="js/jquery.ui/ui/jquery.ui.mouse.js" />
	<web3:js src="js/jquery.ui/ui/jquery.ui.core.js" />
	<web3:js src="js/jquery.ui/ui/jquery.ui.widget.js" />
	<web3:js src="js/jquery.ui/ui/jquery.ui.sortable.js" />
	<web3:js src="[*templatePath*]js/jquery-1.7.1.js" />

					<ul id="sortable" style="list-style-type: none; margin: 0; padding: 0; width:100%;">

	<?	//var_dump($object->data['pictures']);
	if($object->data['pictures']){
		$bit=$web3->prepareBit($object, '<web3:template />');
		foreach($object->data['pictures'] as $key => $image){
				?>
						<div class="select" data-initialOrder="<?=$key?>" ><li class="ui-state-default" style="margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px;"><span class="ui-icon ui-icon-arrowthick-2-n-s" style="position: absolute; margin-left: -1.3em;"></span>
								<table width="400px">
									<tr>
										<td width="150px"><?=$image?></td>
										<td width="33%" align="right"><?=$key?> </td>
										<td align="right"><a href="<?=$web3->buildUrl(
															array(
																'environment'=>$environment,
																'escape'=>'HTML',
																'moreReq'=>array(
																	'_bit'=>$bit,
																	'id' => $key,
																	'command'=> 'deletePic'
																)
															))?>" onclick="deleteCategory('<?=$key;?>');return false;">x</a></td>
									</tr>
								</table>
						</li>
						</div>

				<? 	}
				}?>
					</ul>

				  <script>
					  $(document).ready(function() {
					    $("#sortable").sortable();
					  });
					  </script>
				<input type="hidden" name="orderId" value=""/>
				<input type="hidden" name="command" value="order" />
			</web3:form>
				<script>


					$('#orderForm').submit(function () {
						order='';
						alert("bbbb");
						$('.select').each(function(){
							alert("aaa");
							order ="aaa";
							return order;})
						$("[name='orderId']").val(order);
					}
					);


				</script>
					<hr />
				<web3:form action="<?=$web3->buildUrl(array(
						'environment'=>$environment,
						'escape'=>'HTML',
						'moreReq'=>array(
							'_bit'=>$web3->_bit,
							'target'=>$object->id
						)
					))?>">
					<input type="file" name="poza"/>
					<web3:error>
							<div class="error" style="padding-top:10px">
						<web3:error code="1045">
							[^uplodedFile=File Updated.^]
						<web3:error code="1046">
							[^notuploaded=The file can not be uploaded.^]
						<web3:error>
							</div>
					</web3:error>
					<input type="hidden" name="command" value="edit" />
				</web3:form>
			</web3:parameter>
		</web3:parameter>
	</web3:parameter>
</web3:nextTemplate>