/** Javascript XML B2C Suivi Colis - version 1.0 - 18/06/2008 **/

/* Nom du fichier proxy à utiliser pour contourner le pb de récupération d'un flux hébergé sur un site distant
 * Par défaut :
 *  - si aucun serveur proxy nécessaire pour accéder au site distant : "proxy.php"
 *  - si serveur proxy nécessaire pour accéder au site distant : "proxy_dev.php"
 */
var proxyPHP = "";
var pathToImages = "/_img/suivicolisB2C/";

function getURLParam(name) {
	name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	var regexS = "[\\?&]" + name + "=([^&#]*)";
	var regex = new RegExp( regexS );
	var results = regex.exec( window.location.href );
	if( results == null ) return "";
	else return results[1];
};

var tntSCMsgHeaderTitle = "Suivi Colis";
var tntSCMsgSubHeaderTitle = "Suivez votre colis 24h sur 24 et 7 jours sur 7 :";
var tntSCMsgBodyLoading = "Chargement en cours...";
var tntSCMsgBodyInput1 = "Entrez votre référence d'expédition :"; 
var tntSCMsgBodyInput2 = "Vous pouvez choisir une autre référence d'expédition :";
var tntSCMsgBodyFldRef = "Référence de l'expédition : ";
var tntSCMsgBodyFldDtl = "Date de livraison : ";
var tntSCMsgBodyFldDst = "Destination : ";
var tntSCMsgBodyFldSta = "Statut de votre expédition :";
var tntSCMsgBodyFldRel = "Relais Colis<sup class='tntSCSup'>&#174;</sup> :";
var tntSCMsgFooterTitle = "Les solutions de livraisons <div class='tntSCTextBold'>TNT 24h chez Moi</div>&#160;et<BR><div class='tntSCTextBold'>TNT 24h Relais Colis<sup class='tntSCSup'>&#174;</sup></div> sont des offres exclusives<BR>TNT Express France.<BR><BR>Pour toute information: <a href='http://www.tnt.fr' class='tntSCTextBold'>www.tnt.fr</a>";
var tntSCMsgErrModulo = "Votre r&#233;f&#233;rence d'exp&#233;dition est invalide, veuillez v&#233;rifier votre saisie"

function getDivInput(lblInput, bonTransport) {
	return ("<table>"+
				"<tr>"+
					"<td width='250px'>" + lblInput + "</td>"+
				 	"<td width='160px'><input type='text' id='tntSCInputBT' class='tntSCInput' maxlength='16' size='16' value='" + bonTransport + "'/></td>"+
					"<td><a href='#' onclick='tntB2CSuiviColisGetDetail();'><img class='tntSCButton' src='" + pathToImages + "bt-OK-2.jpg' onmouseover='this.src=\"" + pathToImages + "bt-OK-1.jpg\"' onmouseout='this.src=\"" + pathToImages + "bt-OK-2.jpg\"'></a></td>" + 
				"</tr>"+
			"</table>");
};

function tntB2CSuiviColis() {
		
	// Test si ID de référence existe, sinon on ne fait rien
	if (!document.getElementById("tntB2CSuiviColis")) {
		alert("ERREUR: Appel incorrect, objet [tntB2CSuiviColis] manquant !");
		return;
	}
	
	var bonTransport = getURLParam("bonTransport");
	
	var jBaseObj = $("#tntB2CSuiviColis");
	jBaseObj.html(
		"<div>"+
			"<div class='tntSCHeader'>"+ tntSCMsgHeaderTitle + "</div>"+
			"<div class='tntSCSubHeader'>" + tntSCMsgSubHeaderTitle + "</div>"+
		"</div>"+
		"<div>"+
			"<div id='tntBodySC' class='tntSCBody'>"+
				"<div class='tntSCGray'>&#160;</div>"+
				"<div id='tntBodyContentSC'>" + getDivInput(tntSCMsgBodyInput1, bonTransport) +	"</div>"+
				"<div id='tntSCLoading' style='display:none;'>" + tntSCMsgBodyLoading + "</div>"+
				"<div id='tntSCError' class='tntSCError' style='display:none;'></div>"+
			"</div>" +		
			"<div class='tntSCWhite'>&#160;</div>"+
			"<div id='tntBodySearchSC' class='tntSCBodySearch' style='display:none;'>"+ getDivInput(tntSCMsgBodyInput2, "") + "</div>"+
			"<div class='tntSCWhite'>&#160;</div>"+
		"</div>"+
		"<div>"+
			"<div class='tntSCFooter'>"+
				"<table>"+
					"<tr>"+
						"<td class='tntSCFooterCell1' width='375px'>" + tntSCMsgFooterTitle + "</td>"+
					 	"<td class='tntSCFooterCell2' width='89px'>"+
						"</td>"+
					"</tr>"+
				"</table>"+
			"</div>"+
		"</div>");

	if (bonTransport != "") tntB2CSuiviColisGetDetail();
};

