function start()
{
	resizeMenuAndStripe();
	window.onresize = resizeMenuAndStripe;
}

function resizeMenuAndStripe()
{
	// defineer variabelen
	var cContainer = document.getElementById("container");
	var cTopMenu = document.getElementById("top-menu");
	var cMiddleMenu = document.getElementById("middle-menu");
	var cBottomMenu = document.getElementById("bottom-menu");
	var cStripe = document.getElementById("stripe");
	
	// correcties ivm header etc.
	var iCorrectionMenu = 151 + 24 + 54 + 10; // header = 151px, subheader = 28 -4margin = 24px, footer = 54px, bottomMenu margin = 10px
	var iCorrectionStripe = 151 + 24 + 54 + 40;// header = 151px, subheader = 28 - 4margin = 24px, footer = 54px, margin streep = 20+20 = 40px
	
	// Reset huidige waarde
	cMiddleMenu.style.height = "0px";
	if (cStripe != null)
		cStripe.style.height = "auto";
	
	var iRemainingSpace = cContainer.clientHeight - (iCorrectionMenu + cTopMenu.scrollHeight + cBottomMenu.clientHeight); // TopMenu scrollHeight ivm IE issue
	
	if (iRemainingSpace > 0)
		cMiddleMenu.style.height = iRemainingSpace + "px";
	
	if (cStripe != null)	
		cStripe.style.height = (cContainer.clientHeight - iCorrectionStripe) + "px";
}

function searchFocus(cSearchField)
{
	if (cSearchField.value=='Typ hier uw zoekterm')
	{
		cSearchField.value='';
	}
	cSearchField.style.color = "#000000";
}

function searchBlur(cSearchField)
{
	if (cSearchField.value=='')
	{
		cSearchField.value='Typ hier uw zoekterm';
		cSearchField.style.color = "#b3b3b3";
	}
}

function setProjectPicture(iProjectId, sUrl)
{
	cImg = document.getElementById("project"+iProjectId);
	cImg.src = sUrl;
}