var login = function(){

    var dialog;
	var win;
    
    function m_alert(title, message){
        dialog.dialog('option', 'title', title);
        dialog.html(message);
        dialog.dialog('open');
    }
    
    function postLogin(form){
        jQuery.ajax({
            type: "POST",
            url: "/login/default.aspx",
            data: form.serialize(),
            dataType: 'json',
            success: function(data, textStatus, xhr){
                if (!data.error) {
                    window.location.reload();
                }
                else {
                    m_alert(data.error.title, data.error.message);
                }
            },
            error: function(xhr, textStatus, errorThrown){
                m_alert("Error", "Error Ajax: " + xhr.status + " " + xhr.statusText);
            }
        });
    }

    function postRecovery(form){
        jQuery.ajax({
            type: "POST",
            url: "/login/default.aspx",
            data: form.serialize(),
            dataType: 'json',
            success: function(data, textStatus, xhr){
                if (!data.error) {
					win.dialog( "close" );
					m_alert("Password Enviado", data.message);
					win.dialog("destroy");
                }
                else {
                    m_alert(data.error.title, data.error.message);
                }
            },
            error: function(xhr, textStatus, errorThrown){
                m_alert("Error", "Error Ajax: " + xhr.status + " " + xhr.statusText);
            }
        });
    }

    
    return {
    
        init: function(){
            
			dialog = $("<div></div>").dialog({
                autoOpen: false,
                bigframe: true,
                modal: true,
                draggable: false,
                resizable: false
            });
            
            var form = $("#loginForm");
            form.submit(function(e){
                e.preventDefault();
                postLogin(form);
            });
        },
		
		showRecoveryForm: function(){
			
			var html = "<p>Para recuperar sus datos de acceso, ingrese su email y haga clic en el botón recuperar</p>";
			html += "<form id=\"recoveryForm\" name=\"recoveryForm\">";
			html += "<input type=\"hidden\" name=\"A\" value=\"Recovery\" />";
			html += "Ingrese su email:<br />";
			html += "<input type=\"text\" name=\"Mail\" /> ";
			html += "<input type=\"submit\" name=\"butSubmit\" value=\"Recuperar\" /><br /><br />";
			html += "<p><em>Solo disponible pare usuarios de FECECA con acceso a Infempre.</em></p>"
			html += "</form>";
			
			win = $("<div></div>").dialog({
                autoOpen: false,
                bigframe: true,
                modal: true,
                draggable: false,
                resizable: false,
				width: 400
            });
			win.dialog("option", "title", "Recuperar Password");
        	win.html(html);
        	win.dialog("open");

			var form = $("#recoveryForm");
			form.submit(function(e){
                e.preventDefault();
                postRecovery(form);
            });
		}
    }
}();

$(document).ready(login.init);