// Début script pour le menu horizontal déroulant 
fDomOffset = function( oObj, sProp )
{
 var iVal = 0;
 while (oObj && oObj.tagName != 'BODY') {
  eval('iVal += oObj.' + sProp + ';');
  oObj = oObj.offsetParent;
 }
 return iVal;
}

fSwapSelect = function( sId ) 
{ 
 oObj = document.getElementById(sId); 
 Top_Element  = fDomOffset(oObj, 'offsetTop'); 
 Left_Element  = fDomOffset(oObj, 'offsetLeft'); 
 Largeur_Element  = oObj.offsetWidth; 
 Hauteur_Element  = oObj.offsetHeight; 
 oSelects = document.getElementsByTagName('SELECT'); 
 if (oSelects.length > 0) { 
  for (i = 0; i < oSelects.length; i++) { 
   oSlt = oSelects[i]; 
   Top_Select = fDomOffset(oSlt, 'offsetTop'); 
   Left_Select = fDomOffset(oSlt, 'offsetLeft'); 
   Largeur_Select = oSlt.offsetWidth; 
   Hauteur_Select = oSlt.offsetHeight; 
   isLeft = false; 
   if ((Left_Element > (Left_Select - Largeur_Element)) && (Left_Element < (Left_Select + Largeur_Select))) { 
    isLeft = true; 
   } 
   isTop = false; 
   if ((Top_Element > (Top_Select - Hauteur_Element)) && (Top_Element < (Top_Select + Hauteur_Select))) { 
    isTop = true; 
   } 
   if (isLeft && isTop) { 
    sVis = (oObj.style.visibility == 'hidden') ? 'visible' : 'hidden'; 
    if (oSlt.style.visibility != sVis) {oSlt.style.visibility = sVis;} 
   } else { 
    if (oSlt.style.visibility != 'visible') {oSlt.style.visibility = 'visible';} 
   } 
  } 
 } 
} 


function montre(onglet) {
	//document.getElementById('onglet_g_'+onglet).innerHTML='<img src="template-onglet_g_over.jpg">';
	//document.getElementById('onglet_d_'+onglet).innerHTML='<img src="template-onglet_d_over.jpg">';	
	var color_back = document.getElementById('color_back'+onglet).value;	
	if (color_back == '') color_back='F28E02';	
	document.getElementById('onglet_g_'+onglet).className='onglet_gauche_over';
	document.getElementById('onglet_d_'+onglet).className='onglet_droite_over';
	document.getElementById('onglet_m_'+onglet).className='onglet_contenu_over';
	
	var couleur=document.getElementById('cat'+onglet).style.color;	
	document.getElementById('onglet_g_'+onglet).style.backgroundColor='#'+color_back;
	document.getElementById('onglet_d_'+onglet).style.backgroundColor='#'+color_back;	
	document.getElementById('onglet_m_'+onglet).style.backgroundColor='#'+color_back;	
	
	document.getElementById('cat'+onglet).style.color='#fff';
	
	if (document.getElementById('ssonglet_'+onglet)) {
		var reg=/MSIE 6/;
		document.getElementById('ssonglet_'+onglet).style.display='block';
		ferme_autres_que(onglet);
		if (navigator.appVersion.match(reg)) fSwapSelect('ssonglet_'+onglet);
	}
}

function montre_bis(onglet) {
	//document.getElementById('onglet_g_'+onglet).innerHTML='<img src="template-onglet_g_over.jpg">';
	//document.getElementById('onglet_d_'+onglet).innerHTML='<img src="template-onglet_d_over.jpg">';	
	var color_back = document.getElementById('color_back'+onglet).value;	
	if (color_back == '') color_back='F28E02';	
	document.getElementById('onglet_g_'+onglet).className='onglet_gauche_bis_over';
	document.getElementById('onglet_d_'+onglet).className='onglet_droite_bis_over';
	document.getElementById('onglet_m_'+onglet).className='onglet_contenu_bis_over';
	
	var couleur=document.getElementById('cat'+onglet).style.color;	
	document.getElementById('onglet_g_'+onglet).style.backgroundColor='#'+color_back;
	document.getElementById('onglet_d_'+onglet).style.backgroundColor='#'+color_back;	
	document.getElementById('onglet_m_'+onglet).style.backgroundColor='#'+color_back;	
	
	document.getElementById('cat'+onglet).style.color='#fff';
	
	/*if (document.getElementById('ssonglet_'+onglet)) {
		var reg=/MSIE 6/;
		document.getElementById('ssonglet_'+onglet).style.display='block';
		ferme_autres_que(onglet);
		if (navigator.appVersion.match(reg)) fSwapSelect('ssonglet_'+onglet);
	}*/
}

