$(document).ready(function() {
    /* Wat doet dit? En hebben we het nodig? */
	if (document.getElementsByClassName == undefined) {
		document.getElementsByClassName = function(className)
		{
			var hasClassName = new RegExp("(?:^|\\s)" + className + "(?:$|\\s)");
			var allElements = document.getElementsByTagName("*");
			var results = [];

			var element;
			for (var i = 0; (element = allElements[i]) != null; i++) {
				var elementClass = element.className;
				if (elementClass && elementClass.indexOf(className) != -1 && hasClassName.test(elementClass))
					results.push(element);
			}

			return results;
		}
	}
	
	$('#search').toggle(
		function() {
			$('#search-box').show();
			$('#search').addClass('hover');
			$('header div.container nav ul li').last().addClass('hover');
			$('#search-box input').focus();
		},
		function() {
			$('#search-box').hide();
			$('#search').removeClass('hover');
			$('header div.container nav ul li').last().removeClass('hover');
		}
	);
	
	$("#accordion").accordion({ 
		header: 'h4.toggle', 
		active: false, 
		autoHeight: false,
		active: 0,
		collapsible: true
	});
	
	// uitrekenen welk submenu opgeklapt moet zijn
	var submenus = $("section#product-menu nav ul");
	var count    = 0;
	submenus.each(function(){
		if ($(this).hasClass('open')){
			activeSubmenu = count;
		}
		count++;
	});
	
	$("section#product-menu nav").accordion({ 
		header: '.title', 
		active: activeSubmenu, 
		autoHeight: false 
	});
});