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 sndReq(parameters) {
    http.open('post', './load_content.php');
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    http.onreadystatechange = handleResponse;
    http.send (parameters);
}

function handleResponse() {
	if(http.readyState == 4) {
	var response = http.responseText;
		document.getElementById('ajax_write_level').innerHTML = response;
		document.getElementById('loadani').style.visibility = "hidden";
		document.getElementById('overlay').style.visibility = "hidden";
	}
}

function show_ajax_content(pid) {
	document.getElementById('loadani').style.visibility = "visible";
	document.getElementById('overlay').style.visibility = "visible";
	sndReq(pid);
}

function compose_string(anzahl) {
	var s_trans = "";
	for( i = 1 ; i <= anzahl ; i++ ) {
		if ( i == 1) {
			s_trans = s_trans + document.getElementById(i).name + '=' + document.getElementById(i).value;
		} else {
			s_trans = s_trans + "&" + document.getElementById(i).name + '=' + document.getElementById(i).value;
		}
	}
	show_ajax_content(s_trans);
}

var last_menuid = 1;
function showHoverPic(menuid)
{
	document.getElementById("hover_image"+last_menuid).src="images/spacer.gif";
	document.getElementById("hover_image"+menuid).src = "images/menu_flower.gif";
	last_menuid = menuid;
}

function showPic(pic,bild_breite,bild_hoehe)
{
	
	document.getElementById('overlay').style.visibility = "visible";
	
	var x,y;
	if (self.pageYOffset) // all except Explorer
	{
		x = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.documentElement && document.documentElement.scrollTop)
		// Explorer 6 Strict
	{
		x = document.documentElement.scrollLeft;
		y = document.documentElement.scrollTop;
	}
	else if (document.body) // all other Explorers
	{
		x = document.body.scrollLeft;
		y = document.body.scrollTop;
	}
	var posx = (screen.width / 2) - (bild_breite / 2);
    var posy = y + 50; 
	document.getElementById("pic").style.left = posx; 
    document.getElementById("pic").style.top = posy; 
	

	if (document.getElementById) document.getElementById("pic").style.visibility = "visible";
	document.getElementById("detailpic").src=pic;
}


function hidePic()
{
  if (document.getElementById) document.getElementById("pic").style.visibility = "hidden";
  document.getElementById('overlay').style.visibility = "hidden";
  document.getElementById("detailpic").src="leer.gif";
}