function createXmlhttp() {
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		//if not, try older IE versions for even dumber people
		try {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
		}
	}
	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}
function reloadPage() {
	reloadHref = window.location.href;
	window.location = reloadHref;
}
function loadPage (serverPage, contentDiv) {
	xmlhttp = createXmlhttp();
	obj = document.getElementById(contentDiv);
	xmlhttp.open("GET", serverPage);
	xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState == XMLHTTP_READY && xmlhttp.status == XMLHTTP_SUCCEED_CODE) {
			obj.innerHTML = xmlhttp.responseText;
		}
	}
	xmlhttp.send(null);
}
function changeArrow(menuItem, state, link) {
	var tdToChange = document.getElementById('subArrow_'+menuItem);
	if (state == '1')
		tdToChange.innerHTML = "<a href='javascript://' onclick=\"closeSubMenu('"+menuItem+"'); changeArrow('"+menuItem+"', '2', '"+link+"')\"><img src='modules/webshop/IMG/pijl2.png' /></a>";
	else
		tdToChange.innerHTML = "<a href='javascript://' onclick=\"loadPage('"+link+"', 'subCatShowTd_"+menuItem+"'); changeArrow('"+menuItem+"', '1', '"+link+"')\"><img src='modules/webshop/IMG/pijl1.png' /></a>";
}
function changeMenu(menuItem, state, link, menuName, cid) {
	var tdToChange = document.getElementById('menuName_'+menuItem);
	if (state == '1')
		tdToChange.innerHTML = "<a class='menu_Link' href='javascript://' onclick=\"closeSubMenu('"+menuItem+"'); changeArrow('"+menuItem+"', '2', '"+link+"'); changeMenu('"+menuItem+"', '2', '"+link+"', '"+menuName+"', '"+cid+"')\">"+menuName+"</a>";
	else
		tdToChange.innerHTML = "<a class='menu_Link' href='?module=webshop&cid="+cid+"'>"+menuName+"</a>";
}
function closeSubMenu(menuItem) {
	var tdToChange = document.getElementById('subCatShowTd_'+menuItem);
	var trToChange = document.getElementById('subCatShowTr_'+menuItem);
	tdToChange.innerHTML='';
	tdToChange.style.width ='0px';
	trToChange.style.height ='0px';
}
function openOverlayDiv(overlayDiv, width, height) {
	var oGreyDiv = document.getElementById('grey');
	var oDiv = document.getElementById(overlayDiv);
	//calculate the left and the top position of the maildiv
	var screenHeight = document.documentElement.clientHeight;
	var screenWidth = document.documentElement.clientWidth;
	var calculateTop = (height/2);
	var calculateLeft = (width/2);
	var divLeft = ((screenWidth/2)-calculateTop);
	var divTop = ((screenHeight/2)-calculateLeft);
	//gray overlay first
	oGreyDiv.style.position = 'absolute';
	oGreyDiv.style.left = '0px';
	oGreyDiv.style.top = '0px';
	oGreyDiv.style.visibility = 'visible';
	oGreyDiv.style.width = '100%';
	oGreyDiv.style.height = '100%';
	//superb it works, now the mailDiv
	oDiv.style.position = 'absolute';
	oDiv.style.left = divLeft+'px';
	oDiv.style.top = divTop+'px';
	oDiv.style.visibility = 'visible';
	oDiv.style.width = width+'px';
	oDiv.style.height = height+'px';
}