window.onload = function() {
  showText1();
  showText2();
  showText3();
}
/*function showNav() {
  var map = document.getElementById("maptisch");
  var mapLinks = map.getElementsByTagName("area");
  for (var i=0; i < mapLinks.length; i++) {
    mapLinks[i].onmouseover = function() {
      var navi = document.getElementById("nav");
      navi.style.visibility = "visible";
      function (){
  	  var naviLinks = navi.getElementsByTagName("a");
  	  for (var i=0; i < naviLinks.length; i++) {
	    naviLinks[i].onmouseover = function() {
	    naviLinks.style.fontWeight = "bold";
	    alert(naviLinks.length);

	    }
	  }
	  }
    }
    mapLinks[i].onmouseout = function() {
      var navi = document.getElementById("nav");
      navi.style.visibility = "hidden";
    }
  }
}*/

function showText1() {
  var textOne =  document.getElementById("textone");
  textOne.onmouseover = function() {
    var intro1 = document.getElementById("introEins");
    intro1.style.display = "block";
    var platine = document.getElementById("platine");
    platine.style.display = "none";
  }
  textOne.onmouseout = function() {
    var intro1 = document.getElementById("introEins");
    intro1.style.display = "none";
    var platine = document.getElementById("platine");
    platine.style.display = "block";
  }
}

function showText2() {
  var textTwo =  document.getElementById("texttwo");
  textTwo.onmouseover = function() {
    var intro2 = document.getElementById("introZwei");
    intro2.style.display = "block";
    var platine = document.getElementById("platine");
    platine.style.display = "none";
  }
  textTwo.onmouseout = function() {
    var intro2 = document.getElementById("introZwei");
    intro2.style.display = "none";
    var platine = document.getElementById("platine");
    platine.style.display = "block";
  }
}

function showText3() {
  var textThree =  document.getElementById("textthree");
  textThree.onmouseover = function() {
    var intro3 = document.getElementById("introDrei");
    intro3.style.display = "block";
    var platine = document.getElementById("platine");
    platine.style.display = "none";
  }
  textThree.onmouseout = function() {
    var intro3 = document.getElementById("introDrei");
    intro3.style.display = "none";
    var platine = document.getElementById("platine");
    platine.style.display = "block";
  }
}