var layersId = new Array('content-1',
						 'content-2',
						 'content-3', 
						 'content-4', 
						 'content-5', 
						 'content-6');
var currentActiveKey = 1;
var layersCount = 6;


function toggleidentification()
{
    if ($("block-id").style.display == "none")
        {
            $("block-id").style.display = "block";
            appear(0.25);
        }
        else
        {
            $("block-id").style.display = "none";
            disappear(1);
        }
}

function toggle(id)
{
	element = document.getElementById(id);
	if(element.style.display == "block") {
		element.style.display = "none";
	} else {
		element.style.display = "block";
	}
}

/*--------------------------------*/
/*--------FICHE PROF TOGGLE-------*/
/*--------------------------------*/
/*
function toggleLayer(layer, id)
{
	layerName= "layer" + layer + "-" + id;
	activeLayer = document.getElementById(layerName);
	removeClassName(activeLayer, "hidden-layer");
	
	btnName= "btn-nav" + layer + "-" + id;
	activeBtn = document.getElementById(btnName);
	addClassName(activeBtn, "active", true);
	
	
	for(var i=1; i<=3; i++) {
		if(layer != i) {
			temp = document.getElementById("layer" + i + "-" + id);
			addClassName(temp, "hidden-layer", true);
			
			temp = document.getElementById("btn-nav" + i + "-" + id);
			removeClassName(temp, "active");
		}
	}

}*/
function toggleLayer(layer, id)
{
	layerName= "layer" + layer + "-" + id;
	activeLayer = document.getElementById(layerName);
	activeLayer.style.display = "block";

        btnName= "btn-nav" + layer + "-" + id;
	activeBtn = document.getElementById(btnName);
	addClassName(activeBtn, "active", true);

	for(var i=1; i<=3; i++) {
            if(layer != i) {
                temp = document.getElementById("layer" + i + "-" + id);
                temp.style.display = "none";

                temp = document.getElementById("btn-nav" + i + "-" + id);
                removeClassName(temp, "active");
            }
	}
}

/*---------------END--------------*/
/*--------FICHE PROF TOGGLE-------*/
/*---------------END--------------*/




/*--------------------------------*/
/*--------S'identifier FORM-------*/
/*--------------------------------*/
var loginInput = '';
function initInputLogin()
{
	if (document.getElementById('login'))
		loginInput = document.getElementById('login').value;
}

function inputLoginFocus()
{
	input = document.getElementById('login');
	if(input.value == loginInput) {
		input.value = '';
	}
}

function inputLoginBlur()
{
	input = document.getElementById('login');
	if(input.value == '') {
		input.value = loginInput;
	}
}

var passInput = '';
function initInputPass()
{
	if (document.getElementById('password'))
		passInput = document.getElementById('password').value;
}

function inputPassFocus()
{
	input = document.getElementById('password');
	if(input.value == passInput) {
		input.value = '';
		/*input.type = "password";*/
	}
}

function inputPassBlur()
{
	input = document.getElementById('password');
	if(input.value == '') {
		input.value = passInput;
		/*input.type = 'text';*/
	}
}

/*---------------END--------------*/
/*--------S'identifier FORM-------*/
/*---------------END--------------*/



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;
}

