function ch_knopka(knopka)
{
	document [knopka].src = "img/arr_a.gif";
}
function ch_knopka_back(knopka)
{
	document [knopka].src = "img/arr.gif";
}
function pop_win(page,largeur,longueur)
{
	popwin=window.open(page,"Nom_Window","dependent=yes,top=200 , left=150 , toolbar=no,screenX=0,screenY=0,scrollbars=yes,width="+largeur+",height="+longueur+",resizable=yes,status=no,alwaysRaised=yes,")
	popwin.focus()
}
var reg_email = /^[\w\-]+(\.[\w\-]+)*@[\w\-]+(\.[\w\-]+)*\.[\w\-]{2,}$/;
var error = '';
// Nom des Champs obligatoires du formulaire
var fields = new Array();
// Titre de ces champs
var fields_title = new Array();
// Vérification formulaire demande
function check_form(form)
{
	// champ courant
	var field = null;
	// s'il est correctement rempli
	var res = false;
	var j = 0;
	// Boucle sur tous les champs du form
	for(var i = 0; i < form.elements.length; i++)
	{
		error = '';
		form.elements[i].className = '';
		if(form.elements[i].name != fields[j])
			continue;

		// Vérification du champs obligatoire
		field = form.elements[fields[j]];
		res = false;
		// Selon son type
		switch(field.type)
		{
			// Select
			case 'select-one' :
				res = field.selectedIndex > 0;
				break;
			// text ou textarea
			case 'text' :
			case 'textarea' :
				res = field.value != '';
				if(res && field.name.indexOf('email') >= 0)
				{
					res = reg_email.test(field.value);
					if(!res)
						error = 'You must fill a valid email';
				}
				break;
			// pour les radio ou checkbox
			default :
				if(field.length)
				{
					for(var k = 0; k < field.length; k++)
					{
						field[k].parentNode.parentNode.className = '';
						res = field[k].checked;
						if(res)
							break;
					}
				}
		}
		if(!res)
			break;
		j++;
	}
	// Si mal rempli
	if(!res)
	{
		error = (error == '') ? 'A "' + fields_title[j] +'" is required' : error;
		alert(error);
		if(field.focus)
		{
			field.focus();
			field.className = 'rose_background_reverse';
		}
		else if(field.length)
		{
			for(var k = 0; k < field.length; k++)
			{
				field[k].parentNode.parentNode.className = 'rose_background_reverse';
			}
			var s = document.getElementById(fields[j]+'_1');
			window.scrollTo(0,document.getElementById(fields[j]+'_1').offsetTop);
		}
		return false;
	}
	return true;
}



// TOOLTIP
var versionMinor = parseFloat(navigator.appVersion);
var versionMajor = parseInt(versionMinor);

var IE = document.all && !window.opera && versionMajor < 7;
var IE7 = document.all && !window.opera && versionMajor >= 7;
var OP = window.opera;
var FF = document.getElementById;
var NS = document.layers;

// renvoie l'element DOM
function get_item(name,opener){
	if (IE){
		return (opener)?window.opener.document.all[name]:document.all[name];
	}else if (FF){
		return (opener)?window.opener.document.getElementById(name):document.getElementById(name);
	}else if(NS){
		return (opener)?window.opener.document.layers[name]:document.layers[name];
	}
}

var current_tooltip;
/**
* Show a tooltip
*
* @param dom current_tooltip : (span, p,...)
* @param string : content of the tooltip
* @param string : content of the title
*/
/*
function show_tooltip(caller,content,content_title)
{
	var current_tooltip = get_item('tooltip');
	if(!current_tooltip)
	{
		var current_tooltip = document.createElement('div');
		current_tooltip.setAttribute('id','tooltip');
		document.body.appendChild(current_tooltip);
	}
	current_tooltip.style.zIndex = 100;
	current_tooltip.style.position = 'absolute';
	//current_tooltip.style.width = '200px';

	if(content_title)
	{
		content = '<p class="header">'+content_title+'</p><p>'+content+'</p>';
	}
	else
	{
		content = '<p>'+content+'</p>';
	}
	current_tooltip.innerHTML = content;
	current_tooltip.style.visibility = 'visible';
	// append action to DOM
	//caller.onmousemove = move_tooltip;
	caller.onmousemove = move_tooltip;
	caller.onmouseout = function()
	{
		current_tooltip.style.visibility="hidden";
	}
	caller.title='';
}
*/
function show_tooltip(caller,content,content_title)
{
	document.getElementById('image_placeholder').innerHTML = (content_title ? '<p class="header">'+content_title+'</p><p>'+content+'</p>' : '<p>'+content+'</p>')
	caller.onmouseout = function(){document.getElementById('image_placeholder').innerHTML = '';}
}
/**
* Move the current_tooltip in document area
*/
var offsetxpoint=-60 //Customize x offset of tooltip
var offsetypoint=20 //Customize y offset of tooltip
var real_body = (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
real_body = (document.documentElement)? document.documentElement : document.body;
function move_tooltip(e){

	var curX=(!IE)?e.pageX : event.clientX+real_body.scrollLeft;
	var curY=(!IE)?e.pageY : event.clientY+real_body.scrollTop;

	//Find out how close the mouse is to the corner of the window
	var rightedge=IE&&!window.opera? real_body.clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
	var bottomedge=IE&&!window.opera? real_body.clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

	var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
	current_tooltip = get_item('tooltip');
	//if the horizontal distance isn't enough to accomodate the width of the context menu
	if (rightedge<current_tooltip.offsetWidth)
	//move the horizontal position of the menu to the left by it's width
	current_tooltip.style.left=IE? real_body.scrollLeft+event.clientX-current_tooltip.offsetWidth+"px" : window.pageXOffset+e.clientX-current_tooltip.offsetWidth+"px"
	else if (curX<leftedge)
	current_tooltip.style.left="5px"
	else
	//position the horizontal position of the menu where the mouse is positioned
	current_tooltip.style.left=curX+offsetxpoint+"px"

	//same concept with the vertical position
	if (bottomedge<current_tooltip.offsetHeight)
	current_tooltip.style.top=IE?  document.body.scrollTop+event.clientY-current_tooltip.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-current_tooltip.offsetHeight-offsetypoint+"px"
	else
	current_tooltip.style.top=curY+offsetypoint+"px"
}