function pinon() {
	
	document.getElementById("nav").style.position = "absolute";
	
	document.getElementById("pina").href = "?nopin=false";
	document.getElementById("pina").innerHTML = '<img src="/img/pinfalse.gif" width="10" height="10" alt="Navigation Festpinnen fuer Moderne Browser" />';
	
	document.getElementById("pina").onclick = pinoff;
	
	return false;
}

function pinoff() {
	
	document.getElementById("nav").style.position = "fixed";
	
	document.getElementById("pina").href = "?nopin=true";
	document.getElementById("pina").innerHTML = '<img src="/img/pintrue.gif" width="10" height="10" alt="Navigation Festpinnen fuer Moderne Browser" />';
	
	document.getElementById("pina").onclick = pinon;
	
	return false;
}

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer") {
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    } else {
        ro = new XMLHttpRequest();
    }
    return ro;
}

var http = createRequestObject();

function menu(action) {
    http.open('get', '/menuonly.php?c='+action);
    http.onreadystatechange = handleResponse;
    http.send(null);
    opacity('nav', 100, 0, 100);
    window.setTimeout("changeOpac(100, 'nav')", 3000);
}

function handleResponse() {
    if(http.readyState == 4){
        var response = http.responseText;
	
		var pin = document.getElementById("pin").innerHTML;
		
		response = response.replace(/<menu>/, '');
		response = response.replace(/<\/menu>/, '');
		
		var text = '<li id="pin">'+pin+'</li>'+response;
		document.getElementById("nav").innerHTML = text;
		opacity('nav', 0, 100, 100);
    }
}

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++;
        }
    }
}

//change the opacity for different browsers
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 + ")";
}