function displayCount(id_conteneur,balise,num_class) {
	
	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 if(i==num_class)
			arrElements[i].style.display = 'block';
		else
			arrElements[i].style.display = 'none';
	 }
}

function displaySSmenu(id_conteneur,num,action){

	if(num==0)
	{
		color="#61841f";
		TheClass = "bt_vert";
		
	}
	else if (num==1)
	{
		color="#861200";
		TheClass = "bt_rouge";
		
	}
	else if (num==2)
	{
		color="#ba4800";
		TheClass = "bt_orange";
		
	}
	else if (num==3)
	{
		color="#8c0d1d";
		TheClass = "bt_red";		
		
	}
	else if (num==4)
	{
		color="#d29e0b";
		TheClass = "bt_or";		
	}
	
	var strContainer = document.getElementById(id_conteneur);

	var arrElements = strContainer.getElementsByTagName('a');
	var intElements = arrElements.length;
	
	for (var i=0; i<intElements; i++) {
		if(arrElements[i].className == TheClass || arrElements[i].className.substring(8) == TheClass)			
				arrElements[i].style.borderBottomColor = color;
			else
					arrElements[i].style.borderBottomColor = "#ffffff";
			
	 
	 }

	var arrElements = strContainer.getElementsByTagName('ul');
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 if(i==num && action=="on")
			arrElements[i].style.display = 'block';
		else if(arrElements[i].className =="encours" && action=="off")
				arrElements[i].style.display = 'block';
		else
			arrElements[i].style.display = 'none';
	 }




}



function displayClasse(id_conteneur,balise,TheClass) {
	
	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 if(arrElements[i].className == TheClass)
			arrElements[i].style.display = 'block';
		else
			arrElements[i].style.display = 'none';
	 }
}

function omo_Display (id)
{ document.getElementById(id).style.display = 'block'; }

function omo_Hide (id)
{ document.getElementById(id).style.display = 'none'; }



function hide(id_conteneur,balise) {
	
	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 	arrElements[i].style.display = 'none';
	 }
}

function show(id_conteneur,balise,TheClass) {
	
	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 if(arrElements[i].className == TheClass)
			arrElements[i].style.display = 'block';
		else if(arrElements[i].className.substring(0,5) == TheClass.substring(0,5))
		 	arrElements[i].style.display = 'none';
		else
			arrElements[i].style.display = 'block';
	 }
}

function hideID($id_conteneur)
{
	var strContainer = document.getElementById(id_conteneur);
	strContainer.style.display='none';

}



