/*
    ClassBlockUI.abrirBlockUIEstandar(contenedorIDAMostrar[, accionCerrar, headerText]);
    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)
    {
    	ClassBlockUI.restaurarElemento();
		$(".modalAutoHide").modal("hide");
        
        if(contenedorIDAMostrar == undefined || $("#"+contenedorIDAMostrar).size() == 0){return;}
            
		//var blockUIId="blockUI_"+new Date().getTime();
		var blockUIId = "modal"+contenedorIDAMostrar;
        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  animated">'+
	    <!-- Modal content-->
    	'      <div class="modal-content">'+
		'	      <div class="modal-header">' +
        '			<button type="button" class="close btnCerrarModalEquis tooltipStandard" data-custom-dismiss="modal" aria-label="" title=""><span aria-hidden="true">&times;</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");});
        }
        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)
    {
        $(".modalAutoHide").modal("hide");

        var blockUIId="blockUI_"+new Date().getTime();
        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  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="" title=""><span aria-hidden="true">&times;</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");};
                }
                $("#"+blockUIId+" ."+index).unbind("click").makeTagLink(isAlertOrButtons[index]["action"]);   
            }
		}
        
        var fnOnClose;
        if(onClose==false)
        {
            fnOnClose = function(){modal.modal("hide");};
        }
        else if (typeof onClose === "function")
        {
            fnOnClose = function(){onClose()};
        }
        else if (onClose == "location")
        {
            fnOnClose = function(){$.query.go();};
        }
        else if (onClose == "back")
        {
            fnOnClose = function(){history.go(-1);};
        }
        else
        {
            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 = "<img src='img/loading.gif' alt='Cargando...' title='Cargando...' width='30' height='30' /> Espere por favor"; };
   		return ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje);
    }
};
var ClassCitas =
{
	validacionCita:"",
    modalConfirm:null,
	init: function()
    {
    	ClassCitas.validacionCita=$("#frmNuevoCita").validate({showLabels: false});	
       // $("#doctorCita").unbind("change").change(function(){$("#formIdDoctor").val($(this).val());});
          $("#doctorCita").unbind("change").change(function(){window.location="solicitarcita-"+$(this).val()*1+".html"});
      //  $("#btnAnadir").unbind("click").makeTagLink(ClassCitas.abreAnadirNuevoCita);            
        $("#btnNuevoCita").unbind("click").makeTagLink(ClassCitas.guardarCita);   
        
       
    },    
	abreAnadirNuevoCita:function()
	{
        $("#frmNuevoCita").reset();
        ClassCitas.validacionCita.resetForm();
        
        $("#idCita").val(0);
        //$("#btnNuevoCita").html("");	
	
		ClassBlockUI.abrirBlockUIEstandar("bloqueNuevoCita", null, "Configurar Agenda", "modal-lg");
        //ClassCitas.cambiaTipoEvento();
	},    
    guardarCita:function(event)
    {
    	event.preventDefault();
		idEliminar = $(this).attr("data-id");
		var nombre = $(this).attr("data-nombre");
    	if($("#idCita").val()*1 > 0)	        {
        	ClassCitas.abreConfirmEditarCita(idEliminar, nombre);
        }
        else
        {
        	ClassCitas.nuevoEditarCita("nuevo");
        }
    },
    nuevoEditarCita:function(accion)
    {
        if(!$("#frmNuevoCita").valid())
        {
            ClassBlockUI.abrirBlockUIEstandarMensaje("Por favor revise los campos marcados en distinto color porque se han detectado los siguientes errores: <br /><br />"+ClassCitas.validacionCita.invalidMessages().replace(/\r\n/g, "<br />"), true);
            return;			
        }
            
        var formData = new FormData($("#frmNuevoCita")[0]);
        var returned = $.ajax(
        {
            url: "ajax/Citas.nuevoCita.php?CSRF="+CSRF,
            type: "POST",
            dataType : "json",
            data : formData,
            cache: false,
            contentType: false,
            processData: false,
            success: function(data)
            {
                if(data["error_number"] >= 0)
                {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true, "solicitarcita-"+data["idDoctor"]+".html");
                    //ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);
                }
                else
                {
                	if(accion == "editar")
                    {
                    	ClassCitas.modalConfirm.hide();
                    }
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);	
                }
            }
        });
        ClassBlockUI.abrirBlockUIEsperePorFavor();	
    },
    abreSolicitarNuevaCita:function(fecha, idDoctor)
    {
        var returned = $.ajax(
        {
            url: "ajax/Citas.seleccionarDiaCita.php?CSRF="+CSRF+"&fechaCita="+fecha+"&idDoctor="+idDoctor,
            type: "POST",
            dataType : "json",
            cache: false,
            contentType: false,
            processData: false,
            success: function(data)
            {
                if(data["error_number"] >= 0)
                {
                	
                	$(".contieneDiaSeleccionado").html(data["diaSeleccionado"]);
					$("#formFechaCita").val(data["diaSeleccionadoUnixtime"]);
                    
                    $("#formIdHora").empty();
                    $("#formIdHora").append( "<option value=''>Seleccionar hora</option>");
                        
                    $.each(data["arrayHuecos"], function( key, value ) {
                      //	console.log(key, value);
                        $("#formIdHora").append( "<option value='"+key+"'>"+value+"</option>");
                    });

                    ClassCitas.abreAnadirNuevoCita();
                }
                else
                {
                    ClassBlockUI.abrirBlockUIEstandarMensaje(data["error_message"], true);	
                }
            }
        });
        ClassBlockUI.abrirBlockUIEsperePorFavor();	
    },
        
};