function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
	} 
	
function changeOpac(opacity, id) { 
	    var object = document.getElementById(id).style; 
	    object.opacity = (opacity / 100); 
	    object.MozOpacity = (opacity / 100); 
	    object.KhtmlOpacity = (opacity / 100); 
	    object.filter = "alpha(opacity=" + opacity + ")"; 
	} 
	
var lightbox;
var lightboxoverlay;
var aktuellesBild = 0;
var lightboxbild;
var lightboxbildnr;

function showGalery( img ){
		
	
	lightbox = document.getElementById('lightbox');
	lightboxoverlay = document.getElementById('lightboxoverlay');
	lightboxbild = document.getElementById('imagelightbox');
	
	lightboxbild.src = img;
	
	document.getElementById('widder').height = screen.height;
	document.getElementById('widder').width = screen.width;
	lightbox.style.height = screen.height;
	lightbox.style.width = screen.width;
	lightboxoverlay.style.height = screen.height;
	lightboxoverlay.style.width = screen.width;
	
	
	changeOpac( 0, 'lightbox');
	
	lightboxoverlay.style.display = 'block';
	lightbox.style.display = 'block';
	opacity( 'lightbox', 0, 75, 1000 );
	
	
}

function hideGalery(){
	
	lightboxoverlay.style.display = 'none';
	lightbox.style.display = 'none';
	
}

var activeMenu;

function showSubmenu( id ){
	
	if ( activeMenu && activeMenu != id ){
		
		hideSubmenu( activeMenu );
		
		
		var elem = document.getElementById( id  );
		if ( elem ){
			changeOpac( 90, id );
			elem.style.display = 'block';
			activeMenu = id;
		}	
		
	} else {
		
		var elem2 = document.getElementById( id  );
		if ( elem2 ){
			changeOpac( 90, id );
			elem2.style.display = 'block';
			activeMenu = id;
		}
	}
	
}

function hideSubmenu(){
	
	var elem = document.getElementById( activeMenu );
	elem.style.display = 'none';
	
}

function popUp(src){
	var bild = new Image();
	bild.src = src;
	
	document.getElementById('popup').style.marginLeft = -bild.width/2+"px";
	document.getElementById('popup').style.marginTop = -bild.height/2+"px";
	document.getElementById('popup').style.display= "block";
}

function closePopUp(){
	document.getElementById('popup').style.display= "none";
}