// JavaScript Document

//----------------AFFICHE LE SOUS-MENU EN ACCORDEON------------------------------------------------
function visibilite(thingId)
{
//affiche le sous menu accordéon correspondant	

var targetElement;

for(i=1; i<=5; i++)
{
	
if (document.getElementById(i))
	{	
	if(i==thingId)
		{
		targetElement = document.getElementById(thingId) ;
		targetElement.style.display = "" ;
		}
	else
		{
		targetElement = document.getElementById(i) ;
		targetElement.style.display = "none" ;
		}
	}
}
}

//----------------AFFICHE LE SOUS-MENU PRODUIT------------------------------------------------
function visibiliteProduit(thingId)
{
//affiche le sous menu accordéon correspondant	

var targetElement;

for(i=10; i<=20; i++)
{
	
if (document.getElementById(i))
	{	
	if(i==thingId)
		{
		targetElement = document.getElementById(thingId) ;
		targetElement.style.display = "" ;
		
		}
	else
		{
		targetElement = document.getElementById(i) ;
		targetElement.style.display = "none" ;
		}
	}
}
}

//----------------AFFICHE LES PAYS D'UN CONTINENT DONNé------------------------------------------------
function visibiliteContinent(thingId)
{
//affiche le sous menu accordéon correspondant	

var targetElement;

for(i=21; i<=30; i++)
{
	
if (document.getElementById(i))
	{	
	if(i==thingId)
		{
		targetElement = document.getElementById(thingId) ;
		targetElement.style.display = "" ;
		}
	else
		{
		targetElement = document.getElementById(i) ;
		targetElement.style.display = "none" ;
		}
	}
}
}

//---------Colore la sélection du menu principal et du sous menu-----------------------------
function CouleurMenuHome (id)
{
this.id=id;
this.couleur = '#DF003d';
this.couleurOrigine = '#A3A3A7';
lastColoredFamily ='';
lastColoredProduct='';
//Si je clic pour la première fois

if (typeof this.lastColoredMainMenu=='undefined' )
	{
	document.getElementById(this.id).style.color = this.couleur;
	this.lastColoredMainMenu=this.id;
	return;
	}
	
//évite que le fait de cliquer 2 fois sur le même lien supprime la couleur de sélection
if (this.id==this.lastColoredMainMenu)
	{
		return;
	}
if (this.id==this.lastColoredAccordeon)
	{
		//return;
	}

//si on clic sur le menu principal
if (this.id == "Products" || this.id == "Catalogue" || this.id == "Distributors" || this.id == "About us" || this.id == "Contact"  )
	{
	//je le colore et remets d'origine le dernier lien sélectionné
	document.getElementById(this.id).style.color = this.couleur;
	document.getElementById(this.lastColoredMainMenu).style.color = this.couleurOrigine;
	if (typeof this.lastColoredAccordeon!='undefined')
		{document.getElementById(this.lastColoredAccordeon).style.color = this.couleurOrigine;}
	this.lastColoredMainMenu = this.id;
	return;
	}
else
	{
	if (typeof this.lastColoredAccordeon!='undefined')
		{

		document.getElementById(this.lastColoredAccordeon).style.color = this.couleurOrigine;

		}
	}
	
document.getElementById(this.id).style.color = this.couleur;
this.lastColoredAccordeon=this.id;
} 

//---------Colore la sélection du menu produit -----------------------------
function CouleurMenuProduit (id)
{
this.id=id;
this.couleur = '#DF003d';
this.couleurOrigine = '#A3A3A7';

//je supprime la couleur de sélection du sous menu droit
if (lastColoredProduct!='' )
	{
	document.getElementById(lastColoredProduct).style.color = this.couleurOrigine;
	}

//Si je clic pour la première fois
if (typeof lastColoredFamily=='undefined' || lastColoredFamily=='' )
	{
	document.getElementById(this.id).style.color = this.couleur;
	lastColoredFamily=this.id;
	return;
	}
	
//évite que le fait de cliquer 2 fois sur le même lien supprime la couleur de sélection
if (this.id==this.lastColoredFamily)
	{
		return;
	}


document.getElementById(this.id).style.color = this.couleur;	
document.getElementById(lastColoredFamily).style.color = this.couleurOrigine;
lastColoredFamily=this.id;
}

