function genera_paginacion(total_elementos, cantidad_por_pagina){
	
	
	if(parseInt(total_elementos)>parseInt(cantidad_por_pagina)){//si el total_elementos es mayor
	                                             //que cantidad_por_pagina entonces
                                            //solo asi se generara la paginacion 
				
															
			   var paginas=Math.ceil(total_elementos/cantidad_por_pagina);
			   var variable_limit=0;//esta la variable que le pasaremos
									//al limit del mysql empieza en cero porque
									//la extraer los primeros se pone limit 0,X
				
			   //ESTE ES PARA EL DIV DE ARRIBA (DIV_PAGINACION)			
			   var strhtml_1="<span style='color:#A55800'>P&aacute;ginas</span> ";
			   
			   //ESTE ES PARA EL DIV DE ARRIBA (DIV_PAGINACION_2)
			   var strhtml_2="<span style='color:#A55800'>P&aacute;ginas</span> ";
			   
			   
			   
			   for(i=0; i<paginas; i++){
		
		
				parametro=variable_limit.toString()+","+cantidad_por_pagina.toString();
				
				strhtml_1+="&nbsp;&nbsp;"
				strhtml_1+="<span class='sp_paginacion' id='sp_pag"+(i+1).toString()+"' " ;
				//strhtml+=" onclick='color_paginacion_foto(this.id),";
				strhtml_1+=" onclick='manda_paginacion(\""+parametro+"\", this.id )'>";
				strhtml_1+=(i+1).toString();
				strhtml_1+="</span> ";
				
				strhtml_2+="&nbsp;&nbsp;"
				strhtml_2+="<span class='sp_paginacion' id='sp2_pag"+(i+1).toString()+"' " ;
				//strhtml+=" onclick='color_paginacion_foto(this.id),";
				strhtml_2+=" onclick='manda_paginacion(\""+parametro+"\", this.id )'>";
				strhtml_2+=(i+1).toString();
				strhtml_2+="</span> ";
				
				
				
				variable_limit= cantidad_por_pagina * (i+1);
				 
			   }//end for
			   
			   //DEPENDIENDO EN DONDE LO VAMOS A UBICAR
				//EL getElementById(XXXX) CAMBIA
				
	            document.getElementById("div_paginacion").innerHTML=strhtml_1; 
				document.getElementById("div_paginacion_2").innerHTML=strhtml_2; 
			   
			   
			   //pintamos el primero para que este con colorsito
			   document.getElementById("sp_pag1").className="sp_paginacion_seleccionada"; 
			    document.getElementById("sp2_pag1").className="sp_paginacion_seleccionada"; 
											
	}//end if
	
	
}//en function


function color_paginacion_foto(idspan_seleccionado){
//manda_paginacion ES UNA FUNCION QUE SE LE TIENE QUE PASAR 
//EL VALOR DEL LIMIT Y EL ID DEL SPAN AL CUAL SE LE HIZO CLICK
	
		var parte=idspan_seleccionado.split("_");
		
		if(parte[0]=="sp"){//AQUI ENTRA SI MANDAMOS DESDE LA PAGINACION DE ARRIBA (DIV_PAGINACION)
		
		
					var sp="sp_pag1";//el primer span se llama sp1
					var sp2="sp2_pag1";//el primer span se llama sp2
					
					var con=1;//me servira para generar los nombres de los span
					while (document.getElementById(sp)!= null ){//cuado el objeto no exista sera null por
																//lo tanto ya ni entrara al bucle
							if(idspan_seleccionado==sp){
								document.getElementById(sp).className="sp_paginacion_seleccionada"; 
								document.getElementById(sp2).className="sp_paginacion_seleccionada"; 
								
							}else{
								document.getElementById(sp).className="sp_paginacion"; 
								document.getElementById(sp2).className="sp_paginacion"; 
							}//endif
						
						  con=con+1;
						  sp="sp_pag"+con.toString();//aqui generamos los nombres de los span en forma dinamica
						  sp2="sp2_pag"+con.toString();//aqui generamos los nombres de los span en forma dinamica
											
						
					}//end while
		
		}else if(parte[0]=="sp2"){//AQUI ENTRA SI MANDAMOS DESDE LA PAGINACION DE ARRIBA (DIV_PAGINACION_2)
			
			
				var sp="sp_pag1";//el primer span se llama sp1
				var sp2="sp2_pag1";//el primer span se llama sp1
				
				var con=1;//me servira para generar los nombres de los span
				while (document.getElementById(sp2)!= null ){//cuado el objeto no exista sera null por
															//lo tanto ya ni entrara al bucle
						if(idspan_seleccionado==sp2){
							document.getElementById(sp).className="sp_paginacion_seleccionada"; 
							document.getElementById(sp2).className="sp_paginacion_seleccionada"; 
							
						}else{
							document.getElementById(sp).className="sp_paginacion"; 
							document.getElementById(sp2).className="sp_paginacion"; 
						}//endif
					
					  con=con+1;
					  sp="sp_pag"+con.toString();//aqui generamos los nombres de los span en forma dinamica
					  sp2="sp2_pag"+con.toString();//aqui generamos los nombres de los span en forma dinamica
										
					
				}//end while
			
			
			
		}//endIf
	
}//end function



