Cota Baby

<div style="width:100%;">
					
			        <div class="box" id="categories" style="width:100%;">
			            <div class="box_b">
							<div class="box_t">
								<div class="box_r">
									<div class="box_l">
										<div class="box_br">
											<div class="box_bl">
												<div class="box_tr">
													<div class="box_tl">
														<div class="box_head">Categorias</div>
														<div class="box_body">
															<div class="__BNRTPL__SECOES menubar sideBoxContent"></div>
														</div> 
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>    
			            <div class="clear"></div>
			        </div>

<div class="box" id="manufacturers" style="width:100%;">
					            <div class="box_b">
									<div class="box_t">
										<div class="box_r">
											<div class="box_l">
												<div class="box_br">
													<div class="box_bl">
														<div class="box_tr">
															<div class="box_tl">
																<div class="box_head"><label>Fabricantes</label></div>
																<div class="box_body">
																	<div id="manufacturersContent" class="sideBoxContent centeredContent">
																		<form name="manufacturers_form" action="" method="get">
																			<select class="__BNRTPL__FABRICANTES" name="id" size="1" style="width: 90%; margin: auto;">
																				<option value="" selected="selected"></option>
																			</select>
																		</form>
																	</div>
																</div> 								
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>

<div class="box" id="moreinformation" style="width:100%;">
					            <div class="box_b">
									<div class="box_t">
										<div class="box_r">
											<div class="box_l">
												<div class="box_br">
													<div class="box_bl">
														<div class="box_tr">
															<div class="box_tl">
																<div class="box_head">
																	Conheça Também
																</div>
																<div class="box_body">
																	<div class="__BNRTPL__PAGINAS sideBoxContent"></div>
																</div> 								
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>

</div>
								</div>
					            
					            <div class="clear"></div>
					        </div>
					
                </div>

<div class="produtos_lista">
						
			<style>
				.box_produtos_filter { margin: 0px 0px 10px 0px; text-align: left; font-size: 10px; }
				.box_produtos_filter fieldset { margin: 0; padding: 0px 10px 0px 10px; }
				.box_produtos_filter legend { font-size: 12px; }
				.box_produtos_filter .input-text { width: 140px; }
				.box_produtos_filter .input-radio { width: 12px; height: 12px; }
				.box_produtos_filter .input-submit {  }
				.box_produtos_filter td { padding: 0px 5px 5px 0px; vertical-align: top; line-height: 12px; }
			</style>
			
			<div class="box_produtos_filter">
				<form id="form_filter" name="form_filter" onsubmit="return false;">
				<table width="100%">
				 <tr>
				  <td valign="bottom" style="vertical-align:bottom;" nowrap>
										<div class="item">
											<strong>Manter...</strong><br />
											<table width="100%">
											 <tr>
												<td>
													<label>Com a(s) palavra(s): </label><br>
													<input type="text" class="input input-text" id="txt_filter_com" name="txt_filter_com" value="" /><br />
												</td>
												<td>
													<label>Sem a(s) palavra(s): </label><br>
													<input type="text" class="input input-text" id="txt_filter_sem" name="txt_filter_sem" value="" /><br />
												</td>
												<td>
													<label> </label><br>
													<input type="submit" value="Filtrar" class="input input-submit" /><br />
												</td>
											 </tr>
											</table>
										</div>
				  </td>
				  <td width="100%" align="right" valign="bottom" style="vertical-align:bottom;" nowrap>
						<div class="ordem">
							<strong>Ordenar por: </strong>
							<select id="produtos_ordem" class="filter_sort" name="produtos_ordem">
								<option value="popular">Popularidade</option>
								<option value="menor_preco">Menor preço</option>
								<option value="maior_preco">Maior preço</option>
								<option value="produto">Produto</option>
							</select>
						</div>
				  </td>
				 </tr>
				</table>
				</form>
			</div>
			
			
	<script>
	
	function sortByNomeAsc(a,b){
		if(a.Nom_Produto == b.Nom_Produto){
			return 0;
		}
		return (a.Nom_Produto < b.Nom_Produto) ? -1 : 1;
	}
	
	function sortByMinPrecoAsc(a,b){
		if(a.minPreco == b.minPreco){
			return 0;
		}
		return (parseFloat(a.minPreco) < parseFloat(b.minPreco)) ? -1 : 1;
	}
	function sortByMinPrecoDesc(a,b){
		if(a.minPreco == b.minPreco){
			return 0;
		}
		return (parseFloat(a.minPreco) > parseFloat(b.minPreco)) ? -1 : 1;
	}
	function sortByMaxPrecoDesc(a,b){
		if(a.maxPreco == b.maxPreco){
			return 0;
		}
		return (parseFloat(a.maxPreco) > parseFloat(b.maxPreco)) ? -1 : 1;
	}
	function sortArrayDo($arrS) {
			var val = $('#produtos_ordem').val()+'';
			switch(val) {
				case 'menor_preco' :
						$arrS.sort(sortByMinPrecoAsc);
					break;
				case 'maior_preco' :
						$arrS.sort(sortByMinPrecoDesc);
					break;
				case 'produto' :
						$arrS.sort(sortByNomeAsc);
					break;
				case 'popular' :
				default :
					break;
			}
			return $arrS;
	}

