var stepTime = 10 ;
var stepSize = 5 ;
var maxHeight = 222 ;
var minHeight = 0 ;
function blubb( elementName )
{
    var element = document.getElementById(elementName);
    if(element.style.height == '')
      element.style.height = maxHeight + 'px';
    if(element.style.height == maxHeight + 'px')
    {
      peng( elementName , false) ;
    }
    else if(element.style.height == minHeight + 'px')
    {
      peng( elementName , true) ;
    }
}
function peng(elementName, up)
{
    var element = document.getElementById(elementName);
    var actualHeight = Number(element.style.height.replace('px',''));
    var newHeight = 0;
    if( up )
    {
      newHeight = actualHeight + stepSize;
    }
    else
    {
      newHeight = actualHeight - stepSize;
    }
    if(newHeight < maxHeight  && newHeight > minHeight)
    {
      element.style.height = newHeight + 'px';
      SetOpacity(element,newHeight);
      setTimeout('peng("'+elementName+'", '+up+')', stepTime);
    }
    else
    {
      if(up)
      {
        element.style.height = maxHeight + 'px';
        SetOpacity(element,maxHeight);
      }
      else
      {
        element.style.height = minHeight + 'px';
        SetOpacity(element,minHeight);
      }
    }
}
function SetOpacity(element , value )
{
  element.style.filter="alpha(opacity=" + (value * 100 / maxHeight) + ")"; 
  element.style.opacity  = (value / maxHeight);
}

function jump (select) {
for (i = 0; i < select.length; ++i) {
 if (select.options[i].selected == true) {
       self.location.href = select.options[i].value;
  }
}
}

function load(mapID, msgID, coord1, coord2, text) {
  if (GBrowserIsCompatible()) {
    var tempmap = new GMap2(document.getElementById(mapID));
    // Links oben Pfeile und "+" und "-" Tasten
    tempmap.addControl(new GSmallMapControl());
    // Rechts oben Tasten "Karte", "Satelit", "Hybrid"
    tempmap.addControl(new GMapTypeControl());
    // Geodaten werden unter Karte angezeigt,
    // Bei Verschieben wird Zentrum immer wieder neu angegeben
    GEvent.addListener(tempmap, "moveend", function() {
     var center = tempmap.getCenter();
      document.getElementById(msgID).innerHTML = "<div style=\"font-family: Verdana,Arial; font-size:12px;\">Kartenmitte (Breite, Länge in °): "+center.toString()+"</div>";
    });
    
    // Breite,Länge
    var tempcenter = new GLatLng(coord1,coord2);
    // Zoomstufe: 1 Überblick... 15 Lupe
    tempmap.setCenter(tempcenter, 13);    
    // Textfenster mit fortlaufendem Text an Koordinaten geheftet
    // HTML-Formatierung möglich
    tempmap.openInfoWindowHtml(tempmap.getCenter(),"<div style=\"font-family: Verdana,Arial; font-size:12px;\">"+ text +"</div>");
    
     // verschiebbarer Marker
     var tempmarker = new GMarker(tempcenter, {draggable: true});
     
    GEvent.addListener(tempmarker, "dragstart", function() {
      tempmap.closeInfoWindow();
    });
    
    GEvent.addListener(tempmarker, "dragend", function() {
      tempmarker.openInfoWindowHtml("<div style=\"font-family: Verdana,Arial; font-size:12px;\"><b>Aktuelle Position (Breite, Länge)</b><br>"+tempmarker.getPoint().toString()+"</div>");
    });
    tempmap.addOverlay(tempmarker);
  }
}