Ricardo Döringer

{source}
<!-- Tab content -->
<div id="de" class="tabcontent">
<?php echo JText::_( 'ABOUT_ME_TEXT_DE' ); ?>
</div>

<div id="en" class="tabcontent" lang="en">
<?php echo JText::_( 'ABOUT_ME_TEXT_EN' ); ?>
</div>

<div id="es" class="tabcontent" lang="es">
<?php echo JText::_( 'ABOUT_ME_TEXT_ES' ); ?>
</div>
<div id="it" class="tabcontent" lang="it">
<?php echo JText::_( 'ABOUT_ME_TEXT_IT' ); ?>
</div>
<div id="fr" class="tabcontent" lang="fr">
<?php echo JText::_( 'ABOUT_ME_TEXT_FR' ); ?>
</div>

<!-- Tab links -->
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'de')" id="defaultOpen"><img src="/media/mod_languages/images/de.gif"></button>
<button class="tablinks" onclick="openCity(event, 'en')"><img src="/media/mod_languages/images/en.gif"></button>
<button class="tablinks" onclick="openCity(event, 'es')"><img src="/media/mod_languages/images/es.gif"></button>
<button class="tablinks" onclick="openCity(event, 'it')"><img src="/media/mod_languages/images/it.gif"></button>
<button class="tablinks" onclick="openCity(event, 'fr')"><img src="/media/mod_languages/images/fr.gif"></button>
</div>
{/source}

{source}
<script language="javascript" type="text/javascript">

function openCity(evt, cityName) {
// Declare all variables
var i, tabcontent, tablinks;

// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}

// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}

// Show the current tab, and add an "active" class to the button that opened the tab
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
{/source}