(function($) {
    var e = window.console ? console.log : alert;
	
    $.fn.popUpForm = function(options) {
        // Give us someplace to attach forms
		$("#popUpHide").length || $('<div id="popUpHide" />').appendTo('body').css('display','none');

		// REQUIRE a container
		if(!options.container) { alert('Container Option Required'); return; }
		
        // Defaults and options
        var defaults = {
            container   : '',
            modal		: true,
			resizeable	: false,
			width		: 440,
			title		: 'Correo Electrónico / Webmail',
			beforeOpen  : function(container) {},
			onSuccess	: function(container) {},
			onError		: function(container) {}
        };
        var opts = $.extend({}, defaults, options);
		
		// The "this" within the each loop refers to the single DOM item
		// of the jQuery collection we are currently operating on
        this.each(function() {
			/* We want to keep the value 'this' available to the $.load
			 * callback */
			var $this = $(this);
			
			/* we only want to process an item if its a link and
			 * has an href value
			 */

			if (!$this.is('a') || $this.attr('href') == '') { return ; }

			/* For a $.load() function, the param is the url followed by
			 * the ID selector for the section of the page to grab
			 */
			var SRC = $this.attr('href') + ' ' + opts.container;
			
			/* the event binding is done in the call back in case the
			 * form fails to load, or the user clicks the link before
			 * the modal is ready
			 */
			var formDOM = $("<div />").load(SRC, function() {
				// Append to the page
				$('#popUpHide').append(formDOM);
				
				// Create and store the dialog
				$(opts.container).dialog({
					autoOpen	: false,
					width		: opts.width,
					modal		: opts.modal,
					resizable	: opts.resizeable,
					title		: opts.title
				});
			  
				/* stops the normal form submission; had to come after
				 * creating the dialog otherwise the form doesn't exist
				 * yet to put an event handler to
				 */
				$(opts.container).bind('submit', function(e) {
					e.preventDefault();
					ajaxSubmit($this[0]);	
				});
				
				// create a binding for the link passed to the plug-in
				$this.bind('click', function(e) {
					e.preventDefault();
					opts.beforeOpen.call($this[0], opts.container);
					$(opts.container).dialog('open');
				});	
			});
            
        });
		
		function ajaxSubmit(anchorObj) {
			console.log(anchorObj);
			var form 	= $(opts.container);
			var method 	= form.attr('method') || 'GET';                                                 
			
			$.ajax({
				type	: method,
				url		: form.attr('action'),
				data	: form.serialize(),
				success : function() {
					$(opts.container).dialog('close');
					opts.onSuccess.call(anchorObj, opts.container);	
				},
				error	: function() {
					opts.onError.call(anchorObj, opts.container);
				}
			});
		}
    }
})(jQuery);