$('#produtos_ordem').change(function(){
			var val = $(this).val()+'';
			var url = baseUrlModule + requestJSON['controller'] + '/' + requestJSON['action'] + '/produtos_ordem/'+val;
			arrSortGlobal = arrDados['list_produtos_filter']?arrDados['list_produtos_filter']:arrAtual;
			arrSortGlobal = sortArrayDo(arrSortGlobal);
			buildTable(arrSortGlobal);

//document.location.href = url;
		return false;
	});
	
	if(requestJSON['produtos_ordem']) {
		$('#produtos_ordem').val(requestJSON['produtos_ordem']);
	}

//var arrTodos = filterArray(arrDados['produtos'],'refri','Nom_Produto');
	var arrTodos = arrDados['produtos'];
	var arrAtual = arrTodos;
	var arrSortGlobal = new Array();
	//var arrAtual = arrDados['produtos'];
	var arrVinc = globals_arrDadosDB['produtos_pessoas_logado'];
	
	function buildTable(arrProds) {
		var obj_box_all_paging = $('.box_all_paging').get(0);
		if($(arrProds).size()) {
			$(obj_box_all_paging).before('<div class="__BNRTPL__PRODUTOS" param="{\'data\':\'list_produtos_filter\'}"></div>');
			$(obj_box_all_paging).remove();			
			var objDiv = $('.__BNRTPL__PRODUTOS');
			if($(objDiv).is('div')) {
					//$(objDiv).html('');
					arrDados['list_produtos_filter'] = arrProds;
					//$(objDiv).addClass('__BNRTPL__PRODUTOS');
					//$(objDiv).attr('param',"{'data':'list_produtos_filter'}");
					monta__BNRTPL__PRODUTOS();
			}
		} else {
			$(obj_box_all_paging).html('<p>Sua pesquisa não retornou resultados!<br />Tente novamente usando outros termos.</p>');
		}
	}
	
	function resetFilterSort() {
		$('#form_filter .filter_sort').val('');
	}
	function resetFilter() {
		$('#form_filter input[type=text],input[type=radio]').each(function(){
			if($(this).is('input[type=radio]')) {
				var nm = $(this).attr('name');
				$($('input[name='+nm+']').get(0)).attr('checked','true');
			} else {
				$(this).val('');
			}
		});
	}

$(document).ready(function(){
		resetFilter();
		$('#form_filter').submit(function(){
				resetFilterSort();
				var kw_com = $('#txt_filter_com').val()+'';
				var kw_sem = $('#txt_filter_sem').val()+'';
				//var arrKW = filterArray(arrDados['produtos'],kw,'Nom_Produto');
				var arrKW = filterArray(arrAtual,kw_com,'Nom_Produto');
				if(kw_sem+''!='') {
					var arrKWAux = arrKW;
					arrKW = new Array();
					arrKW = filterArray(arrKWAux,kw_sem,'Nom_Produto','<>');
				}
				buildTable(arrKW);
			return false;
		});
		$('.aba a.a_filter_vinc').click(function(){
		//$('input[name=rd_filter_vinc]').change(function(){
				resetFilter();
				
				$('.aba a.a_filter_vinc').removeClass('selected');
				$(this).addClass('selected');
				
				arrAtual = arrTodos;
				var val = $(this).attr('param')+'';
				var arrResult = new Array();
				var idx = 0;
				switch(val) {
					case 'todos' :
							arrResult = arrAtual;
						break;
					case 'selecionados' :
							var arrAux = arrAtual;
							for(var i in arrAux) {
								var row = arrAux[i];
								if(row) {
									var idProduto = row['idProduto'];
									if(arrVinc[idProduto]) {
										arrResult[i] = row;
										idx++;
									}
								}
							}
						break;
					case 'n_selecionados' :
							var arrAux = arrAtual;
							for(var i in arrAux) {
								var row = arrAux[i];
								if(row) {
									var idProduto = row['idProduto'];
									if(!arrVinc[idProduto]) {
										arrResult[i] = row;
										idx++;
									}
								}
							}
						break;
				}
								
				//alert($(arrResult).size())
				arrAtual = arrResult;
				buildTable(arrResult);
			return false;
		});
		
		
		//arrAtual = arrDados['produtos'];
		
		//showAll();
	});
	
	function getAll() {
		return arrTodos;
	}
	
	function showAll() {
		var html = buildTable(getAll());
		$('.result').html(html);
	}

</script>			<div class="__BNRTPL__PRODUTOS" param="{rowsPerPage:10}"></div>
		</div>