var menu = 'route';



// Startpositionen der Karte: left, top
//var myMapPos  = new Array(240, 410);
var myMapPos  = new Array(13, 13);

// Kartengroesse ohne Rahmen: width, height
var myMapSize  = new Array(500, 500);

// NavBorder Breite: width, height
var navBorderWidth  = 13;
var navBorBorderWidth  = 1;
// Farbe von NavBorders
//var navBgColor = "rgb(195,195,195)";
var navBgColor = "#C3C3C3";
var navBorderColor = "rgb(140,140,140)";

var tagColor = "rgb(140,140,140)";

// Farbe der Menueleiste
var menuBarColor = "rgb(216,220,236)";
var menuBarHeight = 32;

// Slider Position, relativ der Karte (left, top)
var navIconPos = new Array(20,60);

var icon_bgcolor = "rgb(195,195,195)";
var buttontext_color = "rgb(40,56,152)";
var querystr = "?mapsize=500,500&mapposition=240,410&menu=route";
//
var divSliderIcon;
var slidebarHeight = 136;
var sliderHeight = 10;
var sliderWidth = 21;
var slideBarTop = 10;

var d;

var routefrom = "";
var routeto = "";

function addCopyright(){
    var space = 4;
    var myL = myMapPos[0]-navBorderWidth;
    var myT = myMapPos[1] + myMapSize[1]+navBorderWidth+2;
    var myBarWidth = myMapSize[0]+(2*navBorderWidth);
    //document.write('<div id="Copyright" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; background-color:'+menuBarColor+'; border :'+navBorBorderWidth+'px solid '+navBorderColor+';">'+CopyrightText[0]+'</div>');
    document.write('<div id="Copyright" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; background-color:'+menuBarColor+'; border :'+navBorBorderWidth+'px solid '+navBorderColor+';">');
    //document.write('<table border="0" width="100%"><tr width="50%"><td>'+CopyrightText[0]+'</td><td width="50%" style="text-align:right; "></td></tr></table>');
    document.write('<table border="0" width="100%"><tr width="50%"><td>'+CopyrightText[0]+'</td><td width="50%" style="text-align:right;"></td></tr></table>');

    document.write('</div>');
}
//==========================
function addButton(){
    return '<span onclick="changeClient()" style="border: 1px solid black; background-color: white; text-align: center; cursor: pointer; right: 10.2em; width:30%; padding-left:4px; padding-right:4px;" title="Stadtplan aufrufen" ><span style="font-size: 12px; font-weight: bold;">Stadtplan aufrufen</span></span>';
}
function changeClient(){
    //alert(gisUrl +"&xpos="+gmMap.getCenter().lng()+"&ypos="+gmMap.getCenter().lat()+"&srsfrom=4326&srsinto="+31467+"&scale="+getScale96());
    self.location.href = gisUrl +"&xpos="+gmMap.getCenter().lng()+"&ypos="+gmMap.getCenter().lat()+"&srsfrom=4326&srsinto="+31467+"&scale="+getScale72();
}
//=========================

