$('document').ready(function() 
	{ 
	
	
	
	//ESCONDER TABLAS
$('#divCiudad').hide();
$('#tablaProducto').hide();
$('#tablaProducto2').hide();

	
	//SELECCIONO INPUT
$("input[name='rdio']").click(function()
{	
	
    if ($("input[name='rdio']:checked").val() == '1' )
	{	   
        tabla('fabatsa')
		miRadio="Básculas";
		
	}
	if ($("input[name='rdio']:checked").val() == '2')
	{	   
        tabla('teqma')
		miRadio="Maquinaria para Procesar Alimentos";
		
	}
	if ($("input[name='rdio']:checked").val() == '3' )
	{	   
        tabla('fersa')
		miRadio="Refrigeración";
		
	}
	
	if ($("input[name='rdio']:checked").val() == '4')
	{	   
        tabla('comitor')
		miRadio="Equipo para Restaurantes";
		
	}
	
	if ($("input[name='rdio']:checked").val() == '5')
	{	   
        tabla('fersa')
		miRadio="Linea Snack";
		
	}
	
        
        
});






function removerTablaDist()
	{
		
		
		
		
		
		 $("input:radio").attr("checked", false);
	
			for (i=0;i<15;i++)
			{			
				$('#dist'+i).remove();			
			
			}
	
	
	}





function tabla (cual)
		{
			
		valor=$("#ciudadCombo").val();
			
			
			$.getJSON('dataTec.php',{opcion:"opcionTabla", // Nombre del combo
							ciudad:valor,
							div:cual}, parseInfo);
			
	
	function parseInfo(data)
	{
		
	
		
		for (i=0;i<15;i++)
			{			
				$('#dist'+i).remove();			
			
			}		
		
		if (data.length==undefined)
		{
			removerTablaDist();
			alert ("NO SE ENCONTRARON RESULTADOS");	
			
			
		}
		
		
		else
		{
			
		
			
		miTabla='';
		cuantosDist=data.length;
		 
		 for (i=0;i<data.length;i++)
		 {
			
			miTabla+='<tr id="dist'+i+'">';         
			miTabla+='<td align="center"><table width="806" border="1"  cellpadding="0" cellspacing="0">';
			miTabla+='<table width="806" border="0"  cellpadding="0" cellspacing="0">'
			miTabla+='<tr>';
            miTabla+='<td height="5" bgcolor="#f5f5f5"></td>';
             miTabla+='<td align="center" bgcolor="#f5f5f5"></td>';
               miTabla+='   </tr>';
               miTabla+='   <tr>';
              
			    if (i==0)
				{
				miTabla+='   <td bgcolor="#f5f5f5"><span class="textorojo">T&eacute;cnicos Autorizados</span><br />';
                  miTabla+='    <span class="textotitulonegro">'+miRadio+'</span><br />'; 
				}
				else
				{
					miTabla+='   <td bgcolor="#f5f5f5"><span class="textorojo"></span><br />';
                  miTabla+='    <span class="textotitulonegro"></span><br />'; 	
				}
                   miTabla+=' <td width="536" align="center" bgcolor="#f5f5f5"><table  width="530" border="0" cellspacing="0" cellpadding="0">';
                    miTabla+='    <tr>';
                     miTabla+='     <td width="104" class="ladoizq" >Nombre</td>';
                      miTabla+='    <td class="ladoder">'+data[i].tNombreComercial+'</td>';
                      miTabla+='  </tr>';
                      miTabla+='  <tr>';
                      miTabla+='    <td class="ladoizq">Direcci&oacute;n</td>';
                       miTabla+='   <td class="ladoder">'+data[i].direccion+'</td>';
                       miTabla+=' </tr>';
                       miTabla+=' <tr>';
                       miTabla+='   <td class="ladoizq">Tel&eacute;fono</td>';
                       miTabla+='   <td class="ladoder">'+data[i].tTelefono+' '+data[i].tTelefono2+'</td>';
                      miTabla+='  </tr>';
                   miTabla+='   </table></td>';
                miTabla+='  </tr>';
			
			miTabla+='</table>';
			miTabla+='</td>';
			miTabla+='</tr>';
			 }
			
			
			
			
			
			
			
			 
		

		
		 
		 $('#tipoProducto').after(miTabla);
		
		}
	}
	
	
		}










	
		
	$("select").change(function()
		{		
       
			// nombre del combo que reealizo el cambio
			miCombo = $(this).attr("name");			
			// Tomo el valor de la opción seleccionada 
			valor = $(this).val()				
			
			// sI ELEGÍ EL ESTADO
			if(miCombo == 'estadoCombo')
			
				{					
						$('#divCiudad').hide();
						$('#tablaProducto').hide();
						$('#tablaProducto2').hide();
						removerTablaDist();
					
					
				
					if (valor==0)
					{
						$("#ciudadCombo").html('<option value="0" selected="selected">----------</option>')	
						$('#divCiudad').hide();
						$('#tablaProducto').hide();
						$('#tablaProducto2').hide();
						removerTablaDist();
						
						
					}
						else
						{
							$('#divCiudad').show();
							
						
				$('#subCategoriaDiv').show();
				$("#ciudadCombo").html('<option selected="selected" value="0">Cargando...</option>')			
			    $.post("dataTec.php",
					   {
						   
					   		opcion:"opcionCiudad", // Nombre del combo
							id:valor
							
							
							// Valor seleccionado									
						}	,function(data)
									{										
										
										$("#ciudadCombo").html(data);														
									})	
				
						}
				}
		
			
			if(miCombo == 'ciudadCombo' && valor!=0)
				{
				
				$('#tablaProducto').show();
				$('#tablaProducto2').show();
				
									
				}
		  else
		  {
			  
		        $('#tablaProducto').hide();
				$('#tablaProducto2').hide();
				removerTablaDist();			
				
			  
		  }		
					
				
					
					

		})	
	
	
	
		// an anchor element in the list 'mylist' gets clicked
		
	});