function showmap(id)
{
	var map = document.getElementById('carte'+id);
	map.style.display = 'inline';
}

function hidemap(id)
{
	var map = document.getElementById('carte'+id);
	map.style.display = 'none';
}

function selectmap(id,fieldToUpdate)
{
	var map = document.getElementById('carte'+id);
	map.style.display = 'inline';
	
	var area = document.getElementById('area'+id);
	area.onmouseover = '';
	area.onmouseout = '';
	area.onclick = function(){ javascript:unselectmap(id,fieldToUpdate); };
	
	var research = document.getElementById(fieldToUpdate);
	research.value += id+',';
}

function unselectmap(id,fieldToUpdate)
{
	var map = document.getElementById('carte'+id);
	map.style.display = 'none';
	
	var area = document.getElementById('area'+id);
	area.onmouseover = function(){ javascript:showmap(id); };
	area.onmouseout = function(){ javascript:hidemap(id); };
	area.onclick = function(){ javascript:selectmap(id,fieldToUpdate); };
	
	var research = document.getElementById(fieldToUpdate);
	var str = research.value.split(',');
	var result = '';
	
	for( i=0; i < str.length; i++ )
	{
		if( str[i] == id )	
			str[i] = '';
	}
	
	research.value = str.join(',').replace(',,',',');
}