// Bild austauschen bei MouseOver
function changeImage(img_name, img_src)
{
  document[img_name].src = img_src;
}

function changeTeaserImage(showdiv)
{
  $(teaserbild1).style.display='none';  
  $(teaserbild2).style.display='none'; 
  $(teaserbild3).style.display='none'; 
  $(showdiv).style.display='block';
}

function changeKarteDiv(showdiv, akt_karte)
{
  $(karte_Start).style.display='none';
  $(karte_Quirimba).style.display='none';
  $(karte_Pemba).style.display='none';
  $(karte_Ilha).style.display='none';
  $(karte_Bazaruto).style.display='none';
  $(karte_Inhaca).style.display='none';
  $(karte_Inhambane).style.display='none';
  $(karte_Niassa).style.display='none';
  $(karte_Gorongosa).style.display='none';
  $(karte_Limpopo).style.display='none';
  $(karte_Maputo).style.display='none';
  //$(showdiv).style.display='block';
  
  // den Hintergrund der Karte mit dem MouseOver-Image befüllen
  document['karte'].src = akt_karte;
  // diese Info auch ins hidden field, damit bei mouseout das korrekte Bild angezeigt werden kann
  $(form1).akt_karte.value = akt_karte;
  
  Effect.SlideDown(showdiv,{queue:{scope:'myscope', position:'end', limit: 1}});
}

// interakive Karte: MouseOut
function changeImageMouseOut(img_name, img_src)
{
  // es gab schon ein onClick und wir benutzen das neue Hintergrundbild
  if($(form1).akt_karte.value != '')
    document['karte'].src = $(form1).akt_karte.value;
  // ansonsten Default-Hintergrund-Grafik wieder anzeigen
  else
    document['karte'].src = '../images/interaktive_karte/Karte-Image.gif';
}