$(document).ready(function(){
	  $(".subcategoryList").each(function (i){
			name = this.id;
			if(!$.cookie(name)){
				$(this).slideUp('normal');
			}
	  })
      $(".category").click(function (e) {
    	 	var current = $(this).attr('id');
		 	var subItem = $('#subcategory_'+current);
		 	if(subItem.is(':visible')){
		 		$.cookie(subItem.attr('id'), null, {path:'/'});
		 		subItem.slideUp('normal');
		 	} else {
		 		$.cookie(subItem.attr('id'), 'open', { expires: 7, path:'/'});
		 		subItem.slideDown('normal');
		 	}
			return false;
	  });
	  
	$("#SearchQ").focus(function() {
		 if ( $(this).val() == "Zoeken"){
			$(this).val('');
		}
 	}); 
	$("#SearchQ").blur(function() {
		 if ( $(this).val() == ""){
			$(this).val('Zoeken');
		}
 	});
	

	$("#SearchQ").autocomplete("/products/autoComplete",
	{
		minChars: 2,
		 lineSeparator: "^",
		cacheLength: 10,
		onItemSelect: selectItem,
		onFindValue: findValue,
		formatItem: formatItem,
		 autoFill: false
		 });
 });	
 
 
 
	function selectItem(li) {
		findValue(li);
	}
	
	function findValue(li) {
		if( li == null ) return alert("No match!");
	
	// if coming from an AJAX call, let's use the product id as the value
		if( !!li.extra ) var sValue = li.extra[0];
	
		// otherwise, let's just display the value in the text box
	else var sValue = li.selectValue;
	
	}
	
	function formatItem(row) {
		if(row[1] == undefined) {
			return row[0];
		}
		else {
			return row[0] + " (id: " + row[1] + ")";
		}
	}