function PreloadNav(LPATH){

    nav_on = new Array();
  	nav_off = new Array();
  	
  	PATH = LPATH+ "shared/img/nav/";

  	for(i = 0; i <= 15; i++){
    	nav_on[i] = new Image();
    	nav_on[i].src = PATH +"nav_"+ i +"_on.gif";
    	nav_off[i] = new Image();
    	nav_off[i].src = PATH +"nav_"+ i +"_off.gif";
  	}
  	
  	navon_on = new Image();
	navon_on.src = PATH+ "nav-marker_on.gif";
	navon_off = new Image();
	navon_off.src = LPATH+ "shared/img/clear.gif";
	
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function NavOnOff(IMG,TYP){

    if(TYP == 'on'){
        document.images['nav_'+ IMG].src = nav_on[IMG].src;
        document.images['navon_'+ IMG].src = navon_on.src;
    }else if(TYP == 'off'){
       	document.images['nav_'+ IMG].src = nav_off[IMG].src;
       	document.images['navon_'+ IMG].src = navon_off.src;
    }
} 


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function ActNorm(ID,TYPE){

    if(TYPE == 'on'){
        if(ID == 'senden'){
    		document.getElementById(ID).className = 'input_def input_1b_act';
        }else if(ID == 'text'){
	    	document.getElementById(ID).className = 'input_def input_2_act';
        }else{
	    	document.getElementById(ID).className = 'input_def input_1_act';
        }
    }else{
        if(ID == 'senden'){
    		document.getElementById(ID).className = 'input_def input_1b';
        }else if(ID == 'text'){
    		document.getElementById(ID).className = 'input_def input_2';
        }else{
	    	document.getElementById(ID).className = 'input_def input_1';
        }
    }
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function CeBgOnOff(CEID, TYP){

    if(TYP == 'on'){
        document.getElementById("ce_off_bg_"+ CEID).className = 'ce_on';
    }else if(TYP == 'off'){
		document.getElementById("ce_off_bg_"+ CEID).className = 'ce_off';
    }
} 


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function CeShowHide(CEID, TYP){

    if(TYP == 'show'){
        document.getElementById("ce_off_"+ CEID).className = 'deactivated';
        document.getElementById("ce_act_"+ CEID).className = 'activated';
        window.location.href = '#cea'+ CEID;
    }else if(TYP == 'hide'){
		document.getElementById("ce_off_"+ CEID).className = 'activated';
        document.getElementById("ce_act_"+ CEID).className = 'deactivated';
    }
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function CeShowHideAll(TYP){

    if(TYP == 'show'){
        document.getElementById("showall").className = 'deactivated';
        document.getElementById("hideall").className = 'activated'; 
        for($i = 1; $i <= 20; $i++){
        	if(document.getElementById("ce_off_"+ $i)){
        		document.getElementById("ce_off_"+ $i).className = 'deactivated';
        		document.getElementById("ce_act_"+ $i).className = 'activated';
        	}
        }
        
    }else if(TYP == 'hide'){
		document.getElementById("showall").className = 'activated';
        document.getElementById("hideall").className = 'deactivated';
        for($i = 1; $i <= 20; $i++){
			if(document.getElementById("ce_off_"+ $i)){
				document.getElementById("ce_off_"+ $i).className = 'activated';
				document.getElementById("ce_act_"+ $i).className = 'deactivated';
			}
		} 		
    }
} 


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function PicBorderOnOff(OBJ, TYP){

    if(TYP == 'on'){
        OBJ.className = 'pic_border_2';
    }else if(TYP == 'off'){
		OBJ.className = 'pic_border_1';
    }
} 
  
  
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function popupWindow(url){

   	var strGeom = 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,left=100,top=100';
    window.open(url,"popupWindow",strGeom);
}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function ShowRoutenplaner(strOnOff){

    if(strOnOff == 'on'){
    	document.getElementById("route").style.display = "inline";
    }else if(strOnOff == 'off'){
        document.getElementById("route").style.display = "none";
    }

    var W = document.getElementById("route").offsetWidth;
    var H = document.getElementById("route").offsetHeight;
    var LEFT = (screen.width / 2) - (W / 2);
    var TOP = (screen.height / 2) - (H / 2) - 50;

    document.getElementById("route").style.left = LEFT+"px";
    document.getElementById("route").style.top = TOP+"px";

}


////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////


function popupAnfahrt(URL){

 	var W = 539;
    var H = 435;
    var LEFT = (screen.width / 2) - (W / 2);
    var TOP = (screen.height / 2) - (H / 2) - 50;
    var GEOM = 'width='+W+',height='+H+',left='+LEFT+',top='+TOP+',location=no,menubar=yes,resizeable=no,scrollbars=auto,status=yes,toolbar=no';
    WINDOW = window.open(URL,"Window",GEOM);

}