/**
 * Variável glogal para gerar um único disabledZone
 */
var disabledZone = $('disabledZone');

/**
 * Variável glogal para gerar um único messageZone
 */
var messageZone = document.createElement('div');

function carregarLoading(divUpload){
	var disabledZone = $('disabledZone');
     disabledZone == disabledZoneObjetoUtil(disabledZone, divUpload);
     disabledZone.style.visibility = 'visible';
}

function fecharLoading(){
    disabledZone.style.visibility = 'hidden';
}

/**
 * Função que gera o objeto disabledZoneObjeto para o loading.
 * @param {Object} disabledZoneObjeto Objeto div que contém o loading.
 */
function disabledZoneObjetoUtilModal(disabledZoneObjeto){
		disabledZoneObjeto = document.createElement('div');
        disabledZoneObjeto.setAttribute('id', 'disabledZone');
        disabledZoneObjeto.style.position = "absolute";
        //disabledZoneObjeto.style.zIndex = "1000";
        disabledZoneObjeto.style.left = "0px";
        disabledZoneObjeto.style.top = "0px";
        disabledZoneObjeto.style.width = "100%";
        disabledZoneObjeto.style.height = "100%";
        disabledZoneObjeto.style.textAlign = "center";
        document.body.appendChild(disabledZoneObjeto);

		var messageZone = document.createElement('div');
        messageZone.setAttribute('id', 'messageZone');
        //messageZone.style.margin = "250px";
        messageZone.style.marginLeft = "500px";
        messageZone.style.marginRight = "500px";
        messageZone.style.background = "#ffffff";
        //messageZone.style.color = "white";
        messageZone.style.fontFamily = "Arial,Helvetica,sans-serif";
        messageZone.style.padding = "4px";
        messageZone.innerHTML = "<img src='img/loading.gif'/><strong>Enviando imagem...aguarde !</strong>";
        disabledZoneObjeto.appendChild(messageZone);
        
        disabledZoneObjeto.style.visibility = 'visible';
        
		return disabledZoneObjeto;
}


/**
 * Função que gera o objeto disabledZoneObjeto para o loading.
 * Essa div é carregada logo abaixo do div que é passado como parametro.
 * @param {Object} disabledZoneObjeto Objeto div que contém o loading.
 * @param {Object} divUpload Objeto div que você deseja que ele carregue.
 */
function disabledZoneObjetoUtil(disabledZoneObjeto, divUpload){
		disabledZoneObjeto = document.createElement('div');
        disabledZoneObjeto.setAttribute('id', 'disabledZone');
        disabledZoneObjeto.style.zIndex = "1000";
        disabledZoneObjeto.style.left = "0px";
        disabledZoneObjeto.style.top = "0px";
        disabledZoneObjeto.style.width = "100%";
        disabledZoneObjeto.style.height = "100%";
        disabledZoneObjeto.style.textAlign = "center";

        //Aqui adiciona o loading dentro do div que você deseja.
        var o = document.getElementById(divUpload);
         o.appendChild(disabledZoneObjeto);
         
		var messageZone = document.createElement('div');
        messageZone.setAttribute('id', 'messageZone');
        messageZone.style.fontFamily = "Arial,Helvetica,sans-serif";
        messageZone.style.padding = "4px";
        messageZone.innerHTML = "<img src='img/loading.gif'/>Enviando imagem...aguarde !";

        disabledZoneObjeto.appendChild(messageZone);
        
		return disabledZoneObjeto;
}