/****************************************************************************************************************************************/
/*FUNCTION fam_page = Genera la tabla de la Family Page

Parametros:

	grupo = id del grupo de la family page

*/

function fam_page(){
	if (document.getElementById('family') != null) {
		loadXMLDoc('/xml/LojaCartoes.xml', 'family', function(xmlDoc) {
			
			var oHtml='';
			var famurl='';
			var row, ban, oCartao, oVariante, oBandeira;
			var sEmisor, sGrupo, sVariante, sBandeira, legenda, grupo, cards, querry;
			querry = location.href.substring(location.href.indexOf("?")+1).split("&");
			if (querry[0]!=null)grupo = querry[0].substring(querry[0].indexOf("=")+1);
			
			oCartao = xmlDoc.getElementsByTagName("Cartoes")[0].getElementsByTagName("Cartao");
			oEmisor = xmlDoc.getElementsByTagName("Emissores")[0].getElementsByTagName("Emissor");
			oGrupo = xmlDoc.getElementsByTagName("Grupos")[0].getElementsByTagName("Grupo");
			oVariante = xmlDoc.getElementsByTagName("Variantes")[0].getElementsByTagName("Variante");
			oBandeira = xmlDoc.getElementsByTagName("Bandeiras")[0].getElementsByTagName("Bandeira");
			
			for(var x = 0; x < oCartao.length; x++){			
				if (oCartao[x].getElementsByTagName("Grupo")[0].firstChild.nodeValue == grupo) {
				famurl+=oCartao[x].getElementsByTagName("ID")[0].firstChild.nodeValue + ',';
				}
			}
			famurl=famurl.substring(0,(famurl.length-1));
			cards=famurl.split(",");
			for(var x = 0; x < oGrupo.length; x++){			
				if (oGrupo[x].getElementsByTagName("ID")[0].firstChild.nodeValue == grupo) {
					
					//nombre//
					
					/*METRICAS*/
					hbx.pn="Familia+de+Cartoes+-+"+oGrupo[x].getElementsByTagName("Description")[0].firstChild.nodeValue.split(" ").join("+");
					/*/METRICAS*/
					
					for (var y = 0; y < oEmisor.length; y++){
						if (oGrupo[x].getElementsByTagName("Emissor")[0].firstChild.nodeValue == oEmisor[y].getElementsByTagName("ID")[0].firstChild.nodeValue){
							sEmisor = oEmisor[y].getElementsByTagName("Description")[0].firstChild.nodeValue;
						}
					}
          sGrupo = oGrupo[x].getElementsByTagName("Description")[0].firstChild.nodeValue;
					document.getElementById('fam_name').innerHTML='<h1>'+sEmisor+' '+sGrupo+'</h1>';
					oHtml='';
					nombrefam = sEmisor+' '+sGrupo;
					//fin de nombre//
					//promociones//
					oHtml+='<ul>';
					for (var y = 0; y < oGrupo[x].getElementsByTagName("Promocao").length; y++){			
						oHtml+='<li>'+oGrupo[x].getElementsByTagName("Promocao")[y].firstChild.nodeValue+'</li>';
					}
					oHtml+='</ul>';
					document.getElementById('fam_pro').innerHTML=oHtml;
					oHtml='';
					//fin promociones//

					/*imagem familia*/
					var imagem = oGrupo[x].getElementsByTagName("Image")[0].firstChild.nodeValue;
					document.getElementById("imagem_familia").src = imagem;
					/*fim imagem familia*/
				}
			}
	
			
			//family//
			oHtml='';
			oHtml= '<table class="table_cards" border="0" cellpadding="0" cellspacing="0">';			
			oHtml+='	<thead>';
			oHtml+='		<tr>';
			oHtml+='			<td width="132" class="no_bg"></td>';
			oHtml+='			<td width="80">Anuidade</td>';
			oHtml+='			<td width="120">Renda M&iacute;nima</td>';
			oHtml+='			<td width="118">Aceita&ccedil;&atilde;o</td>';
			oHtml+='			<td width="110">Bandeiras</td>';
			oHtml+='			<td width="75" class="no_bg">&nbsp;</td>';
			oHtml+='		</tr>';
			oHtml+='	</thead>';
			
      		legenda = [];
			for(var x = 0; x < oCartao.length; x++){			
				if (oCartao[x].getElementsByTagName("Grupo")[0].firstChild.nodeValue == grupo) {
					
					for (var y = 0; y < oVariante.length; y++){
						if (oCartao[x].getElementsByTagName("Variante")[0].firstChild.nodeValue == oVariante[y].getElementsByTagName("ID")[0].firstChild.nodeValue){
								
							sVariante= oVariante[y].getElementsByTagName("Description")[0].firstChild.nodeValue;
							if(sVariante == ""){
								sVariante = "International"
							}
							sAceitacao=oVariante[y].getElementsByTagName("Aceitacao")[0].firstChild.nodeValue;
						}
					}
					
					if(oCartao[x].getElementsByTagName("Renda")[0].firstChild != null){
						sRenda= "R$ "+oCartao[x].getElementsByTagName("Renda")[0].firstChild.nodeValue+",00";
					}else{
						sRenda = "Sem comprova&ccedil;&atilde;o";
					}
					
					if(oCartao[x].getElementsByTagName("AnuidadeComp").length){
						sObs_Anuidade = oCartao[x].getElementsByTagName("AnuidadeComp")[0].firstChild.nodeValue;
					}else if(oCartao[x].getElementsByTagName("Anuidade")[0].firstChild != null){
						sObs_Anuidade = oCartao[x].getElementsByTagName("Anuidade")[0].firstChild.nodeValue;
					}else{
						sObs_Anuidade = "";
					}
					if(oCartao[x].getElementsByTagName("Parcela")[0].firstChild != null){
						sObs_Anuidade = oCartao[x].getElementsByTagName("Parcela")[0].firstChild.nodeValue + " x R$ " + sObs_Anuidade.replace(".", ",");
					}else if(sObs_Anuidade==''){
						sObs_Anuidade = "Gr&aacute;tis";
					}
					sBandeira= oCartao[x].getElementsByTagName("Bandeiras")[0].getElementsByTagName("Bandeira");
					if ( oCartao[x].getElementsByTagName('LegendaComp').length ) {
						legenda.push( oCartao[x].getElementsByTagName('LegendaComp')[0].firstChild.nodeValue );
					}
					
					if (row == 1) {row = 2;} else {row = 1;}
					oHtml+='<tbody class="row'+row+'">'; 
					oHtml+='	<tr>';
					oHtml+='		<td class="left_1">'+sVariante+'</td>';
					oHtml+='		<td rowspan="2" class="cont">'+sObs_Anuidade+'</td>';
					oHtml+='		<td rowspan="2" class="cont">'+sRenda+'</td>';
					oHtml+='		<td rowspan="2" class="cont">'+sAceitacao+'</td>';
					oHtml+='		<td rowspan="2" colspan="2">';
					oHtml+='			<table height="75" width="100%" cellpadding="0" cellspacing="0" border="0">';
					var bandeiras = [];
					for (var z = 0; z < sBandeira.length; z++){
						for (var b = 0; b < oBandeira.length; b++){
							if (sBandeira[z].getElementsByTagName("ID")[0].firstChild.nodeValue == oBandeira[b].getElementsByTagName("ID")[0].firstChild.nodeValue){

								var band = sBandeira[z].getElementsByTagName("ID")[0].firstChild.nodeValue;
								var prd     = sBandeira[z].getElementsByTagName("Product");
								var prdIron = sBandeira[z].getElementsByTagName("ProductIron");
/*				                sNomeBandeira = oBandeira[b].getElementsByTagName("Description")[0].firstChild.nodeValue;
*/
								bandeiras[band=='2'?'unshift':'push']({ // MasterCard antes de Visa
									'id': band,
									'nome': oBandeira[b].getElementsByTagName("Description")[0].firstChild.nodeValue,
									'img': oBandeira[b].getElementsByTagName("Imagem")[0].firstChild.nodeValue,
									'prod': {
										'iron': ( prdIron.length && prdIron[0].childNodes.length
											? prdIron[0].firstChild.nodeValue : null ),
										'icard': ( prd.length && prd[0].childNodes.length
											? prd[0].firstChild.nodeValue : null )
									},
									'source': sBandeira[z].getElementsByTagName("Source")[0].firstChild.nodeValue
								});
							}
						}
					}
					for ( var bk in bandeiras ) {
						var b = bandeiras[bk];
						if (ban == 1) {ban = 2;} else {ban = 1;}
						oHtml+='				<tr>';
						oHtml+='					<td width="103" class="bandeira_'+ban+'"><img src="'+b.img+'" alt="'+b.nome+'" /></td>';								

						if ( b.prod.iron ) {
							oHtml+='					<td width="71" class="solicitar_'+ ban +'"><a onclick="_hbLink(\'Vitrine de cartoes - Solicitar\',\'['+sEmisor+' '+sGrupo+' '+sVariante+'] ['+b.nome+']\');';
							oHtml+=' window.open(this.href, \'_blank\', \'left=100,toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=690,height=550\'); return false;"';
							oHtml+=' href="https://www.imbservices.com.br/CitiInternetSales/abreProposta.do?LOGO='+ b.prod.iron +'&SOURCE_CODE='+ b.source +'" class="link" title="Solicitar">Solicitar</a></td>';

						} else if ( b.prod.icard ) {
							oHtml+='					<td width="71" class="solicitar_'+ ban +'"><a onclick="_hbLink(\'Vitrine de cartoes - Solicitar\',\'['+sEmisor+' '+sGrupo+' '+sVariante+'] ['+b.nome+']\');"';
							oHtml+=' href="'+ urlS +'/BRGCB/ICARD/appnew/getApplyNow.do?p='+ b.prod.icard +'&s='+ b.source +'&layout=Portal" class="link" title="Solicitar">Solicitar</a></td>';

						} else {
							oHtml+='					<td width="71" class="solicitar_'+ ban +'"><a name="&lid=Link+central&lpos=Centrais+de+vendas" href="/atendimento/centralatendimento.htm#centrais_vendas" class="link" title="Solicitar">Solicitar</a></td>';
						}
						oHtml+='				</tr>';
					}
					oHtml+='			</table>';
					oHtml+='		</td>';
					oHtml+='	</tr>';
					oHtml+='	<tr>';
					
							oHtml+='<td class="left_2"><a onclick="_hbLink(\'Vitrine de cartoes - Detalhes\',\'['+sEmisor+' '+sGrupo+' '+sVariante+']" href="/cartoes/cards/card_page.htm?id='+oCartao[x].getElementsByTagName("ID")[0].firstChild.nodeValue+'&cards=';
							for (var z = 0; z<cards.length; z++){
								if (oCartao[x].getElementsByTagName("ID")[0].firstChild.nodeValue != cards[z]) oHtml+= cards[z]+',';
							}
							oHtml+='" class="link2">Detalhes</a></td>';
					
					oHtml+='	</tr>';
					oHtml+='</tbody>';
				}
			}
			oHtml+='	<tfoot>';
			oHtml+='		<tr>';
			oHtml+='			<td colspan="6"><div class="bt_expandir"><a name="&lid=Expandir+comparacao&lpos=Expandir+comparacao" href="/cartoes/comp/cartao_comp.htm?comp='+famurl+'" title="Expandir comparação">Expandir comparação</a></div></td>';
			oHtml+='		</tr>';
			oHtml+='	</tfoot>';
			oHtml+='</table>';
      if ( legenda.length ) {
        oHtml +='<br/><small>'+legenda.join('<br/>')+'</small>';
      }
			
			document.getElementById('family').innerHTML=oHtml;
			muestrafeature("fam", grupo, "M", nombrefam);
			muestrafeature("fam", grupo, "D", nombrefam);
			muestrafeature("fam", grupo, "S", nombrefam);
			//family//
		});
	}
}
onloadEvent.push (function(){
	fam_page();
});
/*FIN DE FUNCION*/