var cX = 0; var cY = 0; var rX = 0; var rY = 0;
var browser = "";

if (navigator.appName.indexOf('Microsoft') != -1)
    browser = 'IE';
    else 
        if (navigator.appName.indexOf('Netscape') != -1)
            browser = 'Netscape';

function UpdateCursorPosition(e){ 
    cX = e.pageX; cY = e.pageY;
}

function UpdateCursorPositionDocAll(e){ 
        cX = event.clientX; cY = event.clientY;
}

if(document.all) { 
    document.onmousemove = UpdateCursorPositionDocAll; 
}else { 
    document.onmousemove = UpdateCursorPosition; 
}

function AssignPosition(d) {
    if(self.pageYOffset) {
    	rX = self.pageXOffset;
    	rY = self.pageYOffset;
    	}
    else if(document.documentElement && document.documentElement.scrollTop) {
    	rX = document.documentElement.scrollLeft;
    	rY = document.documentElement.scrollTop;
    	}
    else if(document.body) {
    	rX = document.body.scrollLeft;
    	rY = document.body.scrollTop;
    	}
    if(document.all) {
    	cX += rX; 
    	cY += rY;
    	}
		//alert(cX + "-" + cY);
        /*if (d.id == "divDetalhe"){
            cX = 165;
            cY = 60;
        }
            
		if (d.id == "divProcessar"){
			cX = 495;
			cY = 260;
		}  */           
		
/*		if (d.id == "divErrorMessage"){
			cX = 495;
			cY = 260;
		}*/
		
    d.style.left = (cX+10) + "px";
    d.style.top = (cY+10) + "px";
}

function replaceHtml(el, html) {
	var oldEl = typeof el === "string" ? document.getElementById(el) : el;
	var newEl = oldEl.cloneNode(false);
	newEl.innerHTML = html;
	oldEl.parentNode.replaceChild(newEl, oldEl);
	/* Since we just removed the old element from the DOM, return a reference
	to the new element, which can be used to restore variable references. */
	return newEl;
};

function HideContent(d) {
    if(d.length < 1) { return; }
    document.getElementById(d).style.display = "none";
	//d = replaceHtml(document.getElementById(d), "");
    
    //Esconde o div que preenche toda a tela
    $('#mask'+d).hide();    
	$('#mask'+d).remove();
}
function ShowContent(d, modal, assignPos) {
if(d.length < 1) { return; }
    var dd = document.getElementById(d);
	
	if (assignPos == 1){
		AssignPosition(dd);
	}
    dd.style.display = "block";
    
    if (modal == 1){
	//Cria um div com id = ao da opção chamada + prefixo 'mask'
	$("#mask").append("<div id='mask"+d+"'  class='mask'></div>");
	
    //armazena a largura e a altura da tela
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    
    //Define largura e altura do div#mask iguais ás dimensçoes da tela
    $('#mask'+d).css({'width':maskWidth,'height':maskHeight});
    //efeito de transição
    $('#mask'+d).fadeIn(100);
    $('#mask'+d).fadeTo("quick",0.4);  
   }   
}

function ReverseContentDisplay(d) {
    if(d.length < 1) { return; }

    var dd = document.getElementById(d);
    AssignPosition(dd);

    if(dd.style.display == "none") { 
    dd.style.display = "block"; 
    } else { 
        dd.style.display = "none"; 
    }
}