//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//fonction calculée sur le onload de la page produit
function initialiserLAffichageDuSousMenuProduitEnFonctionDeLaCollectionOuDuProduitSelectionne(idCategorie,idCollection,idProduit)
{
	if(idCategorie!=undefined)//si aucune categorie n'est séléctionné, il est inutile de calculer cette fonction
	{
    	//après un click sur un objet, le menu est rechargé => on fait en sorte qu'il se réaffiche dans l'état désiré en fonction des valeurs envoyée dans l'URL($_GET[] en php)
    
    	var idSousMenuCategorie = "sousMenu_" + idCategorie;
    	var idSousMenuCollection = "sousMenu_" + idCollection;
    
    	var sousMenuCategorie = document.getElementById(idSousMenuCategorie);
    	var collection = document.getElementById(idCollection);
    	var produit = document.getElementById(idProduit); 
    
    	if(sousMenuCategorie != null)
    	{
        	sousMenuCategorie = document.getElementById(idSousMenuCategorie);
        	sousMenuCategorie.style.display="block";
    	}
    
    	if(collection != null)
    	{      
        	
            collection.getElementsByTagName("A")[0].style.color = "rgb(200,10,60)";   
        
        	sousMenuCollection = document.getElementById(idSousMenuCollection);
        	sousMenuCollection.style.display="block";
        
       	 	//Si la collection possède des produits, on met des pointillés sous le titre de la collection quand la liste des produits est déroulée
            if(sousMenuCollection.getElementsByTagName("li")[0]!=undefined)
            {
        	   sousMenuCollection.getElementsByTagName("li")[0].style.borderStyle = "dotted";
        	   sousMenuCollection.getElementsByTagName("li")[0].style.borderWidth = "1 0 0 0";
            } 
    	}
    
    	if(produit != null)
    	{
        	collection.getElementsByTagName("A")[0].style.color = "rgb(110,110,110)";
        	produit.getElementsByTagName("A")[0].style.color = "rgb(200,10,60)";
    	}
    
    	//BUG I.E : Tous ce qui est entre 2 éléments <LI> est considéré comme imbriqué dans l'élément <LI> supérieur
    	//CONSEQUENCES : bien que les collections et les produits ne soient pas imbriqués dans une catégorie mais situés entre deux catégories, un clique sur ces collections ou ces produits est répercuté a           
    	//la catégorie supérieure et lance la fonction afficherLaListeDesCollectionsDeLaCategorie(). Cela a pour effet de desactiver l'affichage des listes (collections et produits) avant le chargement de  
    	//de la page de présentation de ces derniers, qui est en charge d'initialiser l'état du menu correspondant.
    	//PROBLEME : Si a partir de la page d'un produit on charge un autre produit de la même collection, la liste des produits de cette collection va disparaitre avant le chargement du nouveau et 
    	//réapparaitre une fois le chargement effectué. Il ya un effet de réenroulement et de désenroulement très désagréable
    	//SOLUTION : bloqué la répercution ascendante de l'évènement onclick des éléments "A"(considérés comme) enfants grâce à event.cancelBubble = true, dans la fonction initialiserMenu()
    	if (document.all)//si I.E
    	{
        	listeDesLiensDuMenuProduits = document.getElementById("sousMenuProduits").getElementsByTagName("A");
        	for(i=0; i<listeDesLiensDuMenuProduits.length;++i)
        	{
            	listeDesLiensDuMenuProduits[i].onclick = function()
            	{
                	event.cancelBubble = true;
            	}
        	}
    	}
    	
    	if(idCategorie=="")// si aucune categorie n'est selectionnée, c'est que le visiteur fait son premier acces à la rubrique produit=>on met le lien de la rubrique produit en violet (cette couleur est désactivée lors de l'affichage des collections d'une categorie
    	   document.getElementById("rubriqueProduit").style.color="rgb(200,10,60)";
	}
}
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//FONCTION DESACTIVEE : LES ELEMENTS DES COLLECTIONS SONT DEVENIS DES LIENS DIRECTS VERS LA PREMIERE COLLECTION
//Fonction intégrée aux éléments <li> des categories dans le sous menu des produits. (voir le fichier "_fonctionsProduits.inc" dans la fonction "affichageDuSousMenuDesProduits()" du dossier "_include")
function afficherLaListeDesCollectionsDeLaCategorie(idDeLaCategorieSelectionnee,idDeLaListeDesCollectionsDeLaCategorie)
{   
	var sousMenuProduits = document.getElementById("sousMenuProduits");
	
	var categorieSelectionnee = document.getElementById(idDeLaCategorieSelectionnee);
	
	var listeDesCollectionsDeLaCategorie = document.getElementById(idDeLaListeDesCollectionsDeLaCategorie);
    
    /*
	//ie ne supporte pas menuDeLElementSelectionne.getAttribute("class")
	var classDeLaListeDesCollectionsDeLaCategorie = listeDesCollectionsDeLaCategorie.className;
	*/
	
	//on desactive l'affichage de tous les sous-menu "ul" (listeDesCollections et listeDesProduits)
    var listeDeTousLesSousMenusDuSousMenuProduits = sousMenuProduits.getElementsByTagName("UL");  
    for(i=0;i<listeDeTousLesSousMenusDuSousMenuProduits.length;++i)
	{
        listeDeTousLesSousMenusDuSousMenuProduits[i].style.display="none";  	
    }
    
    //on  desactive la couleur rouge sur tous les éléments du menuProduits et de leur liens
    elementLiDuSousMenuProduits = sousMenuProduits.getElementsByTagName("LI");
    for(i=0;i<elementLiDuSousMenuProduits.length;++i)
    {
        elementLiDuSousMenuProduits[i].style.color="rgb(110,110,110)";
        if (elementLiDuSousMenuProduits[i].getElementsByTagName("A")[0] != undefined)
        {
            elementLiDuSousMenuProduits[i].getElementsByTagName("A")[0].style.color="rgb(110,110,110)";
        }       
    }
    //on remet en gris le lien de la rubrique produit
    document.getElementById("rubriqueProduit").style.color="rgb(110,110,110)";
     
    //on met en rouge l'élément séléctionné et on affiche son sous-menu
    categorieSelectionnee.style.color="rgb(200,10,60)";
	listeDesCollectionsDeLaCategorie.style.display="block";
}
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
function initialiserLaPositionDeLaLegende()
{
	if(document.getElementById("legende"))//la fonction n'a pas besoin d'être calculé si aucune categorie ni aucun produit n'est en consultation
	{
		document.getElementById("legende").style.left = document.getElementById("separation").offsetLeft + 15;
		//la legende est par defaut en dessous du titre, pour éviter la superposition du titre et de la légende avant l'exécution de cette fonction (sur le onload du body)
		document.getElementById("legende").style.top = -36;
	}
}
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
function initialiserLaPositionDeLaNavigationDesImages()
{
	if(document.getElementById("menuNavigationDesImages"))//la fonction n'a pas besoin d'être calculé si il n'y a pas de navigation pour les images
	{
		//document.getElementById("menuNavigationDesImages").style.marginLeft = document.getElementById("cadreContenu").offsetWidth - document.getElementById("menuNavigationDesImages").offsetWidth + 10;//le +10 permet de compenser le padding-left des <li> du menu
		document.getElementById("menuNavigationDesImages").style.marginLeft = 576 - document.getElementById("menuNavigationDesImages").offsetWidth + 10;//le +10 permet de compenser le padding-left des <li> du menu
	}
}
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////
function initialiserLaPositionDeLaPresentation()
{
	if(document.getElementById("presentation"))//la fonction n'a pas besoin d'être calculé si aucune presentation n'est présente
	{
        if(document.getElementById("image").offsetHeight > document.getElementById("image").offsetWidth)//si l'image est verticale on place le texte de présentation a côté
        {
            document.getElementById("presentation").style.marginLeft = 36;
            document.getElementById("presentation").style.left = document.getElementById("image").offsetWidth;
            document.getElementById("presentation").style.top = 72 + document.getElementById("image").offsetHeight - document.getElementById("presentation").offsetHeight - 108;
        }
        else //si l'image est horizontale ou carrée, on place la présentation en dessous
        {
            document.getElementById("presentation").style.margin = 0;
            document.getElementById("presentation").style.width = document.getElementById("image").offsetWidth;
            document.getElementById("presentation").style.left = 0;
            document.getElementById("presentation").style.top = 72 + document.getElementById("image").offsetHeight + 54;
            document.getElementById("presentation").getElementsByTagName("p")[0].style.margin = "0 0 18 0";
        }
	}
}