	//gestion del boton de continuar
	var id_color;
	var text_tipo;
	var text_tam;





	$(document).ready(function(){
	
	
		$("#content #center #listado li a").click(function(){
			id_color = this.name;
			//Aqui debemos Meter solo el primer campo.
			$.ajax({
					type: "POST",
					url: "../ajax/llista.php",
					data: "id="+this.name+"&type=1",
                    dataType: "xml", 
					success: function(xml) {
                        tipus = $(xml).find('tipus').text();
                        tamany = $(xml).find('tamany').text();
						$("#select-tipo").html(tipus);
                        $("#select-tam").html(tamany);
                        if(tamany)
                        {
                            $("#content .bot-continuar a").html('<img src="../images/bot-continuar.gif" alt="continuar" title="continuar" />');
                        }
                        else
                        {
						    $("#content .bot-continuar a").html('');
                        }
					}
			});
		});
		
		$("#content .bot-continuar a").click(function(){
			location.href = document.getElementById("select_tamany").value;
        });
		
		
	});
	
	
	function generateSelectTamano(id){
		//A partir de la id del tipo de pintura y la variable en id_color, hacemos el select de todos los tamanos disponibles.
		$.ajax({
					type: "POST",
					url: "../ajax/llista.php",
					data: "id="+id_color+"&tipo="+id+"&type=2",
					dataType: "xml",
                  
                    success: function(xml){
                        tamany = $(xml).find('tamany').text();
						$("#select-tam").html(tamany);
						$("#content .bot-continuar a").html('<img src="../images/bot-continuar.gif" alt="continuar" title="continuar" />');
					}
			});
	}
	
	
