sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

$(document).ready(function(){
	
	
	$('#nav').find('li.hoofd').hover(function(){
		$(this).find('table').css('width',$(this).find('div.sub').width() + 'px');
	});
	
	var position = $('#nav').find('li.actief').position();
	var count = Number();
	$( "#nav li.hoofd" ).each(function(){
		
		if($(this).hasClass("actief")){
			count = count + ($(this).width() / 2 ) - 8;
			$('#activeMenu').css('margin-left', count +'px');
		} else {
			count = count + $(this).width();	
		}
		$('#debug').append(
			//$(this).width() + ' - ' + count + '<br>'
		);	
	});
});