function construir_tabla_productos(num_fotos){
	
	var filas=Math.ceil(num_fotos/3);
	var strhtml="<table  border='0' ";
        strhtml+="cellpadding='0' cellspacing='5' width='500' align='center'>";
	    	
	inicio=1;
	final=3;
	for(i=1; i<=filas; i++){
	    
		strhtml+="<tr>";
	        	
		for(j=inicio; j<=final; j++){

		    strhtml+="<td class='td_foto' id='td_foto"+j.toString() +"' ";
			strhtml+=" width='33%' height='300' >";
			strhtml+="&nbsp;</td>";
		}
		
		
		strhtml+="</tr>";
		
		inicio=inicio+3;
		final=final+3;
	}
	
	
			
	
	strhtml+="</table>";
	//alert(strhtml);
	document.getElementById("div_data").innerHTML=strhtml;

}


function construye_data_productos(valor){
	
	
	//p.idproducto, idvariedad, p.nombre, v.pvr, v.pvp, stock, foto_normal
	var rows=valor.split("~");
	
	for(i=0; i<rows.length; i++){
		
		var campos=rows[i].split("|");
		
		//CAMPOS
		
		var idproducto=campos[0];
		var idvariedad=campos[1];
		var nombre=campos[2];
		var pvr=campos[3];
		var pvp=campos[4];
		var stock=campos[5];
		var foto_normal=campos[6];
		
		
		
		   
		//construimos el nombre de la foto thumb
		if(foto_normal.length==0){
			
			 foto_normal="imagenes/foto_normal_prox.jpg";
		
		}else{
			
		     foto_normal="fotos_producto/"+foto_normal;
		}//endif
		
		
		var strhtml="<table  border='0' cellpadding='0' cellspacing='0' width='100%' ";
		    strhtml+=" height='100%' align='center' >";
		
		   			
			strhtml+="<tr>";
			strhtml+="<td height='70%' id='td_foto_normal' >";
			strhtml+="<a href='javascript:detalle_producto(\""+idvariedad+"\")'>";
			strhtml+="<img src='"+foto_normal+"' class='img_btn' />";
			strhtml+="</a>";
			strhtml+="</td>";
			strhtml+="</tr>";
			
			strhtml+="<tr>";
			strhtml+="<td height='30%' id='td_data_foto_normal'>"
			
				var strdata="<table width='100%' height='100%' ";
					strdata+=" cellpadding='0' cellspacing='0' align='center'  >";
			        
					
					strdata+="<tr>";
					strdata+="<td height='70%' style='font-weight:bold;' >";
					strdata+="<a class='link' ";
					strdata+=" href='javascript:detalle_producto(\""+idvariedad+"\")'  >";
					strdata+=recibe_transformacion(nombre)+"</a> ";
					strdata+="<br/> <span class='sp_euros'>&euro;&nbsp;"+pvr+"</span>";
					strdata+="&nbsp;&nbsp;&nbsp;&euro;&nbsp;"+pvp;
					strdata+="</td>";
					strdata+="</tr>";
					
					strdata+="<tr>";
					strdata+="<td height='30%' style='vertical-align:top'>";
					strdata+="<img src='imagenes/boton_comprar.gif' class='img_btn' ";
					strdata+="onclick='agregar_canasta(\""+idvariedad+"\")'/></td>";
					strdata+="</tr>";
		
					
					strdata+="</table>";
			
			strhtml+=strdata;
			
			strhtml+="</td>";
			strhtml+="</tr>";
			
			strhtml+="</table>";
		
		
			
			var id_td="td_foto"+(i+1).toString();
		    document.getElementById(id_td).innerHTML=strhtml;
		
	   
		
	}//endfor
	
}



function detalle_producto(idvariedad){
    
	window.location.href="detalle_variedad.php?idvariedad="+idvariedad;
	
}

function limpia_data_y_paginacion(){
	document.getElementById("div_paginacion").innerHTML="";
	document.getElementById("div_data").innerHTML="";
	
}

function mensaje_no_items(){
	
	var men="La marca no registra ningun producto";
	document.getElementById("div_data").innerHTML=men;
	
}


function manda_paginacion(limit, sp_select){
       
	   var objeto=document.getElementById("cbo_marcas");
	   
	   if(objeto!=null){ //SI EXISTE cbo_marcas LO MANDAMOS COMO PARAMETRO EN LA URL
		   
		  var idmarcas=document.getElementById("cbo_marcas").value;
		  var pagina=window.location.href;
		  var $parte=pagina.split("?");
		  
     var pagina=$parte[0]+"?sw=2&idmarca="+idmarcas+"&limit="+limit+"&sp_seleccionado="+sp_select; 	  
	   }else{ //SI NO  EXISTE cbo_marcas, NO LO PASAMOS COMO PARAMETRO
		   
		  var pagina=window.location.href;
		  var $parte=pagina.split("?");
          var pagina=$parte[0]+"?sw=2&limit="+limit+"&sp_seleccionado="+sp_select;
		
	   }//endIF
	   
		window.location.href=pagina;
		
}//endFunction


function gif_ajax(id_object){
	
	 var strhtml="<img src='imagenes_administracion/indicator.gif'>";
	document.getElementById(id_object).innerHTML=strhtml;
	
}