var layersId = new Array('content-1',
						 'content-2',
						 'content-3', 
						 'content-4', 
						 'content-5', 
						 'content-6');
var currentActiveKey = 1;
var layersCount = 6;


function showLayer(id) 
{
	document.getElementById(id).style.display = "block";
}

function hideLayer(id)
{
	document.getElementById(id).style.display = "none";
}

function switchTo(key)
{
	if(currentActiveKey == key) {
		return false;
	}
	leftBtn  = document.getElementById('left-' + key);
	rightBtn = document.getElementById('right-' + key);
	addClassName(leftBtn, 'lefthover');
	addClassName(leftBtn, 'slider-arrow-' + key);
	addClassName(rightBtn, 'righthover');
	showLayer('content-' + key);
	
	/*D�sactivation de l'ancien bouton*/
	oldLeftBtn = document.getElementById('left-' + currentActiveKey);
	oldRightBtn = document.getElementById('right-' + currentActiveKey);
	removeClassName(oldLeftBtn, 'lefthover');
	removeClassName(oldLeftBtn, 'slider-arrow-' + currentActiveKey);
	removeClassName(oldRightBtn, 'righthover');
	
	hideLayer('content-' + currentActiveKey);
	
	/*supprime la bordure sup�rieur du bouton suivant*/
	nextKey = parseInt(key + 1);
	if(nextKey != layersCount+1) {
		nextLeftBtn  = document.getElementById('left-' + nextKey);
		nextRightBtn = document.getElementById('right-' + nextKey);
		addClassName(nextLeftBtn, 'leftnoborder');
		addClassName(nextRightBtn, 'rightnoborder');
	}
	/*r�tabli la bordure sur le bouton concern�*/
	nextKey = parseInt(currentActiveKey +1);
	if(nextKey != layersCount+1) {
		oldNextLeftBtn  = document.getElementById('left-' + nextKey);
		oldNextRightBtn = document.getElementById('right-' + nextKey);
		removeClassName(oldNextLeftBtn, 'leftnoborder');
		removeClassName(oldNextRightBtn, 'rightnoborder');
	}
	
	currentActiveKey = key;
}
function hasClassName(objElement, strClass)
{
   if ( objElement.className ) {
      var arrList = objElement.className.split(' ');


      var strClassUpper = strClass.toUpperCase();


      for ( var i = 0; i < arrList.length; i++ )
         {


         if ( arrList[i].toUpperCase() == strClassUpper )
            {


            return true;

            }

         }

      }


   return false;

   }

function addClassName(objElement, strClass, blnMayAlreadyExist)
   {strClass2 = strClass;


   if ( objElement.className )
      {

      
      var arrList = objElement.className.split(' ');


      if ( blnMayAlreadyExist )
         {

  
         var strClassUpper = strClass.toUpperCase();

         for ( var i = 0; i < arrList.length; i++ )
            {

   
            if ( arrList[i].toUpperCase() == strClassUpper )
               {

           
               arrList.splice(i, 1);

            
               i--;

               }

            }

         }

 
      arrList[arrList.length] = strClass;


      objElement.className = arrList.join(' ');

      }

   else
      {

    
      objElement.className = strClass;
   
      }
		
   }

function removeClassName(objElement, strClass)
   {


   if ( objElement.className )
      {

     
      var arrList = objElement.className.split(' ');


      var strClassUpper = strClass.toUpperCase();

   
      for ( var i = 0; i < arrList.length; i++ )
         {

       
         if ( arrList[i].toUpperCase() == strClassUpper )
            {

       
            arrList.splice(i, 1);

       
            i--;

            }

         }


      objElement.className = arrList.join(' ');

      }


   }
   
   
/*--------------CHRONO DROPDOWN--------------*/
var chrono = null;
function initEvent(idConteneur)
{
  var elements = document.getElementById(idConteneur).getElementsByTagName("*");
  var i;
  var n = elements.length;
  
  for (i=0; i<n; i++)
  {
    elements[i].onmouseover = function(){stopTempo()}
  }
  
}

function stopTempo()
{
  if (chrono!=null)
    clearTimeout(chrono);
  chrono = null;
}

function demarreTempo()
{
  if (chrono==null)
    chrono = setTimeout("mouseOut()","20");
}

function mouseOut()
{
  //hideLayer('block-id');
  hideLayer('flag-dropdown');
  chrono = null;
}