var imgAtual;

function ajax(){
	try{
		xmlhttp = new XMLHttpRequest();
	}
	catch(ee){
		try{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e){
			try{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(E){
				xmlhttp = false;
			}
		}
	}
	return xmlhttp;
}

// url_decode version 1.0
function url_decode(str) {
        var n, strCode, strDecode = "";

        for (n = 0; n < str.length; n++) {
                if (str.charAt(n) == "%") {
                        strCode = str.charAt(n + 1) + str.charAt(n + 2);
                        strDecode += String.fromCharCode(parseInt(strCode, 16));
                        n += 2;
                } else if (str.charAt(n) == "+") {
                        strCode = str.charAt(n);
                        strDecode += " ";
                } else {
                        strDecode += str.charAt(n);
                }
        }
        return strDecode;
}

function url_encode(str) {
	var hex_chars = "0123456789ABCDEF";
	var noEncode = /^([a-zA-Z0-9\_\-\.])$/;
	var n, strCode, hex1, hex2, strEncode = "";

	for(n = 0; n < str.length; n++){
		if (noEncode.test(str.charAt(n))){
			strEncode += str.charAt(n);
		}
		else{
			strCode = str.charCodeAt(n);
			hex1 = hex_chars.charAt(Math.floor(strCode / 16));
			hex2 = hex_chars.charAt(strCode % 16);
			strEncode += "%" + (hex1 + hex2);
		}
	}
	return strEncode;
}

function showImage(id,img,target,className,lang){
	var xmlhttp = ajax();
	xmlhttp.open("GET", "paginaDados.php?id="+id+"&lang="+lang,false);
	xmlhttp.send(null);
	var conteudo = url_decode(xmlhttp.responseText);
	var dados = conteudo.split("::::");
	var titulo    = dados[0];
	var artista   = dados[1];
	var descricao = dados[2];
	
	var htmlImage = "<table width='454' border='0' cellspacing='0' cellpadding='0'>";
	htmlImage += "<tr><td align='left'><img src='"+img+"'></td></tr>";
	htmlImage += "<tr><td align='right'>";
	htmlImage += "<table width='414' border='0' cellspacing='0' cellpadding='0'><tr><td width='100%' class='bgcoluna'><img src='images/px.gif' width='1' height='1'></td>";
    htmlImage += "<td width='100%' valign='top'><img src='images/px.gif' width='1' height='1'></td>";
	htmlImage += "<td valign='top'>";
	htmlImage += "<table border='0' cellspacing='0' cellpadding='0'></table>";
	htmlImage += "<tr><td valign='bottom'><img src='images/px.gif' width='1' height='2'></td></tr>";
	htmlImage += "<tr><td class='txtlegenda'><div align='justify' class='title2'>"+titulo+"</div></td></tr>";
	htmlImage += "<tr><td valign='bottom'><img src='images/px.gif' width='1' height='2'></td></tr>";
	htmlImage += "<tr><td class='txtlegenda'><div align='justify' class='title3'>"+artista+"</div></td></tr>";
	htmlImage += "<tr><td class='txtldescricao'><div align='justify' id='desc'></div></td></tr>";
	htmlImage += "</table></td></tr></table></td></tr></table>";
	var divContent = document.getElementById(target);
	divContent.innerHTML=htmlImage;
	document.getElementById("desc").innerHTML=descricao;
	eval("document.getElementById('img"+id+"').className='"+className+"'");
	if( imgAtual ){
		if( imgAtual != "" ){
			eval("document.getElementById('img"+imgAtual+"').className='img'");
		}
	}
	imgAtual = id;
}

function showText(id,lang,type,target){
	var xmlhttp = ajax();
	xmlhttp.open("GET", "paginaDados.php?id="+id+"&lang="+lang+"&type="+type,false);
	xmlhttp.send(null);
	var conteudo = url_decode(xmlhttp.responseText);
	var dados = conteudo.split("::::");
	var titulo    = dados[0];
	var texto = dados[1];
	
	var divContent = document.getElementById(target);
	var htmlText = "<table width='447' border='0' cellspacing='0' cellpadding='0'><tr><td width='36'>&nbsp;</td>";
	htmlText += "<td valign='top'><div align='justify'><table width='100%' border='0' cellspacing='0' cellpadding='0'>";
	htmlText += "<tr><td valign='top'><span class='title'>"+titulo+"</span></td></tr>";
	htmlText += "<tr><td valign='top'><img src='images/px.gif' width='1' height='5'></td></tr></table>";
	htmlText += "<span class='txtcorpo'>"+texto+"</span></td></tr>";
	htmlText += "<tr><td>&nbsp;</td><td valign='top'>&nbsp;</td></tr></table>";
	divContent.innerHTML = htmlText;
	if( imgAtual > 0 ){
		eval("document.getElementById('img"+imgAtual+"').className='img'");
	}
	imgAtual = "";
}