// Fichier JScript

// ############### PLACEMENT DES COLONNES ###############
function loadPage(){    
    // calcul de la hauteur minimale de la colonne centrale 
    var h = CENTER.clientHeight
    h = (h <= GAUCHE.clientHeight)?GAUCHE.clientHeight:h
    if(DROITE) {h = (h <= DROITE.clientHeight)?DROITE.clientHeight:h}
    
    var navi = 'Netscape'      
    if(navigator.appName.match(navi) == navi)
        h = h + (BANDEAU.clientHeight)
        
    //if(MINHEIGHT>=h){MINHEIGHT=h}
    
   placeDiv();   
   ajouterMAJBouton();   
}


// ##### placement des div de la page #####
function placeDiv(){
    window.onresize=setPosition
    setPosition()   
}

var MINHEIGHT = 1050
function setPosition()
{   
    GAUCHE.style.left = (BANDEAU.offsetLeft+1) +  'px' 
    CENTER.style.left = BANDEAU.offsetLeft + GAUCHE.clientWidth + 'px'        
    DROITE.style.left=(BANDEAU.offsetLeft+1) + GAUCHE.clientWidth + CENTER.clientWidth + 'px'
    FOOTER.style.left = BANDEAU.offsetLeft + 'px'
    
    var h = GAUCHE.clientHeight
    h = (h < CENTER.clientHeight)?CENTER.clientHeight:h
    h = (h < DROITE.clientHeight)?DROITE.clientHeight:h
    if(h<MINHEIGHT)h=MINHEIGHT

    /*alert('h : ' + h);
    alert('BANDEAU.clientHeight : ' + BANDEAU.clientHeight);
    alert('MINHEIGHT : ' + MINHEIGHT);
    alert('gauche : ' + GAUCHE.clientHeight);
    alert('droite : ' + DROITE.clientHeight);
    alert('center : ' + CENTER.clientHeight);*/
    GAUCHE.style.height = h + 'px'
    CENTER.style.height = h + 'px'
    DROITE.style.height = h + 'px'       
    FOOTER.style.top = (BANDEAU.clientHeight + h) + 'px'
}

/*function setPositionFooter() 
{
    var BANDEAU = $('bandeau'); var GAUCHE = $('gauche'); var CENTER = $('centre'); var FOOTER = $('footer');
    FOOTER.style.left = BANDEAU.offsetLeft + 'px'

    var h = GAUCHE.clientHeight
    h = (h < CENTER.clientHeight) ? CENTER.clientHeight : h
    
    if (h < MINHEIGHT) h = MINHEIGHT

    alert('h : ' + h);
    
    FOOTER.style.top = (BANDEAU.clientHeight + h) + 'px'
}*/

// ############### ONGLETS ###############
function changeonglet(iddiv){
    var o = $('onglet'+iddiv);
	var d = $('div'+iddiv);
	for(var i=1; i<=3; i++){
		if(i!=iddiv){
		    $('div'+i).style.display = 'none';
		    $('onglet'+i).className = ''; 
		}
		else{
		    o.className = 'active';
		    d.style.display = 'block';
		}
    }	
}

function initOnglets(Id){
   var onglets = $(Id)
    for (var y=0; y< onglets.childNodes.length; y ++){
        var el = onglets.childNodes[y]
          if(el.tagName=='LI'){
             el.onmouseover = setOngletClass
             el.onmouseout = setOngletClass
             el.onclick = setOngletClass   
         } 
   } 
}

function setOngletClass(e){
     if (!e) {e = window.event}
     var tg = (e.target) ? e.target : e.srcElement
     tg = getParentElement(tg, 'LI')
     if (!tg) return
     if (tg.className=='disabled'){return}
     var oldClass = (!tg.getAttribute("OldClass")) ? '' : tg.getAttribute("OldClass")
     switch (e.type){
        case 'mouseover' : tg.className='Over'; break;
        case 'mouseout' : tg.className=oldClass; break;
        case 'onmousedown' : tg.className='Active'; break;
        case 'click' : setSelectedOnglet(tg.parentNode.id, tg); if(window.onOngletClick) onOngletClick(tg);break;
     }
}

