$(document).ready(function() {	
	$('a.link-send-message').loadTabulateForm({
		reloadOnChange: true,
		cache: false,
		callbackOnLoad: function(json, form) {
			$('input[type=text][name=receivers]', form).selectUserAndGroup({
			    url: urlSelectReceiver
			});
		    $('#content').markItUp(mySettings);
		    $('#title').focus();
		    
		    initPreview(form);
		}
	});

	function initPreview(form) {
		$('#preview', form).click(function(){
	    	$('#overlay').overlay({
	    		api: true,
		        expose: 'darkgrey',
	    		top: 'center',
	            onBeforeLoad: function() {
		            var overlay = this.getOverlay().appendTo('body');
		            
		            var title = form.find('input[name=title]').val();
		            var content = form.find('textarea[name=content]').val();
		            
		            if (!title || !content) { 
		            	$().alert('Le titre et le contenu sont obligatoires');
		            	return false;
		            }		            
	
		            overlay.html(iconLoading);
	                overlay.css({width: 800, maxHeight: 600, overflow: 'auto'});
	                var opts = this.getConf();
		            
		            overlay.load(
		            	urlPreview,
		            	{title: title, content: content},
	                    function() {	                        		
	                        var oWidth = overlay.outerWidth({margin:true});
	                        var oHeight = overlay.outerHeight({margin:true});
	                        var w = $(window);
	
	                        var top = Math.max((w.height() - oHeight) / 2, 0);
	                        var left = Math.max((w.width() - oWidth) / 2, 0);
	                        
	                        if (!opts.absolute)  {
	                            top += w.scrollTop();
	                            left += w.scrollLeft();
	                        }
	
	                        overlay.css({top: top, left: left, position: 'absolute'});
		            	}
		            ); 
	    		}
	    	}).load();
	    	return false;
	    });
	};	
});