function resizePageHeightDelay() {
	if(typeof resizePageHeight=='function') {
		window.setTimeout('resizePageHeight()',1000);
	}
}
function addMenuBar(routeurl){
    var myL = 0;
    var myT = 0;
    if(menu == 'route' || menu == 'both'){
        var space = 4;
        var myHeight = myMapPos[1] - 2 * space -navBorderWidth;
        //var myL = myMapPos[0]-navBorderWidth;
        //var myT = myHeight - 116;
        var myBarWidth = myMapSize[0]+(2*navBorderWidth);
        
        document.write('<div class="menuBar" id="divMenuBar" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; background-color:#F6F6F6;">');
        document.write('<table class="routingtab" cellpading="0" cellspacing="0" style=" font-size: 12px; width:100%; border-color:#F6F6F6;">');
        document.write('<tr><td class="divToolBoxTag" style="background-color:#C3C3C3; font-weight:bold;" colspan="2" width="50%">Zieladresse</td>');
        document.write('<td class="divToolBoxTag" style="background-color:#C3C3C3; font-weight:bold;" colspan="2" width="50%">Startadresse</td></tr>');
        
        document.write('<tr><td colspan="2">Stra&szlig;e/ Haus-Nr.<br />');
        document.write('<input class="inputstr" id="zielStrasse" name="zielStrasse" value="" size="25" maxlength="30" type="text"/></td>');
        document.write('<td colspan="2">Stra&szlig;e/ Haus-Nr.<br />');
        document.write('<input class="inputstr" id="startStrasse" name="startStrasse" value="" size="25" maxlength="30" type="text"/></td></tr>');
        
        document.write('<tr><td>PLZ<br />');
        document.write('<input class="inputplz" id="zielPLZ" name="zielPLZ" value="" size="5" maxlength="5" type="text"/></td>');
        document.write('<td>Ort<br />');
        document.write('<input class="inputopt" id="zielOrt" name="zielOrt" value="" size="15" maxlength="25" type="text"/>');
        document.write('<input id="strZ" name="strZ" value="" type="hidden">');
        document.write('<input id="hnrZ" name="hnrZ" value="" type="hidden">');
        document.write('<input id="zielRW" name="zielRW" value="" type="hidden">');
        document.write('<input id="zielHW" name="zielHW" value="" type="hidden"></td>');
        document.write('<td>PLZ<br />');
        document.write('<input class="inputplz" id="startPLZ" name="startPLZ" value="" size="5" maxlength="5" type="text"/></td>');
        document.write('<td>Ort<br />');
        document.write('<input class="inputopt" id="startOrt" name="startOrt" value="" size="15" maxlength="25" type="text"/></td></tr>');

        document.write('<tr><td colspan="2" align="center">');
        document.write('<input class="mybut" style="cursor: pointer;" name="action" value="Zieladresse zeigen" type="button" onclick="showAddress()"/></td>');
        document.write('<td colspan="2" align="center">');
        //document.write('<input class="mybut" style="cursor: pointer;" name="action" value="Route zeigen" type="button" onclick="showMyRoute();resizePageHeightDelay();" /></td></tr>');
        //document.write('</table>');
        document.write('<input class="mybut" style="cursor: pointer;" name="action" value="Route zeigen" type="button" onclick="showMyRoute();resizePageHeightDelay();" />');
        document.write('&nbsp;&nbsp;&nbsp;&nbsp;<input class="mybutdb" name="actiondb" value="Bus&Bahn" type="button"  onclick="showDBRoute();">');document.write('</td></tr></table>');
        document.write('</td></tr></table>');
        document.write('</div>');
        myMapPos[1] = myMapPos[1] + 124;
    }else if(menu == 'suche'){
        var space = 4;
        //var myL = myMapPos[0]-navBorderWidth;
        //var myT = myMapPos[1]-navBorderWidth-menuBarHeight-space + 36;
        var myBarWidth = myMapSize[0]+(2*navBorderWidth);
        document.write('<div class="menuBar" id="divMenuBar" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; height:'+menuBarHeight+'px;  background-color:#F6F6F6;"></div>');
        //addSearchBar(myL + 4, myT + 6, 216);
        //addSpezialkarteninhalte(myL + 280, myT + 6, 120, 18, 20);
        //addWeiterekarteninhalte(myL + 430, myT + 6, 170, 18, 20);
        addWeiterekarteninhalte(myL + myMapSize[0]-176, myT + 6, 168, 18, 20);
        myMapPos[1] = myMapPos[1] + 36;
    }else if(menu == 'layers'){
        var space = 4;
        //var myL = myMapPos[0]-navBorderWidth;
        //var myT = myMapPos[1]-navBorderWidth-menuBarHeight-space + 36;
        var myBarWidth = myMapSize[0]+(2*navBorderWidth);
        document.write('<div class="menuBar" id="divMenuBar" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; height:'+menuBarHeight+'px;  background-color:#F6F6F6;"></div>');
        //addSearchBar(myL + 4, myT + 6, 216);
        //addSpezialkarteninhalte(myL + 280, myT + 6, 120, 18, 20);
        //addWeiterekarteninhalte(myL + 430, myT + 6, 170, 18, 20);
        addWeiterekarteninhalte(myL + myMapSize[0]-176, myT + 6, 168, 18, 20);
        myMapPos[1] = myMapPos[1] + 36;
    }
    if(menu == 'both') {
    	  myT = myT + 127;
        document.write('<div class="menuBar" id="divMenuBar" style="left:'+myL+'px; top:'+myT+'px; width:'+myBarWidth+'px; height:'+menuBarHeight+'px;  background-color:#F6F6F6;"></div>');
        //addSearchBar(myL + 4, myT + 6, 216);
        //addSpezialkarteninhalte(myL + 280, myT + 6, 120, 18, 20);
        //addWeiterekarteninhalte(myL + 430, myT + 6, 170, 18, 20);
        addWeiterekarteninhalte(myL + myMapSize[0]-176, myT + 6, 168, 18, 20);
        // Karte weiter unten positionieren
        myMapPos[1] = myMapPos[1] + 38;
    }
}
function setIdAddress(ort, plz, strasse, hnr){
    if(menu != 'route') return;
    document.getElementById("zielStrasse").value = strasse+' '+hnr;
    document.getElementById("zielStrasse").readOnly = true;
    document.getElementById("zielStrasse").style.backgroundColor = menuBarColor;
    
    document.getElementById("strZ").value = strasse;
    document.getElementById("hnrZ").value = hnr;
    document.getElementById("zielPLZ").value = plz;
    document.getElementById("zielPLZ").readOnly = true;
    document.getElementById("zielPLZ").style.backgroundColor = menuBarColor;
    document.getElementById("zielOrt").value = ort;
    document.getElementById("zielOrt").readOnly = true;
    document.getElementById("zielOrt").style.backgroundColor = menuBarColor;
}
function addGeoCodingTab(){
    var myBarWidth = myMapSize[0]+(2*navBorderWidth);
    document.write('<div style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]-navBorderWidth)+'px; width:'+myBarWidth+'px;"><table class="directions"  width="100%">');
    document.write('<tr><td valign="top" style="padding-top:15px;"><div id="map_canvas" style="width: '+myBarWidth+'px; height:'+myMapSize[1]+'px;"></div></td></tr>');
    document.write('<tr><td valign="top"><div id="directions"></div></td></tr>');
    document.write('</table></div>'); 
}
function addGeoCodingTabDyn(){
    var myBarWidth = myMapSize[0]+(2*navBorderWidth);
    var navCorrect = 0;
    var navLeft = 0;
    var navLeftMargin = '';
    // Korrektur der Positionierung
    if(myMapPos[1]==450) {
//    	navCorrect = 304;
	   	navLeft = -10;
    }
    else if(myMapPos[0]>50) {
    	navCorrect = 40;
   		navLeft = myMapPos[0] - 50;
    }
    // Anpassung fuer Navi-Portal
    if(myMapPos[0]==220 && myMapPos[1]==297) {
    	if(navigator.userAgent.indexOf("MSIE 6.0") == -1)
    		navCorrect = 150;
    	else navCorrect = -10;
    	navLeft = 0;
    }
    else if(myMapPos[0]==14 && myMapPos[1]==138) {
    	if(navigator.userAgent.indexOf("MSIE 6.0") != -1) {
	   		navLeftMargin = 'margin-left: -6px;';
	   	}
    }
//   if(myMapSize[1]> 450){
  // 	navCorrect = (myMapSize[1]/3)-(myMapSize[1]/10);
 //  }else 
  if(myMapSize[1]> 599){
   	navCorrect = 150;
   };
    if(menu!='off'){
    //document.write('<div style="position: absolute; left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]+myMapSize[1]+navBorderWidth+8)+'px; width:'+myBarWidth+'px;"><table class="directions" width="99%">');
    //alert(myMapPos[1]);
    document.write('<div style="position:relative;padding-top:'+(myMapSize[1]+navBorderWidth+8-navCorrect-200)+'px; padding-left:'+navLeft+'px;'+navLeftMargin+' width:'+myBarWidth+'px;"><table id="directionstab" class="directions" width="99%">');
    //document.write('<tr><td valign="top" style="padding-top:15px;"><div id="map_canvas" style="width: '+myBarWidth+'px; height:'+myMapSize[1]+'px;"></div></td></tr>');
    //document.write('<tr><td><div id="drucktext" style="text-align: right; visibility: hidden; font-size:14px;padding-top:15px;" ><a href="javascript:routeDrucken();">Route drucken</a></div></td></tr>');
    document.write('<tr><td valign="top"><div id="drucktext" style="text-align:right;visibility:hidden;font-size:14px;padding-top:15px;margin-bottom:-10px;"><a href="javascript:routeDrucken();">Druckvorlage</a>&nbsp;</div><div id="directions"></div></td></tr>');
    document.write('</table></div>'); 
   }
}

function my_search_openGMZiel() {
    return;
    var myInputOrt = document.getElementById("inputort").value;
    var myInputStrasse = document.getElementById("inputstrasse").value;
    outMessage(myInputOrt+myInputStrasse);
    if(myCheck(myInputStrasse) == false || myCheck(myInputOrt) == false){
        alert(unescape("Ihre Eingaben beinhalten unerlaubte Sonderzeichen.\nBitte %E4ndern Sie Ihre Anfrage!"));
    }else{
        outMessage(myInputOrt+myInputStrasse);
        outMessage("SucheGM?ort="+(getPreparedParameter(myInputOrt))+"&strasse="+(getPreparedParameter(myInputStrasse))+"&seite=1&SID="+SID+"&srsdata="+mysrsData+"&srsclient=4326");
        //document.getElementById("divSuchergebnis").style.vilsibility = "visible"; 
        // evtl. auskommentieren document.getElementById("divSuchInfo").style.display = "inline"; 
        //document.getElementById("Suchergebnis").style.display = "none";
        document.getElementById("ifSuchergebnis").src="SucheGM?ort="+(getPreparedParameter(myInputOrt))+"&strasse="+(getPreparedParameter(myInputStrasse))+"&seite=1&SID="+SID+"&srsdata="+mysrsData+"&srsclient=4326";
        document.getElementById("divSpMapContent").visibility = "hidden";
        document.getElementById("divTreeSelect").visibility = "hidden";
        //document.getElementById("divMapOpener").innerHTML="<img src='"+pfeilImg.src+"' title='"+menuImgText[1]+"'>";
        //document.getElementById("divTreeOpener").innerHTML="<img src='"+pfeilImg.src+"' title='"+menuImgText[3]+"'>";
    }
  }
  
  function getZielOrt(){
    if(document.getElementById('zielPLZ').value.length == 0 &&
           document.getElementById('zielOrt').value.length == 0)
       return "";
    var ziel = ",,"+document.getElementById('zielStrasse').value+",";
    ziel += document.getElementById('zielPLZ').value+",";
    ziel += document.getElementById('zielOrt').value+",,,DE";
    return ziel;
  }
  
  function getStartOrt(){
  if(document.getElementById('startPLZ').value.length == 0 &&
           document.getElementById('startOrt').value.length == 0)
       return "";
    var ziel = ",,"+document.getElementById('startStrasse').value+",";
    ziel += document.getElementById('startPLZ').value+",";
    ziel += document.getElementById('startOrt').value+",,,DE";
    return ziel;
  }


function addMap(){
    document.write('<div id="GM2Map" style="position:relative; visibility: hidden; z-index:0; top:'+myMapPos[1]+'px; left:'+myMapPos[0]+'px; width:'+myMapSize[0]+'px; height:'+myMapSize[1]+'px;"></div>');
    document.write('<div id="layerZoomBox" style="position:absolute; left:0px; top:0px; visibility:hidden;"></div>');
    document.write('<div id="layerEventHandling" style="position:absolute; top:'+myMapPos[1]+'px; left:'+myMapPos[0]+'px; width:'+myMapSize[0]+'px; height:'+myMapSize[1]+'px; visibility:hidden; display: none;"><img src="'+transparentImg+'" border="0" width="'+myMapSize[0]+'" height="'+myMapSize[1]+'"/></div>');
}

function addSearchBar(myL, myT, myW){
    document.write('<div class="searchBar" id="divSearchBar" style="left:'+myL+'px; top:'+myT+'px; background-color:'+menuBarColor+';">');
    document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td><input id="inputort" name="ort" type="text" value="'+SuchText[0]+'" onfocus="this.select()" />');
    document.write('<input id="inputstrasse" name="strasse" type="text" value="'+SuchText[1]+'" onfocus="this.select()" />');
    document.write('&nbsp;</td><td style="font-size:0px;">');
    document.write('<div style="font-size:0px; background-color:'+buttontext_color+';"><img id="imageButton" src="'+SuchButtonImg.src+'" onclick="my_search_openGM()" title="'+SuchText[2]+'">');
    document.write('</div></td></tr></table></div>');
}



function addNavBorders(){
    document.write('<div class="mapBorder" style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]-navBorderWidth)+'px; width:'+(myMapSize[0]+(2*navBorderWidth))+'px; height:'+navBorderWidth+'px; background-color:'+navBgColor+'; border :'+navBorBorderWidth+'px solid '+navBorderColor+';"></div>');
    document.write('<div class="mapBorder" style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]+myMapSize[1])+'px;   width:'+(myMapSize[0]+(2*navBorderWidth))+'px; height:'+navBorderWidth+'px; background-color:'+navBgColor+'; border :'+navBorBorderWidth+'px solid '+navBorderColor+';"></div>');
    document.write('<div class="mapBorder" style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]-navBorderWidth)+'px; width:'+navBorderWidth+'px; height:'+(myMapSize[1]+(2*navBorderWidth))+'px; background-color:'+navBgColor+'; border :'+navBorBorderWidth+'px solid '+navBorderColor+';"></div>');  
    document.write('<div class="mapBorder" style="left:'+(myMapPos[0]+myMapSize[0])+'px;   top:'+(myMapPos[1]-navBorderWidth)+'px; width:'+navBorderWidth+'px; height:'+(myMapSize[1]+(2*navBorderWidth))+'px; background-color:'+navBgColor+';  border :'+navBorBorderWidth+'px solid '+navBorderColor+';"></div>');
}
function addNavBorderIcons(){
    var help = 2 * navBorBorderWidth;
    var mycontent = '<img src="'+navImg[0].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(myAddNav,myAddNav);" title="'+navImgText[0]+'" />';
    document.write('<div class="navIcon" id="navIconNW" style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapPos[1]-navBorderWidth)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[1].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(0,myAddNav);" title="'+navImgText[1]+'" />';
    document.write('<div class="navIcon" id="navIconN"  style="left:'+(Math.floor(myMapSize[0]/2-navBorderWidth/2+myMapPos[0]))+'px; top:'+(myMapPos[1]-navBorderWidth)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[2].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(-myAddNav,myAddNav);" title="'+navImgText[2]+'" />';
    document.write('<div class="navIcon" id="navIconNE" style="left:'+(myMapSize[0]+myMapPos[0])+'px; top:'+(myMapPos[1]-navBorderWidth)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[4].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(-myAddNav,0);" title="'+navImgText[4]+'" />';
    document.write('<div class="navIcon" id="navIconE"  style="left:'+(myMapSize[0]+myMapPos[0])+'px; top:'+(Math.floor(myMapSize[1]/2-navBorderWidth/2+myMapPos[1]))+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[7].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(-myAddNav,-myAddNav);" title="'+navImgText[7]+'" />';
    document.write('<div class="navIcon" id="navIconSE" style="left:'+(myMapSize[0]+myMapPos[0])+'px; top:'+(myMapSize[1]+myMapPos[1])+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[6].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(0,-myAddNav);" title="'+navImgText[6]+'" />';
    document.write('<div class="navIcon" id="navIconS"  style="left:'+(Math.floor(myMapSize[0]/2-navBorderWidth/2+myMapPos[0]))+'px; top:'+(myMapSize[1]+myMapPos[1])+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+navImg[5].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(myAddNav,-myAddNav);" title="'+navImgText[5]+'" />';
    document.write('<div class="navIcon" id="navIconSW" style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(myMapSize[1]+myMapPos[1])+'px;">'+mycontent+'</div>')
    mycontent = '<img src="'+navImg[3].src+'" border="0" width="'+(navBorderWidth + help)+'" height="'+(navBorderWidth + help)+'" onClick="javascript:gm_panDirection(myAddNav,0);" title="'+navImgText[3]+'" />';
    document.write('<div class="navIcon" id="navIconW"  style="left:'+(myMapPos[0]-navBorderWidth)+'px; top:'+(Math.floor(myMapSize[1]/2-navBorderWidth/2+myMapPos[1]))+'px;">'+mycontent+'</div>')
}

function addToolTip(){
    document.write('<div id="divToolTip" style="position: absolute; width: 200px;"></div>');
    document.write('<div id="divToolTipSmall"></div>');

}
function addInfoBox(){
    var mywidth = 259;
    document.write('<div id="divInfoBox" style="position: absolute; left: '+(myMapPos[0]+20)+'px; top: 500px; width: '+mywidth+'px; height: 180px; border-color:'+navBorderColor+';">');
    document.write('<div id="divInfoBoxTag" onmousedown="my_moveIFrame()" style="background-color:'+tagColor+'; width: '+mywidth+'px;">'+InfoBoxText[0]+'</div>');
    document.write('<div id="divInfoBoxClose" style=" background-color:'+buttontext_color+'; left:'+(mywidth-15)+'px;"><img onclick="my_infobox_close()" src="'+InfoExitImg.src+'" border="0"></div>');
    document.write('<iframe name="InfoBox" id="InfoBox" frameborder="0"></iframe>');
    document.write('<div id="divInfoBoxSelect"></div>');
    document.write('</div>');
}
/*
function addInfoBox(){
    document.write('<div id="divInfoBox" style="position: absolute; left: 100px; top: 500px; width: 260px; height: 200px; border-color:'+navBorderColor+';">');                
    document.write('<div id="divInfoBoxTag" onmousedown="my_moveIFrame()" style="background-color:'+tagColor+';">'+InfoBoxText[0]+'</div>');
    document.write('<div id="divInfoBoxClose" style=" background-color:'+buttontext_color+';"><img onclick="my_infobox_close()" src="'+InfoExitImg.src+'"></div>');
    document.write('<iframe name="InfoBox" id="InfoBox" frameborder="0"></iframe>');
    document.write('<div id="divInfoBoxSelect"></div>');
    document.write('</div>');
}*/

function addNavIcons(){
    var lw = 18; // Breite des grossen Icons 
    var lh = 18; // Hoehe des grossen Icons 
    var sw = 10; // Breite des kleinen Icons 
    var sh = 10; // Hoehe des kleinen Icons 
    var sp0 = 2; // Abstand 
    var sp1 = 2; // Abstand 
    var vLeft = myMapPos[0] + navIconPos[0]; // Startposition Left  
    var vTop  = myMapPos[1] + navIconPos[1]; // Startposition Top
    
    var sliderW = 21;
    var zoomW = 11;
    var barW = 15;
    
    // navIcons
    var mycontent = '<img src="'+nav2Img[0].src+'" border="0" onClick="javascript:gm_panDirection(0,myAddNav);" title="'+navImgText[1]+'">';
    document.write('<div class="navIcon" id="divNavIcon0" style="left:'+(vLeft+lw+sp0)+'px; top:'+(vTop)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[1].src+'" border="0" onClick="javascript:gm_panDirection(-myAddNav,0);" title="'+navImgText[4]+'">';
    document.write('<div class="navIcon" id="divNavIcon1" style="left:'+(vLeft+lw+sp0+lw+sp0)+'px; top:'+(vTop+lh+sp0)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[2].src+'" border="0" onClick="javascript:gm_panDirection(0,-myAddNav);" title="'+navImgText[6]+'">';
    document.write('<div class="navIcon" id="divNavIcon2" style="left:'+(vLeft+lw+sp0)+'px; top:'+(vTop+lh+sp0+lh+sp0)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[3].src+'" border="0" onClick="javascript:gm_panDirection(myAddNav,0);" title="'+navImgText[3]+'">';
    document.write('<div class="navIcon" id="divNavIcon3" style="left:'+(vLeft)+'px; top:'+(vTop+lh+sp0)+'px;">'+mycontent+'</div>');
    
    mycontent = '<img src="'+nav2Img[4].src+'" border="0" onClick="javascript:gm_panDirection(-myAddNav,myAddNav);" title="'+navImgText[2]+'">';
    document.write('<div class="navIcon" id="divNavIcon4" style="left:'+(vLeft+lw+sp0+lw+sp0)+'px; top:'+(vTop+lh-sh)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[5].src+'" border="0" onClick="javascript:gm_panDirection(-myAddNav,-myAddNav);" title="'+navImgText[7]+'">';
    document.write('<div class="navIcon" id="divNavIcon5" style="left:'+(vLeft+lw+sp0+lw+sp0)+'px; top:'+(vTop+lh+sp0+lh+sp0)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[6].src+'" border="0" onClick="javascript:gm_panDirection(myAddNav,-myAddNav);" title="'+navImgText[5]+'">';
    document.write('<div class="navIcon" id="divNavIcon6" style="left:'+(vLeft+lw-sw)+'px; top:'+(vTop+lh+sp0+lh+sp0)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[7].src+'" border="0" onClick="javascript:gm_panDirection(myAddNav,myAddNav);" title="'+navImgText[0]+'">';
    document.write('<div class="navIcon" id="divNavIcon7" style="left:'+(vLeft+lw-sw)+'px; top:'+(vTop+lh-sh)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+nav2Img[8].src+'" border="0" onClick="javascript:goHome();" title="'+navImgText[8]+'">';
    document.write('<div class="navIcon" id="divNavIcon8" style="left:'+(vLeft+lw+sp0)+'px; top:'+(vTop+lh+sp0)+'px;">'+mycontent+'</div>');
    
    // slider
    var helpT = vTop + 3 * lh + 5 * sp0;
    var helpC = vLeft + lw + sp0 + lw / 2;
    slideBarTop = helpT+zoomW+sp0;
    mycontent = '<img src="'+zoomOutImg.src+'" border="0" onclick="javascript:gm_zoomOut();" title="'+scaleImgText[1]+'" />';
    document.write('<div class="navIcon" id="divZoomOutIcon" style="left:'+(Math.floor(helpC-zoomW/2))+'px; top:'+(helpT)+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+slideBarImg.src+'" border="0">';
    //mycontent = '<img src="'+slideBarImg.src+'" border="0" onclick="javascript:zoomInOut(event.clientY);">';
//mycontent = '<img src="'+slideBarImg.src+'" border="0" onclick="javascript:alert(my_getElemPos().x+" "+my_getElemPos().y);">';
//mycontent = '<img src="'+slideBarImg.src+'" border="0" onclick="javascript:alert(my_getElemPos().x+" "+my_getElemPos().y);">';
    document.write('<div class="slider" id="divSlideBarIcon" style="left:'+(Math.floor(helpC-barW/2))+'px; top:'+slideBarTop+'px;">'+mycontent+'</div>');
    mycontent = '<img src="'+sliderImg.src+'" border="0" title="'+scaleImgText[0]+'" />';
    document.write('<div class="slider" id="divSliderIcon" onmousedown="my_moveSlider()" style="left:'+(Math.floor(helpC-sliderW/2))+'px; top:'+(helpT+zoomW+sp0)+'px; width: '+sliderWidth+'px; height:'+sliderHeight+'px;"><img src="'+sliderImg.src+'" border="0"></div>');
    mycontent = '<img src="'+zoomInImg.src+'" border="0" onclick="javascript:gm_zoomIn();" title="'+scaleImgText[2]+'" />';
    document.write('<div class="navIcon" id="divZoomInIcon" style="left:'+(Math.floor(helpC-zoomW/2))+'px; top:'+(helpT+zoomW+sp0+slidebarHeight+sp0)+'px;">'+mycontent+'</div>');
    divSliderIcon = document.getElementById("divSliderIcon");
//document.getElementById("divSlideBarIcon").onclick = my_getElemPos;
document.getElementById("divSlideBarIcon").onclick = my_getMousePosI;
}

function addToolBox(){
    document.write('<div id="divToolBoxBar" style="left:'+(myMapPos[0]+2*navBorBorderWidth)+'px; top:'+(myMapPos[1]+2*navBorBorderWidth)+'px;">');
    document.write('<table border="0" cellpadding="0" cellspacing="0">');
    document.write('<tr><td class="divToolBoxTag" style="background-color:'+navBorderColor+';"><div style="font-size: 13px; font-weight: bold; color: white; padding-left:2px;">'+NaviBoxText[0]+'</div></td>');
    document.write('<td class="divToolBoxTag" style="background-color:'+navBorderColor+';"><div align="right" style="padding-right: 2px;font-size:0px;"><img class="imageButton" onclick="javascript:showHiddeDiv(\'divToolBox\');" src="'+pfeilobenImg.src+'" title="'+NaviBoxText[2]+'"></div></td></tr>');
    document.write('<tr><td style="padding:0px;" colspan="2">');
    document.write('<div id="divToolBox" style=" border-width:2px; border-style:solid; border-color:'+navBorderColor+'; background-color:'+navBgColor+'; visibility:visible;">');
    document.write('<span><img class="imageButton" id="imgNaviHome" src="'+toolImg[0].src+'" title="'+toolImgText[0]+'" onclick="goHome()" onmousedown="javascript:this.src=toolImg[11].src;" onmouseup="javascript:this.src=toolImg[0].src;">');
    document.write('<img class="imageButton" id="imgNaviBack" src="'+toolImg[14].src+'" title="'+toolImgText[10]+'" onclick="goBack()" onmousedown="javascript:this.src=toolImg[15].src;" onmouseup="javascript:this.src=toolImg[14].src;">');
    document.write('<img class="imageButton" id="imgNaviZoom" src="'+toolImg[1].src+'" title="'+toolImgText[1]+'" onclick="javascript:my_zoomBoxInitGM();" onmousedown="javascript:this.src=toolImg[7].src;">');
    //document.write('<img class="imageButton" id="imgNaviPan" src="'+toolImg[2].src+'" title="'+toolImgText[2]+'" onclick="my_navi_panGM(this)">');
    //document.write('<img class="imageButton" id="imgNaviMerk" src="'+toolImg[4].src+'" title="'+toolImgText[4]+'" onclick="my_navi_merk()" onmousedown="this.src=toolImg[10].src; " onmouseup="this.src=toolImg[4].src;">');
    //document.write('<img class="imageButton" id="imgNaviPrint" src="'+toolImg[5].src+'" title="'+toolImgText[5]+'" onclick="openPrintWindow(\'gmclient/drucken.jsp\', 40, 160)" onmousedown="this.src = toolImg[12].src;" onmouseup="this.src=toolImg[5].src;">');
    //document.write('<img class="imageButton" id="imgNaviHelp" src="'+toolImg[6].src+'" title="'+toolImgText[6]+'" onclick="my_navi_help()" onmousedown="this.src=toolImg[13].src;" onmouseup="this.src=toolImg[6].src;">');                  
    //document.write('<img class="imageButton" id="imgNaviGE" src="'+toolImg[16].src+'" title="'+toolImgText[11]+'" onclick="callGoogleEarthGM()" onmousedown="this.src=toolImg[18].src;" onmouseup="this.src=toolImg[16].src;">');                  
    document.write('<span></div>');
    document.write('</td></tr>');
    document.write('</table></div>');
}

function setSlider(){
  var minRes = gmMap.getCurrentMapType().getMinimumResolution();
  var maxRes = gmMap.getCurrentMapType().getMaximumResolution();
  var help = maxRes - (maxRes - minRes);
  var newYPos = Math.round(gmMap.getZoom() * (slidebarHeight - sliderHeight) /(maxRes - help) + help +slideBarTop);
  outMessage("SETSLIDER "+minRes+" "+maxRes+" "+help+" "+newYPos);
  divSliderIcon.style.top = newYPos + "px";
}

function showHiddeDiv(divName){
  var divVsb = document.getElementById(divName).style.visibility;
  if(divVsb == "visible")
    document.getElementById(divName).style.visibility = "hidden";
  else
    document.getElementById(divName).style.visibility = "visible"
    
}

  function addMerkBox(){
    document.write('<div id="divMerkBox" style="position:absolute; left:'+(myMapPos[0]-80+myMapSize[0]/2)+'px; top:'+myMapPos[1]+'px;">');
    document.write('<div id="divMerkBoxTag">'+MerkListeText[0]+'&nbsp;<img valign=center src="'+merkImg[0].src+'"></div>');
    document.write('<div id="divMerkBoxClose" style="font-size:0px; background-color:'+buttontext_color+';"><img onclick="my_merkbox_close();" src="'+pfeilschliessenImg.src+'" title="'+MerkListeText[1]+'"></div>');
    document.write('<iframe name="IFrameMerkListe" id="MerkListe" frameborder="0"></iframe>');
    document.write('<div id="divMerkBoxBottom">');
    document.write('<div id="divMerkBoxAktual" style="font-size:0px; background-color:'+buttontext_color+';"><img onclick="my_merkliste_update();" src="'+merkImg[1].src+'"></div>');
    document.write('<div id="divMerkBoxDrucken" style="font-size:0px; background-color:'+buttontext_color+';"><img onclick="my_merkliste_print();" src="'+merkImg[2].src+'"></div>');
    document.write('</div>');
    document.write('</div>');
  }
  
  function addInfoFenster(){
   document.write('<div id="divMerkInfo" style="left:'+(myMapPos[0]+myMapSize[0]/2-125)+'px; top:'+(myMapPos[1]+myMapSize[1]/2-85)+'px;">'+MerkListeText[3]+MerkListeText[4]+
      '<br><br>'+MerkListeText[5]+'<br><br><table width="95%"><tr><td align="left"><span class="links" onclick="my_navi_merk()">'+MerkListeText[6]+'</span></td>'+
      '<td align="right"><span class="links" onclick="my_merkinfo_close()">'+MerkListeText[7]+'</span></td></tr></table>'+
      '<br>&nbsp;<img id="merkinfo_select" onclick="my_merkinfo_select()" src="'+merkImg[5].src+'">&nbsp;' +MerkListeText[8]);
    document.write('<div id="divMerkInfoTag">'+MerkListeText[2]+'</div>');
    document.write('<div id="divMerkInfoClose"><img onclick="my_merkinfo_close()" src="'+pfeilschliessenImg.src+'" title="'+MerkListeText[1]+'"></div>');
    document.write('</div>');
    document.write('<iframe name="BoundingBox" id="BoundingBox" src="" frameborder="0" style="display:none"></iframe>');
    document.write('<iframe name="MerkSymbol" id="MerkSymbol" src="" frameborder="0" style="display:none"></iframe>');
            
  }
  
  
  
  function addSearchResult(myL, myT, myW, myH){
    var borderWidth = 1;
    addSearchResultDiv(myMapPos[0] - navBorderWidth, myMapPos[1] - navBorderWidth, myMapSize[0] + 2 * navBorderWidth - 2 * (navBorBorderWidth + borderWidth), myMapSize[1] + 2 * navBorderWidth - 2 * (navBorBorderWidth + borderWidth), borderWidth);
  }
  
  function addSearchResultDiv(myL, myT, myW, myH, myBW){
    var suchTagHeight = 30;
    document.write('<div id="divSuchergebnis" style="position: absolute; visibility: hidden; z-index: 10; left:'+myL+'px; top:'+myT+'px; width:'+(myW-2*myBW)+'px; height:'+(myH-2*myBW)+'px; border-width: '+myBW+'px; border-color:'+navBorderColor+';  background-color: white;">');
    document.write('<table id="Suchtitle" border="0" cellpadding="0" cellspacing="0" style="width:'+(myW-2*myBW)+'px; height:'+suchTagHeight+'px; background-color:'+tagColor+';">');
    document.write('<tr><td height="'+suchTagHeight+'"><div style="padding-right:3px;">'+SuchText[3]+'</div></td><td align="right"><div style=" background-color:'+tagColor+'; padding-right: 3px;"><img src="'+SuchExitImg.src+'" style="vertical-align: middle;" onclick="my_search_close();" title="'+SuchText[4]+'" /></div></td></tr>');
    document.write('<tr><td colspan="2"><iframe name="IFrameSuchergebnis" id="ifSuchergebnis" frameborder="0"  style=" width:'+myW+'px; height:'+(myH-suchTagHeight)+'px;"></iframe></td></tr>');
    document.write('</table></div>');
  }
  
  function addSpezialkarteninhalte(myL, myT, myW, myWI, myH){
    document.write('<div class="spMapContBar" style="left:'+myL+'px; top:'+myT+'px;"><table border="0" cellpadding="0" cellspacing="0"><tr><td>');
    document.write('<input style="width:'+myW+'px;" id="spMapContBarCap" type="text" value="'+menuImgText[4]+'" readonly />');
    document.write('&nbsp;</td><td><div id="divMapOpener" style="font-size:0px; background-color:'+buttontext_color+';">');
    document.write('<img onclick="showSpMapContents(this,\'divSpMapContent\');" src="'+pfeilImg.src+'" title="'+menuImgText[0]+'"></div></td></tr></table></div>');
    document.write('<div class="spMapContent" id="divSpMapContent" style="left:'+myL+'px; top:'+(myT+myH)+'px; width:'+(myW+myWI)+'px;">');
     document.write('<div class="maplink"><a style="text-decoration:none;color: rgb(0,0,0);" href="http://www.muensterland.de" target="_blank">Münsterland</a></div>');

    document.write('</div>');
  }
  
  function addWeiterekarteninhalte(myL, myT, myW, myWI, myH){
  	document.write('<div class="spMapContBar" id="divTreeTag" style="left:'+(myL-myL+50)+'px; top:'+myT+'px;"><input type="button" onclick="self.location.href = firmenLink;" value="   Firmen suchen   " name="actiondb" class="mybutdb"/></div>');
    document.write('<div class="spMapContBar" id="divTreeTag" style="left:'+myL+'px; top:'+myT+'px;"><table border="0" cellpadding="0" cellspacing="0"><tr><td>');
    document.write('<input style="width:'+myW+'px;" id="spMapContBarCap" type="text" value="'+menuImgText[5]+'" readonly />');
    document.write('&nbsp;</td><td><div id="divTreeOpener" style="font-size:0px; background-color:'+buttontext_color+';">');
    document.write('<img onclick="showOtherContents(this, \'divTreeSelect\')" src="'+pfeilImg.src+'" title="'+menuImgText[2]+'"></div></td></tr></table></div>');
    document.write('<div class="spMapContent" id="divTreeSelect"  style="left:'+myL+'px; top:'+(myT+myH)+'px; width:'+(myW+myWI)+'px;">');
        
//##[]
d = new dTree('d', 'original',false,true);
d.add(0,-1,'root','',true);
d.add(1,0,'pois','<b>Rubriken</b>',true,true,false,'','','','',1,'',false,false,'5000',0,100000,0,100000);
d.buildTree();
document.write(d);
    
    document.write('</div>');
  }