/** fonctions utilisées pour www/medipad-site. Utilise mootools et ajax.js*/

function getMessages() {
	
	$('fond').setStyle('display','block');
	$('messages').setStyle('display','block');
	
	var Effect = new Fx.Morph('messages', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn
						});
						
	var EffectFond = new Fx.Morph('fond', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn
						});
	
	EffectFond.start({
		'opacity' : 0.6
	});
	Effect.start({
		'opacity' : 1
	});
}
function closeMessages() {
	
	var Effect = new Fx.Morph('messages', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn,
						onComplete : function(el) {
							el.setStyle('display','none');
						}
						});
						
	var EffectFond = new Fx.Morph('fond', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn,
						onComplete : function(el) {
							el.setStyle('display','none');
						}
						});
	
	EffectFond.start({
		'opacity' : 0
	});
	Effect.start({
		'opacity' : 0
	});
}

var message_actif = 0;
function getMessage(id_message) {
	
	if (id_message != message_actif) {
		$('myMessage').innerHTML = "<div style='padding:35% 0;text-align:center;'><img src='/images_communes/loading.gif' alt='chargement' /></div>";
		update_ajax_no_effet('myMessage',"ajax/ajax_get_html_medipad_message.php",'id_message='+id_message);
	}
		
	message_actif = id_message;
	
	var Effect = new Fx.Morph('messagesSlide', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn,
						onComplete : function() {
							$('message'+id_message).className = "listeMessages";
						}
						});
						
	Effect.start({
		'top' : -$('listeMessages').getStyle('height').toInt()
	});
		
}
function closeMessage() {
	
	var Effect = new Fx.Morph('messagesSlide', 
						{duration: 500, 
						transition: Fx.Transitions.Sine.easeIn
						});
	
	Effect.start({
		'top' : 0
	});
}

window.addEvent('domready',function() {
	
	if ($('messages')) {
		if ($('page'))
			HeightOverlay = $('page').getSize().y;
		else
			HeightOverlay = window.screen.height;
		// Positionnement de la div qui contient la liste des messages
		$('messages').setStyle('top','10%');
		$('messages').setStyle('left', (((Window.getWidth()/2 - $('messages').getStyle('width').toInt()/2)/Window.getWidth())*100)+"%");
		
		var overlay = new Element('div').setProperty('id', 'fond').setStyles({'position': 'absolute','left': '0', 'display': 'none', 'opacity': '0', 'zIndex': '1000', 'height': this.HeightOverlay, 'width': '100%'}).injectInside(document.body);
	}
});