//----------------Colore le sous menu PRODUIT------------------------------------------------
function CouleurSousMenuProduit(id)
{
this.id=id;
this.couleur = '#DF003d';
this.couleurOrigine = '#A3A3A7';

//Si je clic pour la première fois
if (lastColoredProduct=='' )
	{
	document.getElementById(this.id).style.color = this.couleur;
	lastColoredProduct=this.id;
	return;
	}
	
//évite que le fait de cliquer 2 fois sur le même lien supprime la couleur de sélection
if (this.id==lastColoredProduct)
	{
		return;
	}


document.getElementById(this.id).style.color = this.couleur;	
document.getElementById(lastColoredProduct).style.color = this.couleurOrigine;
lastColoredProduct=this.id;
}
//---------------------REPLIE LES SOUS-MENUS DE L'ACCORDEON------------------------
function replierSousMenu ()
{
 $(".navigation ul.subMenu:not('.open_at_load')").hide(); 
}

//------------------Fil d'ariane-----------------------

function breadcrump(id, level)
{
	var separateur = " > ";
	this.id = document.getElementById(id);
			
	if (level == '1')
		{
		document.getElementById("breadcrump").innerHTML = "<span>Home</span>" + "<span style=\"color:#DF003d\">" + separateur + "</span>" + "<span><strong>" + this.id.id + "</strong></span>";
		level1=this.id.id ;
		}
	else
		{
		if (level == '2')
			{
			document.getElementById("breadcrump").innerHTML = "<span>Home</span>" + separateur + "<span>" + level1 + "</span><span style=\"color:#DF003d\">" + separateur + "</span><span><strong>" + this.id.id + "</strong></span>";
			level2=this.id.id ;	
			}
		else
			{
			document.getElementById("breadcrump").innerHTML = "<span>Home</span>" + separateur + "<span>" + level1 + "</span>" + separateur + "<span>" + level2 + "</span><span style=\"color:#DF003d\">" + separateur + "</span><span><strong>" + this.id.id + "</strong></span>";
			}
		}
}

//---------Colore automatiquement le premier lien du sous-menu en rouge------------
function CouleurOuvertureSousMenu (id)
{

this.id=id;
this.couleur = '#DF003d';
this.couleurOrigine = '#A3A3A7';
this.lastColored = this.couleurOrigine;

switch (this.id) {
 case "Products":
	document.getElementById("Endodontics").style.color = this.couleur;
	this.lastColored = "Endodontics";
 break;
 case "Catalogue":

 break;
 case "Distributors":
	document.getElementById("World Map").style.color = this.couleur;
 break;
  case "About us":
	document.getElementById("General description").style.color = this.couleur;
 break;
  case "Contact":
	document.getElementById("How to find us").style.color = this.couleur;
 break;
 default: 

 break;
}

} 


//-----------Affiche les sous pages sans raffraichir toute la page centrale------------
function request(url,cadre) {
var XHR = null;

if(window.XMLHttpRequest) // Firefox
XHR = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
XHR = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
return;
}
// envoie de la requête, methode GET et de l'url
XHR.open("GET",url, true);

// on guette les changements d'état de l'objet
XHR.onreadystatechange = function attente() {

// l'état est à 4, requête reçu !
if(XHR.readyState == 4)     {

// ecriture de la réponse
//SetinnerHTML(document.getElementById(cadre), XHR.responseText);

document.getElementById(cadre).innerHTML = XHR.responseText;

   }
}
XHR.send(null); // le travail est terminé
return;
}

//-------------Affiche les photos des détails produits----------------------
function displayPics() 
{ 
    var photos = document.getElementById('galerie_mini') ; 
    // On récupère l'élément ayant pour id galerie_mini 
    var liens = photos.getElementsByTagName('a') ; 
    // On récupère dans une variable tous les liens contenu dans galerie_mini 
    var big_photo = document.getElementById('big_pict') ; 
    // Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale 
 
    var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ; 
    // Et enfin le titre de la photo de taille normale 
 
    // Une boucle parcourant l'ensemble des liens contenu dans galerie_mini 
    for (var i = 0 ; i < liens.length ; ++i) { 
        // Au clique sur ces liens  
        liens[i].onclick = function() { 
            big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien 
            big_photo.alt = this.title; // On change son titre 
            titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo 
            return false; // Et pour finir on inhibe l'action réelle du lien 
        }; 
    } 
} 

//-----------Affiche les sous pages sans raffraichir toute la page centrale------------
function replaceContent(url, cadre) 
{ 

var target = "td." + cadre ;
$(target).load(url);

return;
}