// 
// Onglets dynamiques en Javascript/Ajax
//-------------------------------------------------------------------------------

function getXhr(){
// Créer un objet XMLHttpRequest
   var xhr = null;
   if(window.XMLHttpRequest) // Firefox et autres
      xhr = new XMLHttpRequest();
   else if(window.ActiveXObject){ // Internet Explorer
      try {
               xhr = new ActiveXObject("Msxml2.XMLHTTP");
           } catch (e) {
               xhr = new ActiveXObject("Microsoft.XMLHTTP");
           }
   }
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      xhr = false;
   }

   return xhr;
}


function httpRequest (xhr, url) {
// Envoyer une requete au serveur Type GET
	xhr.onreadystatechange = function () {
	
		if (xhr.readyState == 2) {
				alert("load"); // requete en cours
		}
		if (xhr.readyState == 4) { // requete terminée
			if (xhr.status == 200) { // requete ok
				
				wOnglets ("lyr_content").innerHTML = xhr.responseText;
			}

		}
	}
	xhr.open ("GET", url, true);
	xhr.send (null);
}

function loadContenu (n,wUrl) {
// Charger dynamiquement le contenu des onglets
//alert(n+" "+wUrl);
		var id = n;
		wOnglets (id).innerHTML = wUrl;
}

function handleHttpResponse() {
   if(xhr.readyState == 4 && xhr.status == 200) {
       /* xhr.responseXML permet d'obtenir le fichier XML
          xhr.responseText aurait retourné le fichier sous format texte */
       response     = cleanXML(xhr.responseXML.documentElement);
       // ...
   }
}
 
function onglet_dyn (rub,rub2,rub3) {
// Gérer les onglets |  num = onglet sélectionné
	
var xhr = getXhr ();

	if (rub < 4){
		idMenu = "rubMedias";
	}else {
		idMenu = "rubDescriptif";
	}
	if (rub == 1) {
		wOnglets("rubGalerie").className = "actif";
		wOnglets("rub360").className = "";
		wOnglets("rubVideo").className = "";
		
		// Charger ?
		loadContenu("lyr1","sejour-multimediaGalerie.htm");
	}
	if (rub == 2) {
		wOnglets("rubGalerie").className = "";		
		wOnglets("rub360").className = "actif";
		wOnglets("rubVideo").className = "";
		
		// Charger ?
		loadContenu("lyr1","sejour-multimediaPanoramas.htm");
	}
	if (rub == 3) {
		wOnglets("rubGalerie").className = "";
		wOnglets("rub360").className = "";
		wOnglets("rubVideo").className = "actif";
		
		// Charger ?
		loadContenu("lyr1","sejour-multimediaVideo.htm");
	}
	if (rub == 4) {
		wOnglets("infoDetail").className = "actif";
		wOnglets("infoDestination").className = "";
		wOnglets("infoVols").className = "";
		
		// Charger ?
		loadContenu("lyr2","contenu4.htm");
	}
	if (rub == 5) {
		wOnglets("infosDetail").className = "";		
		wOnglets("infosDest").className = "actif";
		wOnglets("infosVols").className = "";
		
		// Charger ?
		loadContenu("lyr2","contenu5.htm");
	}
	if (rub == 6) {
		wOnglets("infosDetail").className = "";
		wOnglets("infosDest").className = "";
		wOnglets("infosVols").className = "actif";
		
		// Charger ?
		loadContenu("lyr2","contenu6.htm");
	}	
	if (rub == 7) {
		wOnglets("infosIncontournables").className = "actif";
		wOnglets("infosExcursions").className = "";
		alert(wOnglets("infosIncontournables").id);
		// Charger ?
		//httpRequest (xhr, "test_galerie.htm");
		httpRequest (xhr, "zoom-destination,republiquedominicaine-nord_incontournables.htm");
	}	
	if (rub == 8) {
		wOnglets("infosIncontournables").className = "";
		wOnglets("infosExcursions").className = "actif";
		
		// Charger ?
		httpRequest (xhr, "zoom-destination,republiquedominicaine-nord_excursions.htm");
	}		
}



// Gérer l'état des onglets du menu ("on/off")
//-------------------------------------------------------------------------------

function switchMenu(objLink,idMenu){
// objLink = onglet sélectionné | idMenu = menu(rubMedias ou rubinfosDetail)

	if(!objLink)
		return;
	//Récuperer l'image
	tmpObjImg = objLink.childNodes[0]; 
	//Récuperer le parent "li" tag
	tmpObjLi = objLink.parentNode;
	//Si l'image ou le "li" tag est null
	if(!tmpObjImg || !tmpObjLi)
		return;
		
	var menu = document.getElementById(idMenu);
	var onglet = menu.getElementsByTagName('a') ;
	var strImgOn = "_on.png";
	var strImgOff = "_off.png";
	var childOnglet;
	var tmpImgSrc;
	for (var i = 0 ; i < onglet.length ; ++i) {
	// Lister les onglets présents, pour chacun récupérer l'image
		if (onglet[i] != objLink) {
			// Mettre les images "_off" sur les onglets inactifs
			childOnglet = onglet[i].childNodes[0]; 
			tmpImgSrc = childOnglet.src;
				
			tmpImgSrc = tmpImgSrc.replace(strImgOn,strImgOff);
			childOnglet.src = tmpImgSrc;
//alert('childOnglet.src : '+ childOnglet.src);

		}else{
			// Basculer l'onglet à l'état actif avec image "_on"
			tmpImgSrc = tmpObjImg.src;
			//alert(tmpImgSrc);
			tmpImgSrc = tmpImgSrc.replace(strImgOff,strImgOn);
			tmpObjImg.src = tmpImgSrc;
			
//alert('objImg.src :'+ tmpImgSrc);		

		}

		}
	}