//création d'un voile
function cVoile(id){
	var voile = $('<div />');
	voile.attr('id', id);
	return voile;
}

//ajout d'un voile
function aVoile(voile){
	$('#html_all').append(voile);
	voile.animate({opacity : '0.8'}, 700);
}

//création d'une boite de dialogue
function addBox(id, cont, title, target, id_voile){
	var voile = cVoile(id_voile);
	var box = $('<div />');
	box.attr('id', id);
	var cont_box = $('<p id="close_box"><span style="position:relative; bottom:5px;">'+title+'</span> <a onclick="closeBox(\''+id+'\', \''+id_voile+'\')"><img src="documents/media/images/permanent/fermer.png" alt="close" title="fermer" /></a></p>');
	box.append(cont_box);
	box.append(cont);
	aVoile(voile);
	target.append(box);
	box.corner();
	box.animate({opacity : '0.8'}, 700);
}

//fonction de fermeture du voile transparent
function closeBox(child, id_voile){
	$('#'+child).slideUp(function(){
		$('#'+id_voile).remove();
		if($('#'+child))
			$('#'+child).remove();
		if(typeof(closeBoxAction) == 'function')
			closeBoxAction();
	} );
}

//affichage d'un message d'erreur
function popError(titre, message, image){
	var target = $('#html_all');
	var cont_box = '';
	if(image == null)
		image = 'erreur';
	cont_box += '<p class="titre-message-error"><img src="documents/media/images/permanent/'+image+'.png" alt="Erreur" class="relative3" /> Error <img src="documents/media/images/permanent/'+image+'.png" alt="Erreur" class="relative3" /></p>';
	cont_box += '<p class="message-error">'+message+'</p>';
	cont_box += '<p><img src="documents/media/images/permanent/loading.gif" alt="load" class="relative3" /></p>';
	addBox('message-erreur-box', cont_box, titre, $('#html_all'), 'voile_transp');
}

//affichage d'un message d'erreur
function popValid(titre, message, image){
	var target = $('#html_all');
	var cont_box = '';
	if(image == null)
		image = 'valid';
	cont_box += '<p class="titre-message-valid"><img src="documents/media/images/permanent/'+image+'.png" alt="Ok" class="relative3" /> Process successful <img src="documents/media/images/permanent/'+image+'.png" alt="Ok" class="relative3" /></p>';
	cont_box += '<p class="message-valid">'+message+'</p>';
	cont_box += '<p><img src="documents/media/images/permanent/loading.gif" alt="load" class="relative3" /></p>';
	addBox('message-valid-box', cont_box, titre, $('#html_all'), 'voile_transp');
}