/*
    ClassBlockUI.abrirBlockUIEstandar(contenedorIDAMostrar[, accionCerrar, width, headerText]);
    ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje[, isAlertOrButtons, onClose, width]);
*/
var ClassBlockUI =
{
	defaultCSS:
    {
        "background-color":"#FFFFFF",
        "border": '2px solid #2B7BB9',
        "border-radius": "7px",
        "padding": '15px', 
        //"font-family": "opensansregular",
        "font-size":"15px",
        "color": "#666",
        "text-align":"center",
        "cursor": "normal",
        "top": "150px",
        "position": "absolute",
        "width": "576px",
        "left": ($(window).width() - 576 - 2) /2 + 'px'        
    },
	restaurarElemento: function()
    {
    	var data = $("body").data('blockUIEstandar.history');
        if (data)
        {
            data.object.hide();
            data.parent.appendChild(data.el);
            $("body").removeData('blockUI.history');
        }
    },
    abrirBlockUIEstandar: function(contenedorIDAMostrar, accionCerrar, width, headerText)
    {
    	ClassBlockUI.restaurarElemento();
        if(width == undefined || isNaN(width*1)){width = 576;}
        if(contenedorIDAMostrar == undefined || $("#"+contenedorIDAMostrar).size() == 0){return;}
            
        $("html, body").animate({scrollTop:0},"slow");
        var object = $("#"+contenedorIDAMostrar);
        var objectClass = object.attr("class") ? object.attr("class")+"_innercontent" : "";
        var objectID = object.attr("id") ? object.attr("id")+"_innercontent" : "blockUI_innercontent"+new Date().getTime();
        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.object = object;
        if (data.parent)
            data.parent.removeChild(node);
            
        var header = headerText != undefined ? "<div class='headerBlockUI'>"+headerText+"</div>" : "";
        var blockUIId="blockUI_"+new Date().getTime();
        $.blockUI(
        {
        	css: $.extend(ClassBlockUI.defaultCSS, { "width": width+"px", "left": ($(window).width() - width - 2) /2 + 'px'}),
            message: "<div id='"+blockUIId+"'><div class='cerrarBlockUI icon30x30'>&nbsp;</div>"+header+"<div class='contentBlockUI'><div class='"+objectClass+"' id='"+objectID+"' style='display:block;'></div></div></div>"
        });
        $("#"+objectID).append(node);
        object.show();
        
        if(accionCerrar==undefined) //boton cerrar tiene accion por defecto
        {
            $("#"+blockUIId+" .cerrarBlockUI").unbind("click").makeTagLink($.unblockUI);
        }
        else if(accionCerrar==false) //oculta el boton cerrar
        {
            $("#"+blockUIId+" .cerrarBlockUI").hide();
        }
        else	//boton cerrar con accion especial
        {
            $("#"+blockUIId+" .cerrarBlockUI").unbind("click").makeTagLink(accionCerrar);
        }
    },
	    abrirBlockUIEstandarMensaje: function(mensaje, isAlertOrButtons, onClose, width)
    {
	    ClassBlockUI.restaurarElemento();
        if(width == undefined || isNaN(width*1)){width = 576;}

        $("html, body").animate({scrollTop:0},"slow");
        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'><br/><br/><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>";
        }
        
        $.blockUI(
        {
        	css: $.extend(ClassBlockUI.defaultCSS, { "width": width+"px", "left": ($(window).width() - width - 2) /2 + 'px'}),
            message: "<div id='"+blockUIId+"'><div class='contentBlockUIAlert'><div style='display:block; margin: 40px 10px;'>"+mensaje+botonera+"</div></div></div>"
        });

		//Acciones de los botones especiales        
        if(botoneraEspecial)
        {
			for(var index in isAlertOrButtons)
            {
                $("#"+blockUIId+" ."+index).unbind("click").makeTagLink(isAlertOrButtons[index]["action"]);   
            }
		}
        
        var fnOnClose;
        if(onClose==false)
        {
            fnOnClose = function(){$.unblockUI()};
        }
        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").unbind("click").makeTagLink(fnOnClose);    
    },
    abrirBlockUIConfirm: function(mensaje, textoAceptar, accionAceptar, textoCancelar, accionCancelar, width)
    {
    	var buttons =
        {
        	"btnAceptarBUI_CONFIRM":
            {
            	"text": textoAceptar,
            	"action": accionAceptar
            },
        	"btnCancelarBUI_CONFIRM":
            {
            	"text": textoCancelar,
            	"action": accionCancelar
            }
        };
		ClassBlockUI.abrirBlockUIEstandarMensaje(mensaje, buttons, false, width);
    }
};