//var nbFrontTab = 5;

function rollMenu(){
	showSelected();
	hoverCondition();
	if(document.getElementById('nbContexteNav'))
{
	var nbFrontTab = document.getElementById('nbContexteNav').value;	
	
	for (i=1; i<=nbFrontTab; i++)
	{ 
	  if (document.getElementById('button'+i))
	  {
	    if (i != nbFrontTab) // si Wesco World pas d'onmouseover
	    {
		  document.getElementById('button'+i).onmouseover = function()
		  {
		 	  //closeClasses();
			  cls = this.className;
			  switch (this.className)
			  {
				  case 'nav_gr_tab': cls = 'nav_gr_tab_on'; break;
				  case 'nav_org_tab': cls = 'nav_org_tab_on'; break;
				  case 'nav_grn_tab': cls = 'nav_grn_tab_on'; break;
				  case 'nav_bl_tab': cls = 'nav_bl_tab_on';
			  }
			  this.className = cls;
			  hideAll();
			  document.getElementById('submenu'+this.id.substr(6,1)).style.visibility = 'visible';
			  this.style.cursor='pointer';
		  }
		  }
  		
		  document.getElementById('button'+i).onmouseout = function(e){
		 	  closeClasses();
			  hoverCondition(); 
			  hideAll();
			  showSelected();
			  this.style.cursor='default';
		  }
  		
		  document.getElementById('submenu'+i).onmouseout = function(){
		  closeClasses();
				  hideAll();
			    showSelected();
		  }
  		
  		
		  document.getElementById('submenu'+i).onmouseover = function(){
		    //alert(this.id);
		    hideAll();
			  this.style.visibility = 'visible';
			  var reg=new RegExp("(submenu)", "g");
		    closeClasses();
		    if (document.getElementById(this.id.replace(reg, 'button')).getAttribute('title') != 'selected')
			    document.getElementById(this.id.replace(reg, 'button')).className = document.getElementById(this.id.replace(reg, 'button')).className + '_on';
			  hoverCondition();
		  }
		
		}
	}
	}
}

function hideAll(){
    var nbFrontTab = document.getElementById('nbContexteNav').value;
	for (i=1; i<=nbFrontTab; i++){  
		  document.getElementById('submenu'+i).style.visibility = 'hidden';
	}
}

function hideAllNotSelected()
{
    var nbFrontTab = document.getElementById('nbContexteNav').value;
	for (i=1; i<=nbFrontTab; i++){
	if (document.getElementById('button'+i).getAttribute('title') != 'selected')  
		  document.getElementById('submenu'+i).style.visibility = 'hidden';
	}
}
  
function ZIndexAll(){
    var nbFrontTab = document.getElementById('nbContexteNav').value;
	for (i=1; i<=nbFrontTab; i++)
	{
	  document.getElementById('submenu'+i).style.zindex = -1;
	}
}

function GetClasses(i){

  switch (i)
{

  case 1:
    return 'nav_gr_tab_on';
   break;
  case 2:
    return 'nav_org_tab_on';
    break;
  case 3:
    return 'nav_grn_tab_on';
    break;
  case 4:
    return 'nav_bl_tab_on';
    break;
  default:
    return 'nav_gr_tab_on';
   break;
}
}

function showSelected(){
//alert(document.getElementById('nbContexteNav'));
if(document.getElementById('nbContexteNav'))
{

  var nbFrontTab = document.getElementById('nbContexteNav').value;
  for (i=1; i<=nbFrontTab; i++)
	{
		if (document.getElementById('button'+i))
		{
		  if (document.getElementById('button'+i).getAttribute('title') == 'selected')
		  {
	      document.getElementById('button' +i).className = GetClasses(i);
		    document.getElementById('submenu'+i).style.visibility = 'visible';
		  }
		}	
	}
	}
}


function closeClasses(){
        
         var button1 = document.getElementById('button1');
         var button2 = document.getElementById('button2');
         var button3 = document.getElementById('button3');
         var button4 = document.getElementById('button4');         
         
         if(button1 != null)
	     {
         document.getElementById('button1').className = 'nav_gr_tab';
         }
         if(button2 != null)
	     {
	     document.getElementById('button2').className = 'nav_org_tab';
	     }
	     if(button3 != null)
	     {
	     document.getElementById('button3').className = 'nav_grn_tab';
	     }
	     if(button4 != null)
	     {
	     document.getElementById('button4').className = 'nav_bl_tab';
	     }
}


function hoverCondition()
{
if(document.getElementById('nbContexteNav'))
{
    var nbFrontTab = document.getElementById('nbContexteNav').value;
	for (i=1; i<=nbFrontTab; i++)
	{
	  if (document.getElementById('button'+i))
	{
		if (document.getElementById('button'+i).getAttribute('title') == 'selected')
		{
		  if (document.getElementById('button'+i).className.indexOf('_on') < 0)
		  {
		  	document.getElementById('button'+i).className = document.getElementById('button'+i).className + '_on';
			
			  break;
			}
		}
   }		
	}
	}
}
			

startList = function() {
	  	if (document.all&&document.getElementById) {
			navRoot = document.getElementById("langue");
			if(navRoot) {
			for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
			  node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
		}
	}
}

function setClass(submenuId){
        var i=0;
        var nbFrontTab = document.getElementById('nbContexteNav').value;
        for (i=1; i<=nbFrontTab; i++){
            if(i==submenuId){
              document.getElementById('button'+ i).setAttribute('title','selected');
              document.getElementById('submenu'+ i).setAttribute('title','selected');
            }
            else
            {
              document.getElementById('button'+i).removeAttribute('title','') ;
              document.getElementById('submenu'+i).removeAttribute('title','') ;
            }
          }
      hideAll();
      showSelected();
      
}