function getParentElement(c, parentTag){
    while (c.parentNode){
        c = c.parentNode 
        if (c.tagName==parentTag) return c
   } 
}

function setSelectedOnglet(Id, el){
    var els = $(Id)
    for (var i =0; i< els.childNodes.length; i++){if (els.childNodes[i].tagName=='LI'){els.childNodes[i].className='';els.childNodes[i].setAttribute("OldClass", '')}}
    el.className='Selected' ; el.setAttribute("OldClass", 'Selected')
}

function showOngletPr(i, nb, id){
    //--> i : numéro de l'onglet à afficher
    //--> nb : nb total d'onglets
    //--> id : id des div correspondant aux onglets sans le N° (ex de div : ongletcontenu) 
   
    for (var y=1; y<= nb; y++){
        if(i==y){$(id + y).style.display='block';} 
        else{$(id + y).style.display='none'} 
    } 
    
 // on recalcule la hauteur en fonction du calque sélectionné 
 //setTimeout(function(){alert( $(id + i).clientHeight) }, 1000);

    //CENTER.style.height= $(id + i).getHeight() + 100 +  'px'
    CENTER.style.height= $(id + i).clientHeight + 400 +  'px' 
    GAUCHE.style.height= CENTER.clientHeight + 'px' 
    setPosition()
}

/**Initialisation du menu horizontal Ajouter 29/10/2007.
Cette fonction initialise le menu des univers et rayons du site.*/
function initMenuHaut(){

    if($('menuhaut') == null)
        return;
    
    dds = $('menuhaut').getElementsBySelector('DD')
    dts = $('menuhaut').getElementsBySelector('DT')
    
    // Modifications effectuée le 22/11/2007
    var spans = $('menuhaut').select('SPAN')    // Modif 11/12/2007
    spans.each(function(sp){
        var a = $(sp.parentNode)  // Modif 11/12/2007
                
        if (Prototype.Browser.IE) // Modif 11/12/2007
            a.style.lineHeight = (sp.getHeight()==28)?'13px':'28px'
        else
            a.style.paddingTop = ((a.getHeight() - sp.getHeight()) / 2 ) + 'px'        
    })    
    //----------------------------
    
    dds.each(function(node){node.hide()})
    
    var ti
  
    $('menuhaut').observe('click', function(e){       
        dds.each(function(node){node.hide()})
        window.clearTimeout(ti)
        
        var dd = Event.findElement(e,'DD')
        var dt = Event.findElement(e,'DT')
        
        if (!dd){  // Modif 11/12/2007
            var po = Position.positionedOffset(dt)
            var index = dts.indexOf(dt)
            var el = dds[index]
            el.setStyle({left:po[0] + 'px', top:po[1] + 30 + 'px', display:'block', zIndex:'99999'})           
        }
    })
       
    $('menuhaut').observe('mouseout', function(e){
        var elt = Event.findElement(e, 'DT')
        var eld = Event.findElement(e, 'DD')
        
        if (eld){  // Modif 11/12/2007
            ti = window.setTimeout(function(){eld.hide()}, 400)
        }else{
            var index = dts.indexOf(elt)
            var el = dds[index]
            ti = window.setTimeout(function(){el.hide()}, 400)
        }
    })
   
    $('menuhaut').observe('mouseover', function(e){
         var eld = Event.findElement(e, 'DD')
         var elt = Event.findElement(e, 'DT')
        if (eld || elt) window.clearTimeout(ti) // Modif 11/12/2007
    })
}

