var blondLblActief=new Boolean(false);
var bruinLblActief=new Boolean(false);
var impLblActief=new Boolean(false);
var aleLblActief=new Boolean(false);
var portLblActief=new Boolean(false);

function doEdit(actie,fles,label,klass){

	if(actie=='over'){
		document.getElementById(fles).className=klass;
		document.getElementById(label).style.display='block';
	}
	
	if(actie=='uit'){
		if(blondLblActief==false){
			document.getElementById(fles).className='';
			document.getElementById(label).style.display='none';
		}	
	}
}

window.size = function()
{
	var w = 0;
	var h = 0;

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}
	return {width:w,height:h};
}

function setTopMargin(){
	var width = window.size().width;
	var height = window.size().height;
	
	if(height>785){
		var topvalue = (height-785)/2;
		var topvalue = parseInt(topvalue);
		var luchtvalue = 409 + topvalue;
		var topvalue2 = topvalue+10;
		
		document.getElementById('sfeerzone').style.top=topvalue+'px';
		document.getElementById('lucht').style.height=luchtvalue+'px';
		if(DeSectie=='start'){
			document.getElementById('lbl_blond').style.bottom='-60px';
			document.getElementById('lbl_bruin').style.bottom='-45px';
			document.getElementById('lbl_imp').style.bottom='-45px';
			document.getElementById('lbl_porter').style.bottom='-60px'
			document.getElementById('lbl_ale').style.bottom='-45px';
		}else if(DeSectie=='blond'){
			document.getElementById('assortiment_top_container').style.top=topvalue2+'px';
		}
	}else{
		document.getElementById('sfeerzone').style.top='0px';
		document.getElementById('lucht').style.height='409px';
		if(DeSectie=='start'){
			document.getElementById('lbl_blond').style.bottom='0px';
			document.getElementById('lbl_bruin').style.bottom='20px';
			document.getElementById('lbl_imp').style.bottom='0px';
			document.getElementById('lbl_porter').style.bottom='20px'
			document.getElementById('lbl_ale').style.bottom='0px';
		}else if(DeSectie=='blond'){
			document.getElementById('assortiment_top_container').style.top='10px';
		}
	}
}
