function upDown($element, $next, $flip){
	
	if(/(.)*down(.)*/.test($element.src) && !$flip){
		$element.src = 'img-site/down-' + $next + '.png';
	}else if(/(.)*up(.)*/.test($element.src) && !$flip){
		$element.src = 'img-site/up-' + $next + '.png';
	}else if(/(.)*down(.)*/.test($element.src) && $flip){
		$element.src = 'img-site/up-' + $next + '.png';
		$element.title = 'Remonter';
	}else if(/(.)*up(.)*/.test($element.src) && $flip){
		$element.src = 'img-site/down-' + $next + '.png';
		$element.title = 'Développer';
	}
}

function displayId($id, $mode){
	//$mode = the display mode when the element is display.
	var $style;
	if(document.all){
		$style = document.getElementById($id).currentStyle.display;
	}else{
		$style = window.getComputedStyle(document.getElementById($id), null).getPropertyValue("display");
	}
	if($style=='none'){
		document.getElementById($id).style.display=$mode;
	}else{
		document.getElementById($id).style.display='none';
	}
}
function displayClass($class, $mode, $idNode, $tag){
	//$mode = the display mode when the element is display.
	//$node = where look ?
	//$tag = In which tag look ?
	var $style;
	var $elements = getElementsByClass($class,$idNode, $tag);
	
	for (I = 0; I < $elements.length; I++) {
	
		if(document.all) {
			$style = $elements[I].currentStyle.display;
		}else{
			$style = window.getComputedStyle($elements[I], null).getPropertyValue("display");
		}
		if ($style == 'none') {
			$elements[I].style.display = $mode;
		}else{
			$elements[I].style.display = 'none';
		}	
	}
}

function displayClassByGroup($class, $mode, $idNode, $tag, $init){
	//$init = false if the element is hidden.
	if(window.$class == undefined){
		window.$class = $init;
	}
	
	if(!window.$class){//Hide
		window.$class=true;
		displayByClass($class, $mode, $idNode, $tag);
	}else{//Display
		window.$class=false;
		noDisplayByClass($class, $idNode, $tag);
	}
}

function noDisplayByClass($class, $idNode, $tag){
	//$mode = the display mode when the element is display.
	//$node = where look ?
	//$tag = In which tag look ?
	var $style;
	var $elements = getElementsByClass($class,$idNode, $tag);
	
	for (I = 0; I < $elements.length; I++) {
		$elements[I].style.display = 'none';
	}
}

function displayByClass($class, $mode, $idNode, $tag){
	//$mode = the display mode when the element is display.
	//$node = where look ?
	//$tag = In which tag look ?
	var $style;
	var $elements = getElementsByClass($class,$idNode, $tag);
	
	for (I = 0; I < $elements.length; I++) {
		$elements[I].style.display = $mode;
	}
}

function getElementsByClass(searchClass,idNode,tag){
	var classElements = new Array();
	var node;
	if (idNode == null) {
		node = document;
	}else{
		node = getElementById(idNode);
	}
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}
 
//-----------------------------------------------------------------------------------------------
// Extraction du code clavier tapé
//-----------------------------------------------------------------------------------------------
function getKeyPressed(eventObj)
{
	//IE : keycode, firefox : which
    var keyCode = document.all ? eventObj.keyCode : eventObj.which;
    return keyCode;
}
function alphaAllowed(eventObj)
{
    var keyCode = getKeyPressed(eventObj);
    
	// Caractères autorisés [a-z] [A-Z] [0-9]
	//alert(keyCode);
   // if ( keyCode >= 96 && keyCode <= 105 ) return true;//Num Pad
	
    if ( keyCode >= 65 && keyCode <= 90 ) return true;//K maj
    
    if ( keyCode >= 97 && keyCode <= 122 ) return true;//K min
	
    if ( keyCode >= 48 && keyCode <= 57 ) return true;//Number
	
	if ( keyCode == 46 || keyCode == 8 || keyCode == 9 || keyCode == 13) return true;
	
	if(keyCode == 0) return true;//Firefox
    
    return false;
}
function numAllowed(eventObj)
{
    var keyCode = getKeyPressed(eventObj);
    
	// Caractères autorisés [0-9]
    if ( keyCode >= 48 && keyCode <= 57 ) return true;//Number
	//if ( keyCode >= 96 && keyCode <= 105 ) return true;//Num Pad
	
	if ( keyCode == 46 || keyCode == 8 || keyCode == 9 || keyCode == 13) return true;
	
	if(keyCode == 0) return true;//Firefox
    
    return false;
}


function autoReSizeHeight($direct, $min, $id){
	
	$bloc = document.getElementById($id);
	

	//alert($bloc.currentStyle.width)
	if (document.all) {//Ie
	
		$scrollH = $bloc.offsetHeight ;
		$innerH = window.document.documentElement.clientHeight;
		
		$deltaH = $scrollH - $innerH;
	}else{
		$scrollH = $bloc.offsetHeight;
		$innerH = window.innerHeight;

		$deltaH = $scrollH - $innerH;
	}

	
	if($deltaH < 0 && $min) {
		$cibleH = Math.abs($deltaH);
		$modifH = -1;
	}else{
		$cibleH = $deltaH;
		$modifH = 1
	};
		
	
	while($cibleH > 0 && !$direct){
		window.setTimeout('window.resizeBy(0, ' + $modifH + ')', 1500*$cibleH/$innerH);
		$innerH = $innerH + 0.9 * $modifH;
		$cibleH--;
	}
	
	if($direct){
		window.resizeBy(0, $cibleH * $modifH)
	}	
}

function resizePage(){
	var menuD = document.getElementById('menuD');
	var center = document.getElementById('center');
	var colonneD = document.getElementById('colDC');
	
	var heightMD = getHeight(menuD);
	var heightC = getHeight(center);
	

	
	if(heightC + 20 > heightMD) {
		menuD.style.height = heightC + 20 + 'px';
	}
	
	heightMD = getHeight(menuD);
	

	
	if (heightMD > 598) {
		colonneD.style.height = heightMD - 124 + 'px';
	}
	
}

function getHeight(element){
	if(document.all) {//Ie, the style height gives 100 % ... 
		return parseInt(element.clientHeight);
	}else{
		var height = window.getComputedStyle(element, null).getPropertyValue("height");
		return parseInt(height.substring(0, height.length-2));
	}
}