function displayTitle(id_conteneur,balise,param,couleur)
{

	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		
			if(param=="debut")
			{
				
				if(i<3)
				{
					if(arrElements[i].className=="bouton")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/repeat_"+couleur+".gif)";
					else if(arrElements[i].className=="left_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/left_"+couleur+".gif)";
					else if(arrElements[i].className=="right_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/right_"+couleur+".gif)";
				}
				else if(i>=3)
				{
					if(arrElements[i].className=="bouton")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/repeat_"+couleur+"_off.gif)";
					else if(arrElements[i].className=="left_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/left_"+couleur+"_off.gif)";
					else if(arrElements[i].className=="right_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/right_"+couleur+"_off.gif)";
				}
					
			
			
			
			}
			else
			{
			
				if(i>=3)
				{
					if(arrElements[i].className=="bouton")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/repeat_"+couleur+".gif)";
					else if(arrElements[i].className=="left_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/left_"+couleur+".gif)";
					else if(arrElements[i].className=="right_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/right_"+couleur+".gif)";
				}
				else if(i<3)
				{
					if(arrElements[i].className=="bouton")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/repeat_"+couleur+"_off.gif)";
					else if(arrElements[i].className=="left_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/left_"+couleur+"_off.gif)";
					else if(arrElements[i].className=="right_corner")
						arrElements[i].style.backgroundImage="url(http://www.r7g.com/20043/m/img/bt/right_"+couleur+"_off.gif)";
				}
			
			
			
			}
	
	
	
	}

}


function setID(id_conteneur){
	
	
	var strContainer = document.getElementById(id_conteneur);
	var tabSelect = strContainer.getElementsByTagName('select');
	var valueSelect = tabSelect[0].value;	
	tabID = valueSelect.split('#');
	var arrElements = strContainer.getElementsByTagName('input');
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
	
			if(arrElements[i].name == 'ID_PRODUCT')
				arrElements[i].value = tabID[0];
			
			if(arrElements[i].name == 'ID_CATEGORY')
				arrElements[i].value = tabID[1];
				
	
	}

}

function page(url)
{
location.href = url;
}


function hideSelect(id_conteneur,balise)
{
		var strContainer = document.getElementById(id_conteneur);
		var arrElements = strContainer.getElementsByTagName(balise);
		var intElements = arrElements.length;
		for (var i=0; i<intElements; i++) {
				var optionElements = arrElements[i].getElementsByTagName('option');
						if(optionElements[0].value == 'none'){								
								 arrElements[i].style.display="none";
								 }
				
				
				
		
		}


}

function Set_Mark(mark)
{
	var label = '';
	switch(mark)
	{
		case '1' :
		{
			label = 'Pas bon';
			break;
		}
		case '2' :
		{
			label = 'Assez bon';
			break;
		}		
		case '3' :
		{
			label = 'Bon';
			break;
		}
		case '4' :
		{
			label = 'Très bon';
			break;
		}
		case '5' :
		{
			label = 'Excellent';
			break;
		}
		default :break;
	}
	document.getElementById('label_mark').innerHTML = label;
	
	document.getElementById('mark').value = mark;
	for ( i=1 ; i <= mark ;i++ )
		document.getElementById('mark_'+i).getElementsByTagName('img')[0].src = 'http://www.r7g.com/20043/m/img/pomme_on';
	for (i=5 ; mark < i ; i--)
			document.getElementById('mark_'+i).getElementsByTagName('img')[0].src = 'http://www.r7g.com/20043/m/img/pomme_off';
}

function testAff()
{
	if(!document.getElementById('content_right'))
	{
		document.getElementById('content_left').style.border=0;
		document.getElementById('content_left').style.width="100%";
		
	}
	



}


function displayBorderR(id_conteneur,balise,TheClass,num)
{

	if(num==0)
		color="#61841f";
	else if (num==1)
		color="#861200";
	else if (num==2)
		color="#ba4800";
	
	var strContainer = document.getElementById(id_conteneur);
	var arrElements = strContainer.getElementsByTagName(balise);
	var intElements = arrElements.length;
	for (var i=0; i<intElements; i++) {
		 if(arrElements[i].className.substring(0,5) == TheClass)
		 	arrElements[i].style.borderBottomColor = color;
		else if(arrElements[i].className.substring(0,2) == "bt")
			arrElements[i].style.borderBottomColor = "ffffff";
			
	 }




}



// 1. Les Bulles
var IB=new Object;
var posX=0;posY=0;

function AffBulle(texte,img) {

if(img == "left")
{
	var xOffset=200;yOffset=20;
}
else
{
	var xOffset=-4;yOffset=0;
}

  // IE
  if (document.all) {
    var theLeft=0;
    var theTop=0;
    if (document.documentElement && document.documentElement.scrollTop)
    {
            theTop = document.documentElement.scrollTop;
            theLeft = document.documentElement.scrollLeft;
    }
    else if (document.body)
    {
            theTop = document.body.scrollTop
            theLeft = document.body.scrollLeft
    }
    posX=event.x+theLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
    posY=event.y+theTop;
  }
    
  if(img != "" && img != "left")
  {
  	 var contenu="<TABLE border=0 cellspacing=0 cellpadding="+IB.NbPixel+"><TR bgcolor='"+IB.ColContour+"'><TD><TABLE border=0 cellpadding=2 cellspacing=0 bgcolor='"+IB.ColFond+"'><TR><TD><FONT size='1' face='arial' color='"+IB.ColTexte+"'><img src=\""+img+"\" /><\/FONT><\/TD><\/TR><\/TABLE><\/TD><\/TR><\/TABLE>&nbsp;";
	
	}
	else
	{
  var contenu='<div style="background-color:'+IB.ColFond+';border:1px solid '+IB.ColContour+';font-size:10px;font-family:arial;padding:'+IB.NbPixel+'px">'+texte+'</div>';
  }
  var finalPosX=posX-xOffset;
  if (finalPosX<0) finalPosX=0;
  if (document.all) // IE et Opera
  {
    //var f=window.event;
    //doc=document.body.scrollTop;
    bulle.innerHTML=contenu;
    document.all["bulle"].style.top=posY+yOffset;
    document.all["bulle"].style.left=finalPosX;//f.x-xOffset;
    document.all["bulle"].style.visibility="visible";
  }
  else if (document.layers) 
  {
    document.layers["bulle"].document.write(contenu);
    document.layers["bulle"].document.close();
    document.layers["bulle"].top=posY+yOffset;
    document.layers["bulle"].left=finalPosX;
    document.layers["bulle"].visibility="show";
  }
  else if (document.getElementById) // FireFox
  {
    // alert( document.getElementById("bulle_firefox").style );
    document.getElementById("bulle_firefox").innerHTML       =contenu;
    document.getElementById("bulle_firefox").style.top       =(posY+yOffset) + "px";
    document.getElementById("bulle_firefox").style.left      =finalPosX + "px";
    document.getElementById("bulle_firefox").style.visibility="visible";
  }
}
function getMousePos(e) {
  if (document.all) {
    posX=event.x+document.body.scrollLeft; //modifs CL 09/2001 - IE : regrouper l'évènement
    posY=event.y+document.body.scrollTop;
  }
  else {
    posX=e.pageX; //modifs CL 09/2001 - NS6 : celui-ci ne supporte pas e.x et e.y
    posY=e.pageY; 
  }
}
function HideBulle() {
	if (document.layers) {document.layers["bulle"].visibility="hide";}
	if (document.all) {document.all["bulle"].style.visibility="hidden";}
	else if (document.getElementById){document.getElementById("bulle_firefox").style.visibility="hidden";}
}

function InitBulle(ColTexte,ColFond,ColContour,NbPixel) {
	IB.ColTexte=ColTexte;
        IB.ColFond=ColFond;
        IB.ColContour=ColContour;
        IB.NbPixel=NbPixel;

	if (document.layers) {
		window.captureEvents(Event.MOUSEMOVE);
                window.onMouseMove=getMousePos;
		document.write("<LAYER name='bulle' top=0 left=0 visibility='hide'><\/LAYER>");
	}
	if (document.all) {
		document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'><\/DIV>");
                // Pose problème avec IE => inutile, se trouve dans getMousePos
                //		document.onmousemove=getMousePos;
	}
	//modif CL 09/2001 - NS6 : celui-ci ne supporte plus document.layers mais document.getElementById
	else if (document.getElementById) {
	        document.onmousemove=getMousePos;
	        document.write("<DIV id='bulle_firefox' style='position:absolute;top:0;left:0;visibility:hidden'><\/DIV>");
	        //document.write("<DIV id='bulle' style='position:absolute;top:0;left:0;visibility:hidden'><\/DIV>");
	}
}



function visibilite(thingId)
{
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	if (targetElement.style.display == "none")
	{
		targetElement.style.display = "" ;
		window.location.hash = "#ancre";
	} else {
		targetElement.style.display = "none" ;
	}
}

function Display_PP (id)
{
  document.getElementById(id).style.display = 'block';
}