function openWindow(url, titulo) {
	    var width = 600;
	    var height = 600;
	    var left = 50;
	    var top = 99;
	    window.open(url, titulo, 'width='+width+', height='+height+', top='+top+', left='+left+', toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, fullscreen=no');
		return false;
}

function showHideMessage(link) {
    var li = link.parentNode;
    var tmp = li.getElementsByTagName("div");
    var div = tmp[0];
    if(div.style.display == "none" || div.style.display == "") {
        div.style.display = "block";
    } else {
        div.style.display = "none";
    }
    link.blur();
}

function browser () {
	var b = navigator.appName;
	var v = this.version = navigator.appVersion;
	var ua = navigator.userAgent.toLowerCase();
	this.v = parseInt(v);
	this.safari = ua.indexOf("safari")>-1;	// always check for safari & opera
	this.opera = ua.indexOf("opera")>-1;	// before ns or ie
	this.ns = !this.opera && !this.safari && (b=="Netscape");
	this.ie = !this.opera && (b=="Microsoft Internet Explorer");
	this.gecko = ua.indexOf('gecko')>-1; // check for gecko engine
	if (this.ns) {
		this.ns4 = (this.v==4);
		this.ns6 = (this.v>=5);
		this.b = "Netscape";
	}else if (this.ie) {
		this.ie4 = this.ie5 = this.ie55 = this.ie6 = false;
		if (v.indexOf('MSIE 4')>0) {this.ie4 = true; this.v = 4;}
		else if (v.indexOf('MSIE 5')>0) {this.ie5 = true; this.v = 5;}
		else if (v.indexOf('MSIE 5.5')>0) {this.ie55 = true; this.v = 5.5;}
		else if (v.indexOf('MSIE 6')>0) {this.ie6 = true; this.v = 6;}
		this.b = "MSIE";
	}else if (this.opera) {
		this.v=parseInt(ua.substr(ua.indexOf("opera")+6,1)); // set opera version
		this.opera6=(this.v>=6);
		this.opera7=(this.v>=7);
		this.b = "Opera";
	}else if (this.safari) {
		this.ns6 = (this.v>=5);	// ns6 compatible correct?
		this.b = "Safari";
	}
	this.dom = (document.createElement && document.appendChild && document.getElementsByTagName)? true : false;
	this.def = (this.ie||this.dom);
	this.win32 = ua.indexOf("win")>-1;
	this.mac = ua.indexOf("mac")>-1;
	this.other = (!this.win32 && !this.mac);
	this.supported = (this.def||this.ns4||this.ns6||this.opera)? true:false;
};

function loadImage(url) {
    browse = new browser();

    //alert(document.body.scrollHeight+"\n"+document.documentElement.scrollHeight);

    if(rmMask = document.getElementById("maskAlpha")) { // caso a mascara ja exista, remove antes de criar outra
        document.body.removeChild(rmMask);
    }
    if(document.all) {
        posX = document.documentElement.scrollLeft;
        posY = document.documentElement.scrollTop;
    } else {
        posX = scrollX;
        posY = scrollY;
    }
    // Cria a mascara, seta class e id
    mask = document.createElement("div");
    mask.className = "loadImages";
    mask.id = "maskAlpha";
    mask.style.height = document.documentElement.scrollHeight+"px";

    // Canvas eh o palco onde a imagem vai abrir
    var canvas = document.createElement("div");
    canvas.id = "maskContent";
    canvas.className = "loadImagesContent";
    // remove a mascara no onclick
    // canvas.onclick = function() {document.body.removeChild(this.parentNode)};

    //alert(posY);
    canvas.style.top = posY+25+"px";
    //canvas.style.position = "fixed";
    window.onscroll = function() {
        if(document.all) {
            posX = document.documentElement.scrollLeft;
            posY = document.documentElement.scrollTop;
        } else {
            posX = scrollX;
            posY = scrollY;
        }
        canvas.style.top = posY+25+"px";
    }
    //alert(posX + " - " + posY);
    var btnClose = document.createElement("a");
    btnClose.href = "#";
    btnClose.onclick = function() {document.body.removeChild(this.parentNode.parentNode);return false};
    btnClose.className = "btnClose";
    btnClose.innerHTML = "FECHAR(X)";
    canvas.appendChild(btnClose);

    // img eh a imagem
    var img = document.createElement("img");
    img.src = url;
	if(img.complete) { // se a imagem já está carregada no cache, mostrar a imagem
        canvas.style.width = img.width+"px";
        canvas.style.height = img.height+"px";
        canvas.appendChild(img);
        canvas.style.background = "#FFF";
    } else { // se nao estiver no cache, esperar o onload para mostrar a imagem
        img.onload = function() {
            canvas.style.width = img.width+"px";
            canvas.style.height = img.height+"px";
            canvas.appendChild(img);
            canvas.style.background = "#FFF";
        }
    }
    mask.appendChild(canvas);
    document.body.appendChild(mask);
    //animaIn(mask.id);
    //ajaxRun({idTarget:"maskContent",url:"images/geral/hands.png"})
    return false;
}