// Récupération d'éléments par type et nom de classe
document.getElementsByClassName = function(className) {
  var children = (document.all) ? document.all : document.getElementsByTagName('*');
  var elements = new Array();
  var counter = 0;
  
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    var classNames = child.className.split(' ');
    for (var j = 0; j < classNames.length; j++) {
      if (classNames[j] == className) {
        elements[counter] = child;
        counter++;
        break;
      }
    }
  }

  return elements;
}

// Masquer/montrer les descriptifs des fonctionnalités
function showHide() {
	var ref = document.getElementById('table-features');
	if(!ref) return false;
	var infos = ref.getElementsByTagName('p');
	var cells = document.getElementsByClassName('leftcell');
	if(infos.length != cells.length) return false;
	var newTxt;

	for(var i = 0; i < cells.length; i++) {
		cells[i].lastChild.style.display = 'none';
		cells[i].firstChild.className = 'show';
		cells[i].firstChild.onclick = function() {
			if(this.nextSibling.style.display == 'block' || this.nextSibling.style.display == '') {
				this.nextSibling.style.display = 'none';
				this.className = 'show';
			} else {
				this.nextSibling.style.display = 'block';
				this.className = 'hide';
			}
		}
	}
}

// Couleurs alternatives en hover pour les tableaux (IE)
function tableHover() {
  var tables = document.getElementsByTagName('tr');
	if(!tables || !document.all) return false;

	for(var i = 0; i < tables.length; i++) {
  	tables[i].onmouseover = function() {
  		this.className += ' hover';
		}

  	tables[i].onmouseout = function() {
  		this.className = this.className.replace(new RegExp(' hover\\b'), '');
		}
	}
}

// focus sur les champs de formulaire
function fieldFocus(elmts) {
	var elmts = document.getElementsByTagName(elmts);

	for (var i = 0; i < elmts.length; i++) {
		elmts[i].onfocus = function() {
			this.className = 'focus';
		}
		elmts[i].onblur = function() {
			this.className = '';
		}
	}
}

window.onload = function() {
	if(!document.getElementById || !document.getElementsByTagName) return false;
	showHide();
	tableHover();

	// pour IE seulement
	if(document.all) {
		fieldFocus("INPUT");
		fieldFocus("TEXTAREA");
	}
}