<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
HTML {
	overflow-y: hidden;
	overflow-x: hidden;
}
BODY {
	margin: 2px 2px 2px 2px;
}
.cos {
	text-align: left;
	position: absolute;
	top: 50%;
	height: 850px;
	margin-top: -425px;
	left: 50%;
	width: 1120px;
	margin-left: -560px;
}
IMG {
	border: 0px;
}
.cobertesH {
	width: 1120px;
	height: 95px;
	text-align: center;
}
.cobertesVE {
	height: 750px;
	width: 75px;
	text-align: center;
	display: block;
	float: left;
	clear: both;
}
.cobertesVD {
	height: 750px;
	width: 75px;
	text-align: center;
	display: block;
	float: right;
	clear: both;
}
.cobertesH SPAN, .cobertesVE SPAN, .cobertesVD SPAN {
	border: 1px solid white;
	padding: 3px;
}
.cobertesH IMG {
	margin-top: 5px;
	border-right: 4px ridge white;
	border-bottom: 4px ridge white;
	height: 75px;
}
.cobertesVE IMG, .cobertesVD IMG {
	margin-top: 10px;
	border-right: 4px ridge white;
	border-bottom: 4px ridge white;
	height: 75px;
}

#titol {
	display: block;
	float: both;
	text-align: center;
	height: 50px;
	font: bold 18pt Verdana; 
	padding-top: 30px;
	color: #FA5858;
}

#texttrad {
	display: block;
	float: both;
	text-align: center;
}
#texttrad IMG {
	height: 600px;
	margin-top: 20px;
}

#dhtmltooltip {
	position: absolute; 
	font: bold 8pt Verdana; 
	color: white;
	height: 25px;
	width: 80px;
	text-align: center;
	padding-top: 8px;
	background-color: #FA5858;
	visibility: hidden;
	z-index: 4;
}
</style>
</head>

<body onLoad="trad.innerHTML = tradcat">

<div id="cos">

<div id="dhtmltooltip"></div>

<!-- <div style="text-align: right;"><img src ="tanca.gif" width ="16" height ="16" onClick="self.close()" style="position: absolute; left: 1100; top: 20; z-index: 2; cursor: hand;" /></div>  -->

<center><div class="cobertesH">
<span id="AL"><img src="trad-plac/Portades/alemany.jpg" onMouseover="mostra('AL')" onMouseout="amaga('AL')" /></span>
<span id="AN-A"><img src="trad-plac/Portades/anglès-anglaterra.jpg" onMouseover="mostra('AN-A')" onMouseout="amaga('AN-A')" /></span>
<span id="AN-EUA"><img src="trad-plac/Portades/anglès-EUA.jpg" onMouseover="mostra('AN-EUA')" onMouseout="amaga('AN-EUA')" /></span>
<span id="AR"><img src="trad-plac/Portades/àrab.jpg" onMouseover="mostra('AR')" onMouseout="amaga('AR')" /></span>
<span id="BU"><img src="trad-plac/Portades/búlgar.jpg" onMouseover="mostra('BU')" onMouseout="amaga('BU')" /></span>
<span id="D"><img src="trad-plac/Portades/danès.jpg" onMouseover="mostra('D')" onMouseout="amaga('D')" /></span>
<span id="ESL"><img src="trad-plac/Portades/eslovè.jpg" onMouseover="mostra('ESL')" onMouseout="amaga('ESL')" /></span>
<span id="ES"><img src="trad-plac/Portades/espanyol.jpg" onMouseover="mostra('ES')" onMouseout="amaga('ES')" /></span>
<span id="EUS"><img src="trad-plac/Portades/eusquera.jpg" onMouseover="mostra('EUS')" onMouseout="amaga('EUS')" /></span>
<span id="FI"><img src="trad-plac/Portades/finès.jpg" onMouseover="mostra('FI')" onMouseout="amaga('FI')" /></span>
<span id="FR"><img src="trad-plac/Portades/francès.jpg" onMouseover="mostra('FR')" onMouseout="amaga('FR')" /></span>
<span id="G"><img src="trad-plac/Portades/gallec.jpg" onMouseover="mostra('G')" onMouseout="amaga('G')" /></span>
<span id="GR"><img src="trad-plac/Portades/grec.jpg" onMouseover="mostra('GR')" onMouseout="amaga('GR')" /></span>
<span id="HEB"><img src="trad-plac/Portades/hebreu.jpg" onMouseover="mostra('HEB')" onMouseout="amaga('HEB')" /></span>
<span id="HI"><img src="trad-plac/Portades/hindi.jpg" onMouseover="mostra('HI')" onMouseout="amaga('HI')" /></span>
<span id="HOL"><img src="trad-plac/Portades/holandès.jpg" onMouseover="mostra('HOL')" onMouseout="amaga('HOL')" /></span>
<span id="HON"><img src="trad-plac/Portades/hongarès.jpg" onMouseover="mostra('HON')" onMouseout="amaga('HON')" /></span>
</div></center>

