$(document).ready(function()
{
    $.extend( $.fn.dataTable.defaults,
    {
        "language" :
        {
            "sProcessing": "Procesando...",
            "sLengthMenu": "Mostrar _MENU_",
            "sZeroRecords": "No se han encontrado resultados",
            "sEmptyTable": "Sin datos todavía",
            "sInfo": "Mostrando de la entrada _START_ a la _END_ de un total de _TOTAL_ entradas",
            "sInfoEmpty": "Todavía no hay ningún resultado",
            "sInfoFiltered": "(filtrado de _MENU_ entradas)",
            "sSearchPlaceholder": "Buscar",
            "sInfoPostFix": "",
            "sSearch": "",
            "sUrl": "",
            "oPaginate": {
                "sFirst":    " ",
                "sPrevious": " ",
                "sNext":     " ",
                "sLast":     " "
            }
        }
    });
});




/*
    ClassBlockUI.abrirBlockUIEstandar(contenedorIDAMostrar[, accionCerrar, headerText, extraClass, restaurarElemento]);
    ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje[, isAlertOrButtons, onClose]);
    ClassBlockUI.abrirBlockUIConfirm(mensaje, textoBotonAceptar, accionBotonAceptar, textoBotonCancelar[, accionBotonCancelar]); //accionBotonCancelar="close"
    ClassBlockUI.abrirBlockUIEsperePorFavor:([mensaje]);
*/
var ClassBlockUI =
{
	restaurarElemento: function()
    {
    	var data = $("body").data('blockUIEstandar.history');
        if (data)
        {
            data.el.style.display = data.display;
            data.el.style.position = data.position;
            if (data.parent)
                data.parent.appendChild(data.el);
            $("body").removeData('blockUIEstandar.history');
            $("#"+data.generatedId).remove();
        }
    },
	    abrirBlockUIEstandar: function(contenedorIDAMostrar, accionCerrar, headerText, extraClass, restaurarElemento)
    {   
    	if(restaurarElemento || restaurarElemento == undefined)
        {
    		ClassBlockUI.restaurarElemento();
        }
		$(".modalAutoHide").modal("hide");
        if($(".modal").size()>0){$("body").addClass("modal-open")}
        
        if(contenedorIDAMostrar == undefined || $("#"+contenedorIDAMostrar).size() == 0){return;}
            
		//var blockUIId="blockUI_"+new Date().getTime();
        var blockUIId="blockUI_"+contenedorIDAMostrar;
		
        extraClass = extraClass == undefined ? "" : extraClass; //modal-lg
        
        var object = $("#"+contenedorIDAMostrar);
        var node = object[0];
        var data = {};
        $("body").data('blockUIEstandar.history', data);
        data.el = node;
        data.parent = node.parentNode;
        data.display = node.style.display;
        data.position = node.style.position;
        data.generatedId = blockUIId;
        data.object = object;
        if (data.parent)
            data.parent.removeChild(node);

        var header = headerText != undefined ? headerText : "";
                
        var message = ''+
        '<div class="modal" id="'+blockUIId+'" role="dialog">'+
         <!-- Añadiendo la clase modal-lg, modal-md o modal-sm podemos cambiar el tamaño del modal (modal-xs no existe) -->
        '	<div class="modal-dialog '+extraClass+' animated">'+
	    <!-- Modal content-->
    	'      <div class="modal-content">'+
		'	      <div class="modal-header">' +
        '			<button type="button" class="close btnCerrarModalEquis tooltipStandard" data-custom-dismiss="modal" aria-label="Cerrar" title="Cerrar"><span aria-hidden="true">x</span></button>'+
        '	        <div class="modal-title">'+header+'</div>'+
        '          </div>'+
        '          <div class="modal-body"></div>'+
        '        </div>'+
        '    </div>'+
        '</div>';
        
        $("body").append(message);
        var modal = $("#"+blockUIId);       
        modal.find(".modal-body").append(node);
        $("#"+contenedorIDAMostrar).show();
		modal.find(".modal-dialog").addClass("zoomInDown");
        modal.modal({backdrop: false});
        modal.on('hidden.bs.modal', function () {
           	ClassBlockUI.restaurarElemento();
        })

        if(accionCerrar==undefined) //boton cerrar tiene accion por defecto
        {
            $("#"+blockUIId+" .btnCerrarModalEquis").makeTagLink(function(){
                modal.modal("hide");
                if($(".modal").size()>0){$("body").addClass("modal-open")}
            });
        }
        else if(accionCerrar==false) //oculta el boton cerrar
        {
            $("#"+blockUIId+" .btnCerrarModalEquis").hide();
        }
        else	//boton cerrar con accion especial
        {
            $("#"+blockUIId+" .btnCerrarModalEquis").makeTagLink(accionCerrar);
        }
        
        return modal;
    },
	    abrirBlockUIEstandarMensaje: function(mensaje, isAlertOrButtons, onClose, extraClass)
    {
        $(".modalAutoHide").modal("hide");
        if($(".modal").size()>0){$("body").addClass("modal-open")}

        var blockUIId="blockUI_"+new Date().getTime();
        
  		extraClass = extraClass == null || extraClass == undefined ? "" : extraClass; //modal-lg
        
        if(isAlertOrButtons==undefined) isAlertOrButtons=false;
        if(onClose==undefined) onClose=false;

        var botonera = "";
        var botoneraEspecial = false;
        
        if(isAlertOrButtons === false)
        {
	        botonera = "";
        }
        else if (isAlertOrButtons === true)
        {
			botonera = "<div class='center botoneraBlockUI'><span class='btnStandard btnCerrarBlockUIAlert'>Aceptar</span></div>";
        }
        else
        {
	        botoneraEspecial = true;
	        botonera = "<div class='center botoneraBlockUI'>";
            for(var index in isAlertOrButtons)
            {
		        botonera +=  " <span class='btnStandard "+index+"'>"+isAlertOrButtons[index]["text"]+"</span> ";
            }
            botonera += "</div>";
        }
        
        var message = '';
        message += '<div class="modal '+(isAlertOrButtons==false ? 'modalAutoHide' : '')+'" id="'+blockUIId+'" role="dialog">';
         <!-- Añadiendo la clase modal-lg, modal-md o modal-sm podemos cambiar el tamaño del modal (modal-xs no existe) -->
        message += '	<div class="modal-dialog '+extraClass+' animated">';
	    <!-- Modal content-->
    	message += '      <div class="modal-content">';
        
        if(isAlertOrButtons!=false)
        {
            message += '	      <div class="modal-header">';
            message += '			<button type="button" class="close btnCerrarModalEquis tooltipStandard" data-custom-dismiss="modal" aria-label="Cerrar" title="Cerrar"><span aria-hidden="true">x</span></button>';
			message += '	        <h4 class="modal-title" id="myModalLabel">Aviso</h4>';
	        message += '          </div>';
        }
        
        message += '          <div class="modal-body">'+mensaje+'</div>';
        
        if(botonera != "")
        {
       		message += '          <div class="modal-footer">'+botonera+'</div>';
        }
        
        message += '        </div>';
        message += '    </div>';
        message += '</div>';
        
        $("body").append(message);
        var modal = $("#"+blockUIId);       
		modal.find(".modal-dialog").addClass("zoomInDown");
        modal.modal({backdrop: false});
        modal.on('hidden.bs.modal', function () {
            modal.remove();
        })

		//Acciones de los botones especiales        
        if(botoneraEspecial)
        {
			for(var index in isAlertOrButtons)
            {
            	if(isAlertOrButtons[index]["action"] == "close")
                {
                	isAlertOrButtons[index]["action"] = function(){
                        modal.modal("hide");
                        if($(".modal").size()>0){$("body").addClass("modal-open")}
                    };
                }
                $("#"+blockUIId+" ."+index).unbind("click").makeTagLink(isAlertOrButtons[index]["action"]);   
            }
		}
        
        var fnOnClose;
        if(onClose==false)
        {
            fnOnClose = function(){
            	modal.modal("hide");
                if($(".modal").size()>0){$("body").addClass("modal-open")}
            };
        }
        else if (typeof onClose === "function")
        {
            fnOnClose = function(){onClose()};
        }
        else if (onClose == "location")
        {
            fnOnClose = function(){window.location.reload()};
        }
        else if (onClose == "back")
        {
            fnOnClose = function(){history.go(-1);};
        }
        else
        {
        	
            if(onClose.indexOf("/") !=0 && onClose.indexOf("http") !=0)
            {
            	onClose = "/"+onClose;
            }
            fnOnClose = function(){window.location = onClose};
        }
        
        $("#"+blockUIId+" .btnCerrarBlockUIAlert, #"+blockUIId+" .btnCerrarModalEquis").unbind("click").makeTagLink(fnOnClose);
        
        return modal;
    },
    abrirBlockUIConfirm: function(mensaje, textoAceptar, accionAceptar, textoCancelar, accionCancelar)
    {
    	accionCancelar = accionCancelar == undefined ? "close" : accionCancelar;
        
    	var buttons =
        {
        	"btnAceptarBUI_CONFIRM":
            {
            	"text": textoAceptar,
            	"action": accionAceptar
            },
        	"btnCancelarBUI_CONFIRM":
            {
            	"text": textoCancelar,
            	"action": accionCancelar
            }
        };
		return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, buttons, false, "");
    },
    abrirBlockUIEsperePorFavor: function(mensaje)
    {
    	if(mensaje == undefined){ mensaje = "<div class='text-center'><img src='img/loading.gif' alt='Loading ...' title='Loading ...' width='30' height='30' /> <span class='esperePorFavor'>Espere por favor...</span></div>"; };
   		return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, undefined, false, "modalStandard");
    }
};
var ClassUsuarios =
{
	guardaClaveOlvidoPass: function ()
    {

        if(!$("#form_olvido").valid())
        {
            ClassBlockUI.abrirBlockUIEstandarMensaje("Por favor revise los campos porque se han detectado los siguientes errores <br /><br />"+validacion.invalidMessages("<br />"), true, false, "modalStandardMed");
            return;
        }
        var opciones=
        {
            url: "ajax/Usuarios.guardaClave.php?CSRF="+CSRF,
            type: "POST",
            dataType : "json",
            data: $("#form_olvido").serialize(),
            success: function(data, textStatus, XMLHttpRequest)
            {
                if (data["error_number"]<0)
                {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, false, "modalStandardMed");
                }
                else
                {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, function(){window.location="/index.php"}, "modalStandardMed");
                    
                }
            }
        };
        $.ajax(opciones);
		ClassBlockUI.abrirBlockUIEsperePorFavor();		
    },
	enviarOlvido: function()
    {
        var validation = $("#frmEnviarOlvido").valid();
        if(!validation)
        {
            ClassBlockUI.abrirBlockUIEstandarMensaje("Por favor revise los campos porque se han detectado los siguientes errores <br /><br />"+validacion.invalidMessages("<br />"), true, false);
            return;
        }
        var opcionesDatos =
        {
            type:"POST",
            dataType:"json",
            url:"ajax/Usuarios.olvidarContrasena.php",             data: $("#frmEnviarOlvido").serialize(),
            success: function(data, textStatus, XMLHttpRequest)
            {
                if(data["error_number"]*1 == 0)
                {
                    $("#frmEnviarOlvido").clearForm();
                    //window.location = "index.php";
                }
                ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, false, "modalStandardMed");
            }
        };
        
        $.ajax(opcionesDatos);
		ClassBlockUI.abrirBlockUIEsperePorFavor();
    }
};