/*
	 *Function: Turns the big grey 'Los'-button into green
	 */   
 var poiText="<br /><b>POI - Point of Interest</b><br />"
		+"<p align='justify'>Ein Point of Interest bezeichnet einen Ort, der f&uuml;r die Nutzer dieses Radroutenplaners von besonderem Interesse ist. "
		+"Dazu z&auml;hlen Gesch&auml;fte f&uuml;r den t&auml;glichen Bedarf, Sehens- w&uuml;rdigkeiten, historische Orte, Hotels, Transportmittel und zahlreiche weitere Einrichtungen.</p>"
		+"<p align='justify'>Die POIs werden im Routenplaner je nach Kategorie durch einrichtungs- spezifische Symbole dargestellt. "
		+"Beim Klick auf die Symbole werden Popups ge&ouml;ffnet, die z. B. Informationen &uuml;ber Anschrift, &Ouml;ffnungszeiten, Eintritts- preise oder auch Fahrradabstell- m&ouml;glichkeiten der Institutionen enthalten.</p>";

 function wechselButton(){
        if (ortseintrag != "Kein Routing m&ouml;glich!" && ortseintrag2 != "Kein Routing m&ouml;glich!" && markerLayer.features.length > 1) {
            $("#losid").removeClass('los');
            $("#losid").addClass('los_gruen').fadeIn("700");
            document.getElementById('losid').disabled = '';
        }
        else {
            $("#losid").removeClass('los_gruen');
            $("#losid").addClass('los').fadeIn("700");
            document.getElementById('losid').disabled = 'disabled';
        }
    }

    /*
     * Function: shows a little description of POI
     */
	function poiBeschreibung(text){
		document.getElementById('ergebnisse').innerHTML = text;
		oeffnen('namen');
	}   
	
	
	
    /*
     * Function: shows the white sidebar with a little fade-in effect
     */
    function oeffnen(element){
        $('#' + element).animate({
            width: 'show',
            opacity: 'show'
        }, 'slow');
    }  
    /*
     * Function: hides the white sidebar (or another DIV) with a little fade-out effect
     * @param element: Name of div 
     */   
    function schliessen(element){ 
        $('#' + element).animate({
            width: 'hide',
            opacity: 'hide'
        }, 'slow');
    }
    
    /*
     * Function: shows or hides the given DIV
     */  
    function wechselSlidebar(element){
        if (document.getElementById(element).style.display == 'block') {

            if (element == "legende" && document.getElementById('legende').style.zIndex < document.getElementById('namen').style.zIndex) {
                document.getElementById('legende').style.zIndex = 14;
                document.getElementById('routenbewertung').style.zIndex = 13;
                document.getElementById('hoehenprofil').style.zIndex = 12;
                document.getElementById('namen').style.zIndex = 11;
                
            }
            else {
                schliessen(element);
            }
        }
        else {         
            oeffnen(element);
        } 
    }
    
    
    function toggleDiv(element, pfeillinks, pfeilrechts){
        if (document.getElementById(element).style.display == 'block') {
            // document.getElementById(element).style.display = 'none';
            $('#' + element).slideUp("600");
            
            //if(element=='poi')document.form2.name[0].checked=true;
            document.getElementById('picsundtext').style.display = 'block';
            navi = 'nichtzeigen';
               
            document.getElementById(pfeillinks).className = 'd_left'; //wenn vorher aktiv war und nochmals kategorie ausgewaehlt, dann solls wieder auf schwarz witchen.
            document.getElementById(pfeilrechts).className = 'd_right';
        }
        else {
            //alle anderen kategorien, bis auf angeklickte deaktivieren.. oh shit..
            document.getElementById('d_left_uni').className = 'd_left';
            document.getElementById('d_right_uni').className = 'd_right';
            document.getElementById('d_left_zusatz').className = 'd_left';
            document.getElementById('d_right_zusatz').className = 'd_right';
            document.getElementById('d_left_poi').className = 'd_left';
            document.getElementById('d_right_poi').className = 'd_right';
            document.getElementById('d_left_route').className = 'd_left';
            document.getElementById('d_right_route').className = 'd_right';
            document.getElementById('d_left_thema').className = 'd_left';
            document.getElementById('d_right_thema').className = 'd_right';
            document.getElementById('d_left_bewerten').className = 'd_left';
            document.getElementById('d_right_bewerten').className = 'd_right';
            document.getElementById('picsundtext').style.display = 'none';
            document.getElementById('profileditor').style.display = 'none';
            document.getElementById('poi').style.display = 'none';
            document.getElementById('xxx').style.display = 'none';
            document.getElementById('thema').style.display = 'none';
            document.getElementById('route').style.display = 'none';
            document.getElementById('bewerten').style.display = 'none';
            $('#' + element).slideDown("400");
            document.getElementById(element).style.display = 'block';
            document.getElementById(pfeillinks).className = 'd_left_gruen';
            document.getElementById(pfeilrechts).className = 'd_right_gruen';
            navi = 'nichtzeigen';
            if (element == 'route') {
                navi = 'zeigen';
				// hier sinnvollere abfrage, ob der result layer schon einen inhalt hat
				// soll gecheckt werden bevor routenberechnung aufgerufen wird (Bryan)
				// sonst kann die routenbeschreibung vorher ausgefuehrt werden
                if ( /* markerLayer.features.length > 1 */ result.features.length > 0) 
					computeRoutenbeschreibung();
				 else document.getElementById('routenbeschreibung').innerHTML = "Bitte berechnen Sie zuerst eine Route!";	
				/*else {
					alert("Bitte berechnen Sie zuerst eine Route!");
					return;
				}*/
            }
            
        }
    }


    // ----------------------------- AutoComplete ----------------------------------
    function findValue(li){
        if (li == null) 
            return alert("No match!");
        var sValue = li.selectValue;
        //alert("The value you selected was: " + sValue);
    }
    
    function selectItem_Stopp(li){
        findValue(li);
        setRequest('stop', 'exakt');
    }
    
    function selectItem_Start(li){
        findValue(li);
        setRequest('start', 'exakt');
    }
    
    function selectItem_Zwischen(li){
        findValue(li);
        setRequest('zwischen', 'exakt');
    }
    
    function formatItem(row){
        var big = row[1].split("@");
        if (big[1] == "Stadt" || big[1] == "Ort" || big[1] == "Stadt-/Ortsteil") {
            return "<b>" + row[0] + "</b>";
        }
        else 
            return row[0];
        
    }
    
    function lookupAjax(){
        var oSuggest = $("#start")[0].autocompleter;
        oSuggest.findValue();
        return false;
    }
    
    $(document).ready(function(){
        $("#start").autocomplete("autoComplete/rpc3.php", {
            minChars: 2,
            matchContains: 1,
            cacheLength: 100,
            //	scroll: true,
            // scrollHeight: 200,
            delay: 10,
            onItemSelect: selectItem_Start,
            onFindValue: findValue,
            extraParams: {
                startend: 'start'
            },
            formatItem: formatItem,
            autoFill: false
        });
        $("#stop").autocomplete("autoComplete/rpc3.php", {
            minChars: 2,
            matchContains: 1,
            cacheLength: 10,
            delay: 10,
            onItemSelect: selectItem_Stopp,
            onFindValue: findValue,
            extraParams: {
                startend: 'end'
            },
            formatItem: formatItem,
            autoFill: false
        });
        $("#zwischen").autocomplete("autoComplete/rpc3.php", {
            delay: 10,
            minChars: 2,
            matchContains: 1,
            cacheLength: 10,
            //	scroll: true,
            // scrollHeight: 200,
            delay: 100,
            onItemSelect: selectItem_Zwischen,
            onFindValue: findValue,
            extraParams: {
                startend: 'start'
            },
            formatItem: formatItem,
            autoFill: false
        });
        
        
        $("#namen").click(function(){
            document.getElementById('namen').style.zIndex = 14;
            document.getElementById('legende').style.zIndex = 11;
            document.getElementById('hoehenprofil').style.zIndex = 12;
            document.getElementById('routenbewertung').style.zIndex = 13;
            
            
        });
        $("#legende").click(function(){
            document.getElementById('namen').style.zIndex = 11;
            document.getElementById('legende').style.zIndex = 14;
            document.getElementById('hoehenprofil').style.zIndex = 12;
            document.getElementById('routenbewertung').style.zIndex = 13;
            
        });
        $("#hoehenprofil").click(function(){
            document.getElementById('namen').style.zIndex = 11;
            document.getElementById('legende').style.zIndex = 12;
            document.getElementById('hoehenprofil').style.zIndex = 14;
            document.getElementById('routenbewertung').style.zIndex = 13;
            
        });
        $("#routenbewertung").click(function(){
            document.getElementById('namen').style.zIndex = 11;
            document.getElementById('legende').style.zIndex = 12;
            document.getElementById('hoehenprofil').style.zIndex = 13;
            document.getElementById('routenbewertung').style.zIndex = 14;
            
        });
        
        
        
        
        
        
    });
    
    // ----------------------------- AutoComplete ENDE-----------------------------





	function bodysize(){
		
		//var ie = detectIE();
		
		Width = 500;
		Height = 600;
		//offset = 0;
		
		element = document.getElementById('map');
		element.style.width = parseInt(500)+"px";
		element.style.height = parseInt(600)+"px";
		
		document.getElementById('content').style.height = parseInt(600)+"px";
		document.getElementById('points').style.height = parseInt(500)+"px";
		document.getElementById('content_border').style.height = parseInt(475)+"px";
		
		if (window.innerHeight) 
			if (window.pageYOffset==0){Height = window.innerHeight - 202;} 
    		else { Height = window.innerHeight - 310;}
		else if (document.body && document.body.offsetHeight) Height = document.body.offsetHeight - 150;
			else  Height = document.body.offsetHeight - 50;
		
		if (window.innerWidth) if (window.pageXOffset==0){
			Width = window.innerWidth - 380} else {
			Width = window.innerWidth - 400;}
		else if (document.body && document.body.offsetWidth) Width = document.body.offsetWidth - 375;
		else  Width = 0;	

		//element = document.getElementById('map');
		element.style.width = parseInt(Width)+"px";
		element.style.height = parseInt(Height)+"px";
		
		document.getElementById('content').style.height = parseInt(Height)+"px";
		document.getElementById('points').style.height = parseInt(Height)+"px";
		//Height = parseInt(Height) + 20;
		document.getElementById('content_border').style.height = parseInt(Height)+"px";
		map.updateSize(); //damit der mittelpunkt auch beim erste mal richtig zentriert wird, und nicht erst beim ersten panen der karte.peace.
	}
	
	function profileditorZuruecksetzen() {
      document.profileditor.radwege.value='01';
      document.profileditor.surface.value='03';
      document.profileditor.fusswege.value='06';
      document.profileditor.treppen.value='08';
      document.profileditor.steigungen.value='10';
      if (document.profileditor.profil.value=="fussgaenger")
    	  document.profileditor.geschwindigkeit.value="5";
      else
    	  document.profileditor.geschwindigkeit.value="15";
  }
  
   function openPrint(){

	  if (document.getElementById('printSlide').style.display=='none' || document.getElementById('printSlide').style.display == ''){
			document.getElementById('printSlide').style.display = 'block'; 
		}else{
			document.getElementById('printSlide').style.display = 'none';
		}/**/
		
   }