Google Translator nach erkennen von Browsersprache einblenden

[WIMA Webdesign]

An alle wissenden,

ich hatte bisher den Google Translator als Box wie folgt eingebunden

{literal}</p>
<div id="google_translate_element" style="margin-top:-10px; text-align:center">
&nbsp;</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'de', autoDisplay: false}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><br />
<p>
{/literal}

funktioniert prima.

Jetzt möchte ich es aber so haben, das der Browser erkennt welche die primär gewünschte Sprache ist und bei jedem Ergebnis das nicht "de" ist der Translator von oben eingeblendet wird. Also

Mit einem Mustertext für Englisch funktioniert das auch schon ganz gut wie folgt

{literal}
<script type="text/javascript">
if (navigator.language.indexOf("en") > -1) {
document.write("welcome on our shop");
} else if (navigator.language.indexOf("de") > -1) {

}
</script>
{/literal}

Ist der Aufruf zur Spracherkennung so brauchbar? Und wie bekomme ich die beiden codes zusammen? Folgendes funktioniert jedenfalls schon mal nicht.

{literal}
<script type="text/javascript">
if (navigator.language.indexOf("en") > -1) {
document.write("{literal}</p>
<div id="google_translate_element" style="margin-top:-10px; text-align:center">
&nbsp;</div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'de', autoDisplay: false}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script><br />
<p>
{/literal}");
} else if (navigator.language.indexOf("de") > -1) {

}
</script>
{/literal}

Ich hoffe ihr könnt mir folgen und helfen.

Gruß
Mario