// JavaScript Document
var bg_color = "#666666";
var transparency =0.7;
var redir='false';
function showMessage(message,_width,_height,redirect){
	redir = redirect;
	var op_div = $('opacity_div');
	Element.setOpacity(op_div,transparency);
	Element.setStyle(document.body,{overflow:"hidden"});
	var doc_height = document.viewport.getHeight();
	var doc_width = document.viewport.getWidth();	
	Element.setStyle(op_div,{'background':bg_color});
	var message_box = $('message_box');
	Element.update(message_box,message);
	
	_width = Element.getWidth(message_box);
	_height = Element.getHeight(message_box);
	var _left = (doc_width/2)-(_width/2);
	var _top = (doc_height/2)-(_height/2);
	Element.setStyle(message_box,{height:_height+"px",width:_width+"px",left:_left+"px",top:_top+"px"});

	Event.observe('over_close','click',function(){hideMessage()});
	Element.show(op_div);
	Element.show(message_box);
}

var response="";
function popup(url,_width,_height,iframe){
	var message ="";
	if(!iframe){
		var html = '<table id="pop_trans"><tr><td class="pop_trans"  style="padding:4px"><table bgcolor="#ffffff" width="550" style="border:1px solid #c4c4c4" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" bgcolor="#c4c4c4" align="right" style="padding-right:6px"><img id="over_close" src="/gfx/button/close.gif" width="13" height="13" /></td></tr><tr><td height="200" style="padding:15px" align="center"><img src="/gfx/icons/ajax-loader-photo.gif" /></td></tr></table></td></tr></table>';
		showPopup(html,_width,_height,358,286);
		
		new Ajax.Request(url,
					 	{
							method:"post",
							sanitizeJSON:true,
							onComplete: function(transport,json){
									response = transport.responseText;
									var html = '<table id="pop_trans"><tr><td style="padding:4px"  class="pop_trans"><table bgcolor="#ffffff" width="550" style="border:1px solid #c4c4c4" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" bgcolor="#c4c4c4" align="right" style="padding-right:6px"><img id="over_close" src="/gfx/button/close.gif" width="13" height="13" /></td></tr><tr><td height="150" style="padding:15px" valign="top">'+response+'</td></tr></table></td></tr></table>';
									updatePopup(html);
									
							}
						}
					 
					 );
	}else{
			var html = '<table bgcolor="#ffffff" width="550" style="border:1px solid #c4c4c4" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" bgcolor="#c4c4c4" align="right" style="padding-right:6px"><img id="over_close" src="/gfx/button/close.gif" width="13" height="13" /></td></tr><tr><td height="'+_height+'" style="padding:15px"><iframe src="'+url+'" style="border:none;height:100%;width:100%;overflow:hidden"></iframe></td></tr></table>';
			showPopup(html,_width,_height,358,286);
	}
}

function showPopup(html,_width,_height,x,y){
	
	var message_box = $('message_box');
	Element.update(message_box,html);
	
	var offset = document.viewport.getScrollOffsets();
	
	
	var _left = x;
	var _top = y+offset[1];
	
	Element.setStyle(message_box,{height:_height+"px",width:_width+"px",left:_left+"px",top:_top+"px"});
		
	Event.observe('over_close','click',function(){hideMessage()});
	if($('cancel'))	Event.observe('cancel','click',function(){hideMessage()});
	Element.show(message_box);	
	$('pop_trans').setOpacity(0.5);
}

function inlineMessage(titre,message){
	$('top_msg').update(titre+"<br>"+message);
	$('top_msg').show();
}

function updatePopup(html){
	var message_box = $('message_box');
	Element.update(message_box,html);
	Event.observe('over_close','click',function(){hideMessage()});
	if($('cancel'))	Event.observe('cancel','click',function(){hideMessage()});
}


function showTempMessage(message,_width,_height,_time,redirect){
	redir = redirect;
	var op_div = $('opacity_div');
	Element.setOpacity(op_div,transparency);
	Element.setStyle(document.body,{overflow:"hidden"});
	var doc_height = document.viewport.getHeight();
	var doc_width = document.viewport.getWidth();	
	Element.setStyle(op_div,{'background':bg_color});
	var message_box = $('message_box');
	Element.update(message_box,message);
	
	_width = Element.getWidth(message_box);
	_height = Element.getHeight(message_box);
	var _left = (doc_width/2)-(_width/2);
	var _top = (doc_height/2)-(_height/2);
	Element.setStyle(message_box,{height:_height+"px",width:_width+"px",left:_left+"px",top:_top+"px"});
	
	
	Event.observe('over_close','click',function(){hideMessage()});
	Element.show(op_div);
	Element.show(message_box);
	new PeriodicalExecuter(function(pe) {
											hideMessage();
											pe.stop();
										}, 
										_time
							);
	
	
}


function hideMessage(){
	var op_div = $('opacity_div');
	var message_box = $('message_box');
	Element.setStyle(document.body,{overflow:"visible"});
	Element.hide(op_div);
	Effect.Fade('message_box' ,{ duration: 0.5});
	//Element.hide(message_box);
	if(redir!='false'&&redir!=undefined&&redir!=''){
		document.location = redir;
	}
}

function _error(message,height,width){
	message = message.replace(/\'/g, "&acute;");
	var html = '<table bgcolor="#ffffff" width="616" style="border:1px solid #c4c4c4" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" bgcolor="#c4c4c4" colspan="3" align="right" style="padding-right:6px"><img id="over_close" src="/gfx/button/close.gif" width="13" height="13" /></td></tr><tr><td height="150" colspan="3" align="center"><br /><img src="/gfx/divers/mini_oops.gif" width="107" height="40" /><br /><br /><strong>'+message+'</strong><br /><br /></td></tr></table>';
	showMessage(html,height,width);
}

function _confirm(message,height,width){
	message = message.replace(/\'/g, "&acute;");
	var html='<table bgcolor="#ffffff" width="616" style="border:1px solid #c4c4c4" border="0" cellspacing="0" cellpadding="0"><tr><td height="20" bgcolor="#c4c4c4" colspan="3" align="right" style="padding-right:6px"><img id="over_close" src="/gfx/button/close.gif" width="13" height="13" /></td></tr><tr><td height="150" colspan="3" align="center"><br /><b style="font-size:24px;color:#00CC33">Confirmation !</b><br /><br /><strong>'+message+'</strong><br /><br /></td></tr></table>';
	showMessage(html,height,width);

}