function tntB2CSuiviColisDisplayErreur(msgErreur) {
	
	var jBodySC = $("#tntBodySC"); 
	jBodySC.css("background-image", "none");
	jBodySC.css("height", "auto");
	
	$("#tntBodySearchSC").hide();
	var bonTransport = $("#tntSCInputBT").val();
	var jBodyContentSC = $("#tntBodyContentSC");
	jBodyContentSC.html(getDivInput(tntSCMsgBodyInput1, bonTransport));
	
	// Gestion erreur et sortie
	jErreurMsg = $("#tntSCError");
	jErreurMsg.html(msgErreur);
	jErreurMsg.show();
		
};

function tntB2CSuiviColisCheckModulo11(bonTransport) {
	var tabModulo = new Array(16,14,12,10,8,6,4,2,3,5,7,9,11,13,15)
	var tabBonTransport = bonTransport.toString().split("");
	var modulo = 0;
	for ( i = 0; i < 15; i++ ) {
		modulo += Number(tabBonTransport[i]) * tabModulo[i];
	}
	modulo = 11 - (modulo % 11);
	if (modulo == 10) modulo = 0;
	if (modulo == 11) modulo = 5;
	return (modulo == Number(tabBonTransport[15]));
};

function tntB2CSuiviColisGetDetail() {
	
	$("#tntSCError").hide();
	
	var bonTransport = $("#tntSCInputBT").val();
	
	if (bonTransport == "") return;
	
	// Verification basique de la validité du numéro saisi
	if (isNaN(parseInt(bonTransport)) || bonTransport.length != 16 || !tntB2CSuiviColisCheckModulo11(bonTransport)) {
		tntB2CSuiviColisDisplayErreur(tntSCMsgErrModulo);
		return;
	}

	$('#tntSCLoading').show();
	
	var ajaxUrl;
	var ajaxData;
	if (!proxyPHP || proxyPHP == "") {
		// Le fichier XML est disponible sur le même domaine (pas de besoin de "proxy")
		ajaxUrl = "/public/b2c/suiviColis/recherche.do?bonTransport=" + bonTransport;
		ajaxData = "";
	}
	else {
		// Le fichier XML n'est pas disponible sur le même domaine => un "proxy" est nécessaire
		ajaxUrl = proxyPHP;
		ajaxData = "url=/public/b2c/suiviColis/recherche.do?bonTransport=" + bonTransport;
	}
	
	// Chargement du colis
	$.ajax({
	   type: "GET",
	   url: ajaxUrl,
	   data: ajaxData,
	   dataType: "xml",
	   error:function(msg){
	   	 $('#tntSCLoading').hide();
		 alert( "Error !: " + msg );
	   },
	   success:tntB2CSuiviColisDisplayDetail
	});
};

