function detalhes_fechar() {
	ocultar_div('div_detalhe');
	mostrar_div('div_corpo');
}

function detalhes_detalhe(codigo_tamanho) {
	AjaxRequest();
	if(!Ajax) {
		alert('Não foi possível iniciar o AJAX');
		return;
	}
	Ajax.onreadystatechange = detalhes_detalhe_retorno;
	
	ocultar_div('div_corpo');
	div_texto('div_detalhe', ' ');
	mostrar_div('div_detalhe');
	
	contador = contador + 1;
	Ajax.open('GET', 'detalhes.php?codigo_tamanho=' + codigo_tamanho + '&contador=' + contador + '', true);
    Ajax.send(null);
}

function mostrar_foto_grande(arquivo) {
	var f = document.getElementById('detalhe_foto_grande');
	if (f) {
		f.src = 'fotos/' + arquivo;
	}
}

function detalhes_detalhe_retorno() {
	if (Ajax.readyState == 4) {
    	if (Ajax.status == 200) {
			var xmldoc = Ajax.responseXML;					
			if(xmldoc.hasChildNodes()) {
				var nos    		= xmldoc.getElementsByTagName('d');
				no = nos[0];
				var wpreco = node_texto(no.getElementsByTagName('preco'), '0');
				
				var foto1 = node_texto(no.getElementsByTagName('arquivo'), 'no_foto_g.gif');
				var s = '<form name="form_detalhe" id="form_detalhe" method="post" action="javascript:void(0);"> '+
					'	<table width="100%" border="0" cellpadding="0" cellspacing="2"> '+
					'      <tr>'+
					'         <td width="261"><img name="detalhe_foto_grande" id="detalhe_foto_grande" src="fotos/' + foto1 + '" /></td>'+
					'         <td width="262" align="center"><span class="tit_prod">' + node_texto(no.getElementsByTagName('grupo'), '') + '</span><br />'+
					'           <span class="tit_mmod">' + node_texto(no.getElementsByTagName('marca'), '') + ' - ' + node_texto(no.getElementsByTagName('modelo'), '') + '</span><br />'+
					'           <br />'+
					'           <span class="tit_valor">' + texto_preco(node_texto(no.getElementsByTagName('preco'), 'consulte')) + '</span><br />'+
					'           <!--<a href="javascript:void(0);">Adicionar &agrave; lista</a>-->'+
					'		</td>'+
					'      </tr>';
				
				var des = node_texto(no.getElementsByTagName('descricao'), '&nbsp;');
				var codigo = node_texto(no.getElementsByTagName('codigo'), '0');
				var nos = xmldoc.getElementsByTagName('f');
				if (nos) {
					s = s + ''+	
						'<tr> '+
						'  <td colspan="2">';
					for(var i=0;i<nos.length;i++) {
						if (i==0) {
							s = s + '<img src="fotos/' + foto1 + '" width="60" height="45"  hspace="2" vspace="2" align="left" style="cursor:pointer; " onClick="javascript:mostrar_foto_grande(\'' + foto1 + '\')" >';
						}
						no = nos[i];
						s = s + '<img src="fotos/' + node_texto(no.getElementsByTagName('arquivo'), '') + '" width="60" hspace="2" vspace="2" align="left" style="cursor:pointer; " onClick="javascript:mostrar_foto_grande(\'' + node_texto(no.getElementsByTagName('arquivo'), '') + '\')"  >';
					}
					s = s + '</td>'+
						'  </tr>';					
				}

				if (des != '') {
					s = s + '' +
						'<tr>'+
						'  <td colspan="2">' + des + '</td>'+
						'</tr>';
						'<tr>'+
						'  <td colspan="2">&nbsp;</td>'+
						'</tr>';
				}

				var nos = xmldoc.getElementsByTagName('t');
				if (nos) {
					s = s + ''+	
						'<tr> '+
						'  <td colspan="2">Tamanhos: <table width="300">';
					for(var i=0;i<nos.length;i++) {
						no = nos[i];
						s = s + '<tr><td width="30">';
						if (wpreco == '0') {
							s = s + '&nbsp;';
						} else {
							s = s + '<input name="compras_tamanho" id="compras_tamanho" type="radio" value="' + node_texto(no.getElementsByTagName('codigo'), '') + '" ';
							if (node_texto(no.getElementsByTagName('codigo'), '')==codigo) {
								s = s + ' checked ';
							}
							s = s + '/>';
						}
						s = s + '</td><td width="270">' + node_texto(no.getElementsByTagName('tamanho'), '') + '</td></tr>';
					}
					s = s + '</table>  </td>'+
						'  </tr>';					
				}
			
				var nos = xmldoc.getElementsByTagName('c');
				if (nos) {
					s = s + ''+	
						'<tr> '+
						'  <td colspan="2">Cores: <table width="200" border="0" cellspacing="2" cellpadding="2">';
						
					for(var i=0;i<nos.length;i++) {
						no = nos[i];
						s = s + '<tr><td width="30">';
						if (wpreco == '0') {
							s = s + '&nbsp;';
						} else {
							s = s + '<input name="cor_selecionado" id="cor_selecionado" type="radio" value="' + node_texto(no.getElementsByTagName('cor'), '') + '" />';
						}
						s = s + '</td><td width="170" bgcolor="#' + node_texto(no.getElementsByTagName('cor'), '') + '">&nbsp;</td></tr>';
					}
					s = s + '</table>'+
						'</td>'+
						'  </tr>';					
				}
				
				if (wpreco != '0') {
			
					s = s +	'<tr>'+
						'         <td colspan="2"><br>Adicionar &agrave;s minhas compras: <input type="text" name="compras_quantidade" id="compras_quantidade" value="1" size="2"> <input name="compras_bt4" type="button" id="compras_bt4" value="adicionar" class="input_botao" onClick="javascript:compras_adicionar_verificar();" /></td>'+
						'      </tr>';
				}
				s = s +	'<tr>'+
					'         <td colspan="2" align="center"><br><br><a href="javascript: void(0);" onClick="javascript:detalhes_fechar();">Retornar &agrave; lista anterior </a></td>'+
					'      </tr>'+
					'	</table>'+
					'</form>';
				
				div_texto('div_detalhe', s);
			}
			proxima_funcao();
        } else {
			alert('Erro no Retorno do Servidor ' + Ajax.statusText);
        }
    }	
}