<div class="cobertesVE">
<span id="IS"><img src="trad-plac/Portades/islandès.jpg" onMouseover="mostra('IS')" onMouseout="amaga('IS')" /></span><br>
<span id="IT"><img src="trad-plac/Portades/italià.jpg" onMouseover="mostra('IT')" onMouseout="amaga('IT')" /></span><br>
<span id="JP"><img src="trad-plac/Portades/japonès.jpg" onMouseover="mostra('JP')" onMouseout="amaga('JP')" /></span><br>
<span id="LIT"><img src="trad-plac/Portades/lituà.jpg" onMouseover="mostra('LIT')" onMouseout="amaga('LIT')" /></span><br>
<span id="NO"><img src="trad-plac/Portades/noruec.jpg" onMouseover="mostra('NO')" onMouseout="amaga('NO')" /></span><br>
<span id="PO"><img src="trad-plac/Portades/polonès.jpg" onMouseover="mostra('PO')" onMouseout="amaga('PO')" /></span><br>
<span id="PT-BR"><img src="trad-plac/Portades/portuguès-brasil.jpg" onMouseover="mostra('PT-BR')" onMouseout="amaga('PT-BR')" /></span><br>
</div>
<div class="cobertesVD">
<span id="PT-P"><img src="trad-plac/Portades/portuguès-portugal.jpg" onMouseover="mostra('PT-P')" onMouseout="amaga('PT-P')" /></span><br>
<span id="RO"><img src="trad-plac/Portades/romanès.jpg" onMouseover="mostra('RO')" onMouseout="amaga('RO')" /></span><br>
<span id="RU"><img src="trad-plac/Portades/rus.jpg" onMouseover="mostra('RU')" onMouseout="amaga('RU')" /></span><br>
<span id="SE"><img src="trad-plac/Portades/serbocroata.jpg" onMouseover="mostra('SE')" onMouseout="amaga('SE')" /></span><br>
<span id="SU"><img src="trad-plac/Portades/suec.jpg" onMouseover="mostra('SU')" onMouseout="amaga('SU')" /></span><br>
<span id="VI"><img src="trad-plac/Portades/vietnamita.jpg" onMouseover="mostra('VI')" onMouseout="amaga('VI')" /></span><br>
<span id="XI"><img src="trad-plac/Portades/xinès.jpg" onMouseover="mostra('XI')" onMouseout="amaga('XI')" /></span><br>
</div>

<div id="titol">La primera pàgina de <i>La plaça del Diamant</i></div>

<div id="texttrad"></div>


<script language="JavaScript">
var mc;
var tradcat = "<img src='trad-plac/Textos/català.jpg' />";
var ie=document.all;
var ns6=document.getElementById && !document.all;
if (ie||ns6) {
    var tipobj = document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "";
    var trad = document.all? document.all["texttrad"] : document.getElementById? document.getElementById("texttrad") : "";
}

