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)
{
	var 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)
{
	var layerName = "layer" + layer + "-" + id;
	var activeLayer = document.getElementById(layerName);
	activeLayer.style.display = "block";

	var btnName= "btn-nav" + layer + "-" + id;
	var activeBtn = document.getElementById(btnName);
	addClassName(activeBtn, "active", true);

	for(var i=1; i<=3; i++) {
		if(layer != i) {
			var temp = document.getElementById("layer" + i + "-" + id);
			if (temp) {
				temp.style.display = "none";
				temp = document.getElementById("btn-nav" + i + "-" + id);
			}
			if (temp) {
				removeClassName(temp, "active");
			}
		}
	}
}

/*--------FICHE PROF TOGGLE-------*/


/*--------S'identifier FORM-------*/
var loginInput = '';
function initInputLogin()
{
	if (document.getElementById('login')) {
		loginInput = document.getElementById('login').value;
	}
}

function inputLoginFocus()
{
	var input = document.getElementById('login');
	if(input.value == loginInput) {
		input.value = '';
	}
}

function inputLoginBlur()
{
	var 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()
{
	var input = document.getElementById('password');
	if(input.value == passInput) {
		input.value = '';
	}
}

function inputPassBlur()
{
	var input = document.getElementById('password');
	if(input.value == '') {
		input.value = passInput;
	}
}


/*--------Textarea Chatbox-------*/
var textareaChatboxinput = '';
function initTextareaChatboxinput()
{
	if (document.getElementById('chatboxinput')) {
		textareaChatboxinput = document.getElementById('chatboxinput').value;
	}
}

function textareaChatboxinputFocus()
{
	var textarea = document.getElementById('chatboxinput');
	if(textarea.value == textareaChatboxinput) {
		textarea.value = '';
	}
}

function textareaChatboxinputBlur()
{
	var textarea = document.getElementById('chatboxinput');
	if(textarea.value == '') {
		textarea.value = textareaChatboxinput;
	}
}
/*--------Textarea Chatbox-------*/


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;
	}
	var leftBtn  = document.getElementById('left-' + key);
	var 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*/
	var oldLeftBtn = document.getElementById('left-' + currentActiveKey);
	var 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*/
	var 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établit 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)
{
	var 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('flag-dropdown');
  chrono = null;
}