function ferme(onglet) {	
	var couleur = document.getElementById('color'+onglet).value;
	if(couleur == '') couleur='000';
	document.getElementById('cat'+onglet).style.color='#'+couleur;	
	
	document.getElementById('onglet_g_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_d_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_m_'+onglet).style.backgroundColor='';	
}

function ferme_bis(onglet) {	
	var couleur = document.getElementById('color'+onglet).value;
	if(couleur == '') couleur='000';
	document.getElementById('cat'+onglet).style.color='#'+couleur;	
	
	document.getElementById('onglet_g_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_d_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_m_'+onglet).style.backgroundColor='';	
}

function voir_ssonglet(onglet)  {
	var element = document.getElementById(onglet);
	if(element) {
		element.style.display = 'block';
	}	
}




function ferme_autres_que(onglet) {
	var a_afficher=document.getElementById('ssonglet_'+onglet);
	var deb=document.getElementById('onglets');
	var divs=deb.getElementsByTagName('div');
	var reg=/ssonglet_(.*)/
	for(var i=0 ; i<divs.length ;i++) {
		var div = divs[i];
		if (div.id.match(reg) && div.id != a_afficher.id) {
			var m= div.id.match(reg);
			div.style.display='none';
			//document.getElementById('onglet_g_'+m[1] ).innerHTML='<img src="template-onglet_g.jpg">';
			//document.getElementById('onglet_d_'+m[1]).innerHTML='<img src="template-onglet_d.jpg">';
			document.getElementById('onglet_g_'+m[1] ).className='onglet_gauche';
			document.getElementById('onglet_d_'+m[1]).className='onglet_droite';	
			document.getElementById('onglet_m_'+m[1]).className='onglet_contenu';			
		}
	}

}


var timeoutdiv=false ;
var t = 800;
function timeoutHide(onglet,couleur)
{	
	if(couleur=="#") couleur="#000";
	document.getElementById('cat'+onglet).style.color=couleur;
			document.getElementById('onglet_g_'+onglet ).className='onglet_gauche';
			document.getElementById('onglet_d_'+onglet).className='onglet_droite';	
			document.getElementById('onglet_m_'+onglet).className='onglet_contenu';
	clearTimeout(timeoutdiv);
    timeoutdiv = setTimeout("hidediv("+onglet+")",t); 
}
function timeoutHide_bis(onglet,couleur)
{	
	if(couleur=="#") couleur="#000";
	document.getElementById('cat'+onglet).style.color=couleur;		
	document.getElementById('onglet_g_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_d_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_m_'+onglet).style.backgroundColor='';
	document.getElementById('onglet_g_'+onglet ).className='onglet_gauche_bis';
	document.getElementById('onglet_d_'+onglet).className='onglet_droite_bis';	
	document.getElementById('onglet_m_'+onglet).className='onglet_contenu_bis';
	clearTimeout(timeoutdiv);
    timeoutdiv = setTimeout("hidediv("+onglet+")",t); 
}
function clearTime() {
	clearTimeout(timeoutdiv);
}

function hidediv(onglet)
{ 
	if (document.getElementById('ssonglet_'+onglet)){
		var reg=/MSIE 6/;
		 document.getElementById('ssonglet_'+onglet).style.display='none';
		if (navigator.appVersion.match(reg)) fSwapSelect('ssonglet_'+onglet);
	}
}
// Fin script pour le menu horizontal déroulant 




// JavaScript pour panneau onglets page produit
function artDesc()
{
	document.getElementById('desc').className = 'desc_ON';
	document.getElementById('calque1').style.display = 'block';
	document.getElementById('avis').className = 'avis_OFF';
	document.getElementById('calque2').style.display = 'none';
	document.getElementById('comm').className = 'comm_OFF';
	document.getElementById('calque3').style.display = 'none';
}
function artAvis()
{
	document.getElementById('desc').className = 'desc_OFF';
	document.getElementById('calque1').style.display = 'none';
	document.getElementById('avis').className = 'avis_ON';
	document.getElementById('calque2').style.display = 'block';
	document.getElementById('comm').className = 'comm_OFF';
	document.getElementById('calque3').style.display = 'none';
}	
function artComm()
{
	document.getElementById('desc').className = 'desc_OFF';
	document.getElementById('calque1').style.display = 'none';
	document.getElementById('avis').className = 'avis_OFF';
	document.getElementById('calque2').style.display = 'none';
	document.getElementById('comm').className = 'comm_ON';
	document.getElementById('calque3').style.display = 'block';
}