function mostra(idio) {
	clearTimeout(mc);
	var quadre = document.all? document.all[idio] : document.getElementById? document.getElementById(idio) : "";
	quadre.style.borderColor = "#FA5858";
	switch(idio) {
		case "AL":
			trad.innerHTML = "<img src=\"trad-plac/Textos/alemany.gif\" />";
			ddrivetip(idio, "alemany");
			break;
		case "AN-A":
			trad.innerHTML = "<img src=\"trad-plac/Textos/anglès-anglaterra.gif\" />";
			ddrivetip(idio, "anglès<br>(GB)");
			break;
		case "AN-EUA":
			trad.innerHTML = "<img src=\"trad-plac/Textos/anglès-EUA.gif\" />";
			ddrivetip(idio, "anglès<br>(EUA)");
			break;
		case "AR":
			trad.innerHTML = "<img src=\"trad-plac/Textos/àrab.gif\" />";
			ddrivetip(idio, "àrab");
			break;
		case "BU":
			trad.innerHTML = "<img src=\"trad-plac/Textos/búlgar.jpg\" />";
			ddrivetip(idio, "búlgar");
			break;
		case "D":
			trad.innerHTML = "<img src=\"trad-plac/Textos/danès.gif\" />";
			ddrivetip(idio, "danès");
			break;
		case "ESL":
			trad.innerHTML = "<img src=\"trad-plac/Textos/eslovè.jpg\" />";
			ddrivetip(idio, "eslovè");
			break;
		case "ES":
			trad.innerHTML = "<img src=\"trad-plac/Textos/espanyol.gif\" />";
			ddrivetip(idio, "espanyol");
			break;
		case "EUS":
			trad.innerHTML = "<img src=\"trad-plac/Textos/eusquera.gif\" />";
			ddrivetip(idio, "eusquera");
			break;
		case "FI":
			trad.innerHTML = "<img src=\"trad-plac/Textos/finès.gif\" />";
			ddrivetip(idio, "finès");
			break;
		case "FR":
			trad.innerHTML = "<img src=\"trad-plac/Textos/francès.gif\" />";
			ddrivetip(idio, "francès");
			break;
		case "G":
			trad.innerHTML = "<img src=\"trad-plac/Textos/gallec.gif\" />";
			ddrivetip(idio, "gallec");
			break;
		case "GR":
			trad.innerHTML = "<img src=\"trad-plac/Textos/grec.gif\" />";
			ddrivetip(idio, "grec");
			break;
		case "HEB":
			trad.innerHTML = "<img src=\"trad-plac/Textos/hebreu.gif\" />";
			ddrivetip(idio, "hebreu");
			break;
		case "HI":
			trad.innerHTML = "<img src=\"trad-plac/Textos/hindi.gif\" />";
			ddrivetip(idio, "hindi");
			break;
		case "HOL":
			trad.innerHTML = "<img src=\"trad-plac/Textos/holandès.gif\" />";
			ddrivetip(idio, "holandès");
			break;
		case "HON":
			trad.innerHTML = "<img src=\"trad-plac/Textos/hongarès.gif\" />";
			ddrivetip(idio, "hongarès");
			break;
		case "IS":
			trad.innerHTML = "<img src=\"trad-plac/Textos/islandès.gif\" />";
			ddrivetip(idio, "islandès");
			break;
		case "IT":
			trad.innerHTML = "<img src=\"trad-plac/Textos/italià.gif\" />";
			ddrivetip(idio, "italià");
			break;
		case "JP":
			trad.innerHTML = "<img src=\"trad-plac/Textos/japonès.jpg\" />";
			ddrivetip(idio, "japonès");
			break;
		case "LIT":
			trad.innerHTML = "<img src=\"trad-plac/Textos/lituà.gif\" />";
			ddrivetip(idio, "lituà");
			break;
		case "NO":
			trad.innerHTML = "<img src=\"trad-plac/Textos/noruec.gif\" />";
			ddrivetip(idio, "noruec");
			break;
		case "PO":
			trad.innerHTML = "<img src=\"trad-plac/Textos/polonès.jpg\" />";
			ddrivetip(idio, "polonès");
			break;
		case "PT-BR":
			trad.innerHTML = "<img src=\"trad-plac/Textos/portuguès-brasil.gif\" />";
			ddrivetip(idio, "portuguès<br>(Brasil)");
			break;
		case "PT-P":
			trad.innerHTML = "<img src=\"trad-plac/Textos/portuguès-portugal.gif\" />";
			ddrivetip(idio, "portuguès<br>(Portugal)");
			break;
		case "RO":
			trad.innerHTML = "<img src=\"trad-plac/Textos/romanès.gif\" />";
			ddrivetip(idio, "romanès");
			break;
		case "RU":
			trad.innerHTML = "<img src=\"trad-plac/Textos/rus.gif\" />";
			ddrivetip(idio, "rus");
			break;
		case "SE":
			trad.innerHTML = "<img src=\"trad-plac/Textos/serbocroata.gif\" />";
			ddrivetip(idio, "serbocroat");
			break;
		case "SU":
			trad.innerHTML = "<img src=\"trad-plac/Textos/suec.gif\" />";
			ddrivetip(idio, "suec");
			break;
		case "VI":
			trad.innerHTML = "<img src=\"trad-plac/Textos/vietnamita.jpg\" />";
			ddrivetip(idio, "vietnamita");
			break;
		case "XI":
			trad.innerHTML = "<img src=\"trad-plac/Textos/xinès.jpg\" />";
			ddrivetip(idio, "xinès");
			break;
		default:
			trad.innerHTML = "<img src=\"trad-plac/Textos/català.gif\" />";
	}
}
function amaga(idio) {
	var quadre = document.all? document.all[idio] : document.getElementById? document.getElementById(idio) : "";
	quadre.style.borderColor = "white";
	hideddrivetip();
	trad.innerHTML = "";
	mc=setTimeout("trad.innerHTML = tradcat",4000);
}


function ietruebody() {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function ddrivetip(idio, thetext) {
    if (ns6||ie) {
	tipobj.innerHTML = thetext;
	tipobj.style.visibility = "visible";

	var idioma = document.all? document.all[idio] : document.getElementById? document.getElementById(idio) : "";
	var theheight = idioma.offsetHeight;
	idioma.style.cursor = "hand";
	posX = 0;
	posY = 0;
	if(typeof(idioma.offsetParent) != 'undefined') {
		for(var posX = 0, posY = 0; idioma; idioma = idioma.offsetParent) {
			posX += idioma.offsetLeft;
			posY += idioma.offsetTop;
		}
	}
	else {
		posX = idioma.x;
		posY = idioma.y;
	}
	tipobj.style.left = (posX-10) + "px";
	tipobj.style.top = (posY+theheight) + "px";
    }
}

function hideddrivetip() {
    if (ns6||ie) {
	tipobj.style.visibility = "hidden";
	tipobj.style.left = "-1000px";
	tipobj.style.backgroundColor = "";
	tipobj.style.width = "";
    }
}

</script>
</div>
</body>
</html>