<?php require "php/cab.inc";
	echo "<div><BR>";
	echo "<style>@media screen and (max-device-width:769px) {.product .desc p{font-size:30px;}}</style>";
	$lim=$st['PAGINACION'];
	echo "<center><h1 STYLE='COLOR:".$st['C-TEXTO2']."'>Vista previa</h1></center>";
	?>
<script type="text/javascript" src="jt/jquery.js"></script>
<script language="javascript" src="jt/shCore.js"></script>
<script type="text/javascript" src="jt/table.js"></script>
<br><br>

<table style="display:block;float:none" class="columns" cellspacing="0" border="0">
<td class="left" rowspan="2">
<table id="t1" class="example table-autosort table-autofilter table-autopage:<?php echo $st['PAGINACION']?> table-stripeclass:alternate table-page-number:t1page table-page-count:t1pages table-filtered-rowcount:t1filtercount table-rowcount:t1allcount" style="border:none;width:100%;table-layout:fixed;margin:auto;">
<thead>
	<tr style='background-image:none;background-color:#fff;'><td><input type='text' name="BSQ" placeholder="Nombre,descripción,sku..."/></td><td colspan="4"><input type='submit' class='btn' value='Buscar'></td></tr>
	<tr>
		<th class="table-sortable:default">Descripci&oacuten</th>
		<th class="table-sortable:default">Detalles</th>
		<th class="table-filterable table-sortable:default">Categor&iacutea</th>
		<th class="table-sortable:currency">Costo</th>
		<th class="table-sortable:numeric">Disponibilidad</th>
		<!--<th class="table-sortable:default">SKU</th>!-->
		<th></th>
	</tr>
	</thead>
<tbody>
			<tr><td>Nombre 1</td><td><SPAN class='tooltip'><img height='30px' src='photo/b1.jpg'><span><strong>Producto A<br></strong><br>Detalles<br><img height='100px' src='photo/b1.jpg'/></span></SPAN></td><td>Categoría 1</td><td>$ 123.00</td><td>123</td><td><input type='number' name='cant' class='combo' value='1' min='1' max='123'/><button value='123' class='botoncompra'>+</button></td></tr>
			
			<tr><td>Nombre 2</td><td><SPAN class='tooltip'><img height='30px' src='photo/b2.jpg'><span><strong>Producto B<br></strong><br>Detalles<br><img height='100px' src='photo/b2.jpg'/></span></SPAN></td><td>Categoría 2</td><td>$ 456.00</td><td>456</td><td><input type='number' name='cant' class='combo' value='1' min='1' max='456'/><button value='123' class='botoncompra'>+</button></td></tr>
			
			<tr><td>Nombre 3</td><td><SPAN class='tooltip'><img height='30px' src='photo/b3.jpg'><span><strong>Producto C<br></strong><br>Detalles<br><img height='100px' src='photo/b3.jpg'/></span></SPAN></td><td>Categoría 3</td><td>$ 789.00</td><td>789</td><td><input type='number' name='cant' class='combo' value='1' min='1' max='789'/><button value='123' class='botoncompra'>+</button></td></tr>
</tbody>
<tfoot>
	<tr>
		<td class="table-page:previous" style="cursor:pointer;"><img src="<?php echo "img/".$st['C-ICON']."/fiz.png";?>"> Anterior</td>
		<td colspan="4" style="text-align:center;"><span id="t1page"></span>/<span id="t1pages"></span></td>
		<td class="table-page:next" style="cursor:pointer; text-align:right">Siguiente <img src="<?php echo "img/".$st['C-ICON']."/fde.png";?>"></td>
</tr>
<!--<tr><td colspan="6">Mostrando <span id="t1filtercount"></span>&nbsp;de <span id="t1allcount"></span>&nbsp;articulos</td></tr>!-->
</tfoot>
</table>
	<?php
	echo '<br><br><div class="product-holder"><div class="product"><SPAN class="tooltip"><img src="photo/Default.png" /><span><strong>Nombre del producto<br></strong><br>Detalles del producto seleccionado</span></SPAN>';
	echo '<div class="desc"><p>Nombre del producto</p><p class="precio">$ 123.00</p>';
	echo "<select name=cant class='combo'>";
	for($i=1; $i< 4; $i++) {echo ('<option value="'.$i.'">'.$i.'</option>'."\n");}
	echo "</select><button value='123' class='botoncompra'>+</button></DIV></DIV></DIV></DIV><BR><BR>";
	$STY = "STYLE='color:".$st['C-T-TEXT']."; background-color: ".$st['C-T-CELL'].";' ";
	
require "php/pie.inc" ?>