function tntB2CSuiviColisDisplayDetail(xmldoc) {

	$('#tntSCLoading').hide();

	//Conversion en objet jQuery
	var jData = $(xmldoc);
	
	var jErreur = jData.find("ERREUR");
	if (jErreur.length != 0) {
		var erreur = (jErreur[0].text || jErreur[0].textContent); // IE vs FF
		tntB2CSuiviColisDisplayErreur(erreur);
		return;
	}

	$("#tntBodySearchSC").show();
	var jBodySC = $("#tntBodySC");
	jBodySC.css("background-image", "url(" + pathToImages + "livreur.gif)");
	jBodySC.css("height", "210px");

	var bonTransport = "";
	var dateLivraison = "";
	var destination = "";
	var messages = "";
	var nomRelais = "";
	var adrRelais = "";
	var cpoRelais = "";
	var vilRelais = "";

	var jColis = jData.find("COLIS").children();
	jColis.each(
		function( intPropColis ) {
			jPropColis = $( this );
						
			var value = (jPropColis[0].text || jPropColis[0].textContent); // IE vs FF
			if (!value) value = ""; // Gestion des noeuds vides sous IE
			
			switch(jPropColis[0].nodeName) {
				case "BT":
					bonTransport = value;
					break;
				case "LIEU":
					destination = value;
					break;
				case "DATELIV":
					dateLivraison = value;
					break;
				case "STATUT":
					var statutColis = jPropColis.children();

					// Lecture des messages du statut Colis si ils ont été fournis
					if (statutColis.length != 0) {
						statutColis.each(
							function( intPropStatut ) {
								
								jPropStatut = $( this );
								var value = (jPropStatut[0].text || jPropStatut[0].textContent); // IE vs FF
								
								if (messages == "") messages = value;
								else messages += "<br/>" + value;
							}
						);
					}
					break;
					
				case "RELAIS_COLIS":
					var infoRelais = jPropColis.children();
					
					// Lecture des propriétés du Relais Colis si elles ont été fournies
					if (infoRelais.length != 0) {
						infoRelais.each(
							function( intPropRelais ) {
								jPropRelais = $( this );
											
								var value = (jPropRelais[0].text || jPropRelais[0].textContent); // IE vs FF
											
								switch(jPropRelais[0].nodeName) {
									case "NOM":
										nomRelais = value;
										break;
									case "ADRESSE":
										adrRelais = value;
										break;
									case "CODE_POSTAL":
										cpoRelais = value;
										break;
									case "VILLE":
										vilRelais = value;
										break;
								}
							}
						);
					}
					break;
			}
		}
	);

	var titreRelais = "";
	if (nomRelais != "" || adrRelais != "" || cpoRelais != "" || vilRelais != "") titreRelais = tntSCMsgBodyFldRel;
	
	var jBodyContentSC = $("#tntBodyContentSC");
	jBodyContentSC.html("<table border='0px' cellpadding='4px' width='460px'>"+
								"<tr>"+
									"<td><img src='" + pathToImages + "5-puce-choix-gris2.gif' alt='*'/></td>"+
									"<td colspan='4'>" + tntSCMsgBodyFldRef + "<div class ='tntSCTextOrange'>" + bonTransport + "</div></td>"+
								"</tr>"+								
								"<tr>"+
									"<td ><img src='" + pathToImages + "5-puce-choix-gris2.gif' alt='*'/></td>"+
									"<td colspan='2'>" + tntSCMsgBodyFldDtl + "<div class ='tntSCTextOrange'>" + dateLivraison + "</div></td>" +
									"<td colspan='2'>" + tntSCMsgBodyFldDst + "<div class ='tntSCTextOrange'>" + destination + "</div></td>"+
								"</tr>"+								
								"<tr>"+
									"<td ><img src='" + pathToImages + "5-puce-choix-gris2.gif' alt='*'/></td>"+
									"<td colspan='4' valign='top'>" + tntSCMsgBodyFldSta + "</td>"+
								"</tr>"+								
								"<tr>"+
									"<td></td>"+
									"<td></td>"+
									"<td colspan='2' style='text-align: justify;'><div class='tntSCTextOrange'>" + messages + "</div></td>"+
									"<td></td>"+
								"</tr>"+								
								"<tr>"+
									"<td />"+
									"<td colspan='4' valign='top'>" + titreRelais + "</td>"+
								"</tr>"+								
								"<tr>"+
									"<td />"+
									"<td />"+
									"<td colspan='2'><div class ='tntSCTextOrange'>" + nomRelais + "<br/>" + adrRelais + "<br/>" + cpoRelais + "&#160;" + vilRelais + "</div></td>"+
									"<td />"+
								"</tr>"+								
								"<tr>"+
									"<td width='12px'/>"+
									"<td width='8px'/>"+
									"<td width='165px'/>"+
									"<td width='165px'/>"+
									"<td width='110px'/>"+										
								"</tr>"+
						  "</table>");
	
	// RAZ zone de saisie					  
	$("#tntSCInputBT").val("");
};

$().ready(tntB2CSuiviColis);