/** Cette fonction permet d'initialiser l'affichage
des derniers articles consultés par le client.*/
function initDerniersArticles(elmt1, elmt2, elmt3, elmt4, elmt5, elmt6, elmt7) {
   if($('mesDerniersArticlesConsultes') == null)
    return;
   
    edsd = $('mesDerniersArticlesConsultes').getElementsBySelector('DD')
    edtsd = $('mesDerniersArticlesConsultes').getElementsBySelector('DT')
    edsd.each(function(node){node.hide()})
    
    var ti
  
   $('mesDerniersArticlesConsultes').observe('click', function(e){
        edsd.each(function(node){node.hide()})
        window.clearTimeout(ti)
        var dd = Event.findElement(e,'DD')
        var dt = Event.findElement(e,'DT')
        //if (dd.tagName != 'DD'){
        if (!dd){
            var po = Position.positionedOffset(dt)
            var index = edtsd.indexOf(dt)
            var el = edsd[index]
            el.setStyle({left:po[0] + 'px', top:po[1] + 30 + 'px', display:'block', zIndex:'99999'})           
        }
   })
       
   $('mesDerniersArticlesConsultes').observe('mouseout', function(e){
        var elt = Event.findElement(e, 'DT')
        var eld = Event.findElement(e, 'DD')
        //if (eld.tagName == 'DD'){
        if (eld){
            ti = window.setTimeout(function(){eld.hide()}, 400)
        }else{
            var index = edtsd.indexOf(elt)
            var eltemp = edsd[index]
            if(eltemp != null)
                ti = window.setTimeout(function(){eltemp.hide()}, 400)
        }       
   })
   
   $('mesDerniersArticlesConsultes').observe('mouseover', function(e){
        var eldDA = Event.findElement(e, 'DD');
        var eltDA = Event.findElement(e, 'DT')
        if (eldDA || eltDA) window.clearTimeout(ti) // Modif du 11/12/2007
        majProduits(elmt1, elmt2, elmt3, elmt4, elmt5, elmt6, elmt7);        
   })

}

/** Cette fonction permet d'initialiser la liste des pays
du site Internet*/
function initMenuPays(){
   if($('lesPaysDuSite') == null)
    return;
   
    pays = $('lesPaysDuSite').getElementsBySelector('DD')
    site = $('lesPaysDuSite').getElementsBySelector('DT')
    pays.each(function(node){node.hide()})
    
    var ti
  
   $('lesPaysDuSite').observe('click', function(e){
        pays.each(function(node){node.hide()})
        window.clearTimeout(ti)
        var dd = Event.findElement(e,'DD')
        var dt = Event.findElement(e,'DT')
        if (!dd){
            var po = Position.positionedOffset(dt)
            var index = site.indexOf(dt)
            var elPays = pays[index]
            elPays.setStyle({left:po[0] + 'px', top:po[1] + 20 + 'px', display:'block', zIndex:'99999'})           
        }
   })
       
   $('lesPaysDuSite').observe('mouseout', function(e){
        var elt = Event.findElement(e, 'DT')
        var eld = Event.findElement(e, 'DD')
        if (eld){
            ti = window.setTimeout(function(){eld.hide()}, 200)
        }else{
            var index = site.indexOf(elt)
            var elPays = pays[index]
            if(elPays != null)
                ti = window.setTimeout(function(){elPays.hide()}, 200)
        }       
   })
   
   $('lesPaysDuSite').observe('mouseover', function(e){
        var eldPS = Event.findElement(e, 'DD');
        var eltPS = Event.findElement(e, 'DT')
        if (eldPS || eltPS) window.clearTimeout(ti)
   })
}

/** Cette fonction permet d'appliquer un changement de css lors du
passage sur tous les boutons du site.*/
function ajouterMAJBouton()
{   
	if(!document.getElementById || !document.getElementsByTagName) return;
	
	var lesinputs=document.getElementsByTagName("input");
	
	for(i=0;i<lesinputs.length;i++)
	{
		var objtype = lesinputs[i].type;
		var objclass = lesinputs[i].className;
	
		if(objtype == "submit" && (objclass == "send" || objclass == "send2"))
		{	
			var onmouseout = document.createAttribute("onmouseout");			
			onmouseout.nodeValue = "this.className = 'send'";
			var onmouseover = document.createAttribute("onmouseover");
			onmouseover.nodeValue = "this.className = 'send2'";
			
			document.getElementById(lesinputs[i].id).setAttributeNode(onmouseout);			
			document.getElementById(lesinputs[i].id).setAttributeNode(onmouseover);
		}
	}
}