function changeclose(str, str2)
{
var mouseover = "images/kruis" + str + ".png";
document.getElementById(str2).src = mouseover; 
}

function showpopup(str)
{
$("#overlay").css({  
"opacity": "0.7"  
});  
$("#overlay").fadeIn("fast");  
$("#"+str).fadeIn("fast"); 
centerPopup(str);  	
}


function closepopup(str)
{
$("#overlay").fadeOut("fast");  
$("#"+str).fadeOut("fast");  
if (str == "infopopup"){
		setTimeout('$("#infopopup div#popuptext").empty();',100);
	}
}
function closepopup_only(str)
{ 
$("#"+str).fadeOut("fast");  
}
function centerPopup(str){  
//request data for centering  
var windowWidth = document.documentElement.clientWidth;  
var windowHeight = document.documentElement.clientHeight;  
var popupHeight = $("#"+str).height();  
var popupWidth = $("#"+str).width();  
//centering  
$("#"+str).css({  
"position": "fixed",  
"top": windowHeight/2-popupHeight/2,  
"left": windowWidth/2-popupWidth/2  
});  
}  



function showVierkant(str)
{
var	vierkant = "vierkant_" + str;
if (str == 1){	
document.getElementById("vierkant_2").style.visibility = 'hidden'; 
document.getElementById("vierkant_3").style.visibility = 'hidden'; 
document.getElementById("vierkant_4").style.visibility = 'hidden'; 
document.getElementById("vierkant_5").style.visibility = 'hidden'; 
}
if (str == 2){	
document.getElementById("vierkant_1").style.visibility = 'hidden'; 
document.getElementById("vierkant_3").style.visibility = 'hidden'; 
document.getElementById("vierkant_4").style.visibility = 'hidden'; 	
document.getElementById("vierkant_5").style.visibility = 'hidden'; 
}
if (str == 3){	
document.getElementById("vierkant_1").style.visibility = 'hidden'; 
document.getElementById("vierkant_2").style.visibility = 'hidden'; 
document.getElementById("vierkant_4").style.visibility = 'hidden'; 
document.getElementById("vierkant_5").style.visibility = 'hidden'; 
}
if (str == 4){	
document.getElementById("vierkant_1").style.visibility = 'hidden'; 
document.getElementById("vierkant_2").style.visibility = 'hidden'; 
document.getElementById("vierkant_3").style.visibility = 'hidden'; 
document.getElementById("vierkant_5").style.visibility = 'hidden'; 
}
if (str == 5){	
document.getElementById("vierkant_1").style.visibility = 'hidden'; 
document.getElementById("vierkant_2").style.visibility = 'hidden'; 
document.getElementById("vierkant_3").style.visibility = 'hidden'; 
document.getElementById("vierkant_4").style.visibility = 'hidden'; 
}
document.getElementById(vierkant).style.visibility = 'visible'; 	
}

function showMenu(str)
{
if (str == 1){	
var menu = "home";
document.getElementById("diensten").style.display = "none";	
document.getElementById("bedrijf").style.display = "none";	
document.getElementById("contact").style.display = "none";	
}
if (str == 2){	
var menu = "diensten";
document.getElementById("bedrijf").style.display = "none";	
document.getElementById("contact").style.display = "none";	
}
if (str == 3){	
var menu = "bedrijf";
document.getElementById("diensten").style.display = "none";	
document.getElementById("contact").style.display = "none";	
}
if (str == 4){	
var menu = "contact";
document.getElementById("bedrijf").style.display = "none";	
document.getElementById("diensten").style.display = "none";	
}
if (str == 5){	
var menu = "bestellen";
document.getElementById("diensten").style.display = "none";	
document.getElementById("bedrijf").style.display = "none";	
document.getElementById("contact").style.display = "none";	
}
if ((str == 2) || (str == 3) || (str == 4) || (str == 5)){
document.getElementById(menu).style.display = "block";	
}
}

function showlink(str)
{
var	smenu = "img_" + str;	
document.getElementById(smenu).src = "images/menu/" + str + "_.png";	
}
function hidelink(str)
{
var	smenu = "img_" + str;	
document.getElementById(smenu).src = "images/menu/" + str + ".png";	
}

function showinfopopup(str)
{
$("#overlay").css({  
"opacity": "0.7"  
});  
$("#overlay").fadeIn("fast"); 
var text = "";
var title = "";
$.post("ajax/popup.php",{ id: str}, function(data){
			$("#popuptext").html(data);
			$("#infopopup").fadeIn("fast"); 
			centerPopup("infopopup");  	
});	
}