var active = 0;

function showLayer(id)
{
	var layer = document.getElementById('dropdown'+id);
	layer.style.visibility = 'visible';
        var xPos = 0;
        var sfEls = layer.getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
        	xPos = (xPos + sfEls[i].offsetWidth);
		}
        layer.style.width = xPos+ 'px ';
        layer.style.zIndex=15;

	var li = document.getElementById(id);
	li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
	li.style.backgroundPosition = 'top right';
	li.style.backgroundRepeat = 'no-repeat';
        li.style.color = '#ffffff';
        li.style.display = 'block';
        li.style.backgroundColor = '#1e3382';  
     
        if(id!=active&&(active==3||active==9||active==10)) hideLayer(active);
}

function hideLayer(id, tmp) {
	var layer = document.getElementById('dropdown'+id);
	var layerDiv = document.getElementById('layerDiv');
	layer.style.visibility = 'hidden';

	var li = document.getElementById(id);
 	li.style.backgroundImage = '';
	li.style.backgroundPosition = 'top right';
	li.style.backgroundRepeat = 'no-repeat';
        li.style.color = '#1e3382';
        li.style.display = 'block';
        li.style.backgroundColor = '#ffffff';    
 
	if(id!=active&&(active==3||active==9||active==10)) showLayer(active);
}

function showActiveLayer(){
	 //Url-Name formatieren
	 var url_string = window.location.href;

	 var pos_http = 9;
	 var url_string = url_string.slice(pos_http, url_string.length);
	 var url_array = url_string.split("/");
	 	 //alert(url_array[1]);
	 switch (url_array[1]) {
    	 case 'index.php': 
			var li = document.getElementById('2');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
            break;
    	 case 'stadtzentrum-schenefeld': 
			var layer = document.getElementById('dropdown3');
			layer.style.visibility = 'visible';
			var li = document.getElementById('3');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
    		        active = 3;
            break;
            
    	case 'veranstaltungen': 
			var layer = document.getElementById('7');
			layer.style.visibility = 'visible';
			var li = document.getElementById('7');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
    		        active = 7;
            break;
 
    	 case 'shops': 
			var layer = document.getElementById('dropdown9');
			layer.style.visibility = 'visible';
			var li = document.getElementById('9');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
    		        active = 9;
            break;
 
    	 case 'service': 
			var layer = document.getElementById('dropdown10');
			layer.style.visibility = 'visible';
			var li = document.getElementById('10');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
    		        active = 10;
            break;
 
    	 case 'presse': 
			var li = document.getElementById('11');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
            break;
 
    	 case 'galerie': 
			var li = document.getElementById('12');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
            break;
 
    	 case 'jobangebote': 
			var li = document.getElementById('13');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
            break;
 
    	 case 'kontakt': 
			var li = document.getElementById('14');
			li.style.backgroundImage = 'url(/design_images/menu_button.gif)';
			li.style.backgroundPosition = 'top right';
			li.style.backgroundRepeat = 'no-repeat';
                        li.style.color = '#ffffff';
                        li.style.display = 'block';
                        li.style.backgroundColor = '#1e3382';
            break;
    	default: active = 0; 
  	}
}

function seoHighlight(id,x,y) {
	document.getElementById(id).style.backgroundPosition = x + 'px ' + y + 'px';
}

function show(id) {
	document.getElementById('tb_text_1').style.display='none';
	document.getElementById('tb_text_2').style.display='none';
	document.getElementById('tb_text_3').style.display='none';
	document.getElementById('tb_text_4').style.display='none';
	document.getElementById('tb_text_'+id).style.display='block';
}