// JavaScript Document

	function resetAssorti(){
		$('productsoort').selectedIndex=0;
		$('verpakking').selectedIndex=0;
		$('toepassing').selectedIndex=0;
		$('productlabel').selectedIndex=0;
		$('vrijzoeken').setProperty('value','');
	}
	
	window.addEvent('domready', function(){
	
	
		var inputWord = $('vrijzoeken');
		// Our instance for the element with id "demo-word"
		new Autocompleter.Request.JSON(inputWord, '/ds_handlers/ac_helper.php?q=p', {
			'indicatorClass': 'autocompleter-loading',
			'filterSubset' : true,
			'minLength': 2
		});

		// TOGGLE ZOEKSCHERM
		/*var slideZoeken = new Fx.Slide('assortiment_formcontainer', {duration: 200});
		$('toggle_zoeken').addEvent('click', function(toggleKader){
			toggleKader = new Event(toggleKader);
			slideZoeken.toggle();
			toggleKader.stop();
		});
		
		
		$('toggle_zoeken').addEvent('click', function(){
			var newHTML = $('toggle_zoeken').innerHTML == AS_JS_toon_zoekscherm ? AS_JS_verberg_zoekscherm : AS_JS_toon_zoekscherm;
			if( $('toggle_zoeken').hasClass('openkader') ){
				// it's closed now and will be opened.
				Cookie.write('toggle_zoeken_status','open',{path:'/'});
			} else {
				Cookie.write('toggle_zoeken_status','closed',{path:'/'});
			}
			$('toggle_zoeken').set('html',newHTML);
			$('toggle_zoeken').toggleClass('openkader');
		});
		
		if(Cookie.read('toggle_zoeken_status')=='closed'){
			// fire click event 
			$('toggle_zoeken').fireEvent('click');
		}	*/
		
		overtext = new OverText($('vrijzoeken'));
		
		if($('toggle_verpakkingen')){
			// TOGGLE VERPAKKINGEN
			var slideVerpakkingen = new Fx.Slide('verpakkingen', {duration: 200});
			$('toggle_verpakkingen').addEvent('click', function(toggleKader){
				toggleKader = new Event(toggleKader);
				slideVerpakkingen.toggle();
				toggleKader.stop();
			});
			
			$('toggle_verpakkingen').addEvent('click', function(){
				var newHTML = $('toggle_verpakkingen').innerHTML == AS_JS_toon_verpakkingen ? AS_JS_verberg_verpakkingen : AS_JS_toon_verpakkingen;
				if( $('toggle_verpakkingen').hasClass('openkader') ){
					// it's closed now and will be opened.
					Cookie.write('toggle_verpakkingen_status','open',{path:'/'});
				} else {
					Cookie.write('toggle_verpakkingen_status','closed',{path:'/'});
				}
				$('toggle_verpakkingen').set('html',newHTML);
				$('toggle_verpakkingen').toggleClass('openkader');
			});
			
			if(Cookie.read('toggle_verpakkingen_status')=='closed'){
				// fire click event 
				$('toggle_verpakkingen').fireEvent('click');
			}
		}
		
		if($('toggle_recepten')){
			// TOGGLE RECEPTEN
			var slideRecepten = new Fx.Slide('recepten', {duration: 200});
			$('toggle_recepten').addEvent('click', function(toggleKader){
				toggleKader = new Event(toggleKader);
				slideRecepten.toggle();
				toggleKader.stop();
			});
			
			$('toggle_recepten').addEvent('click', function(){
				var newHTML = $('toggle_recepten').innerHTML == 'toon recepten' ? 'verberg recepten' : 'toon recepten';
				if( $('toggle_recepten').hasClass('openkader') ){
					// it's closed now and will be opened.
					Cookie.write('toggle_recepten_status','open',{path:'/'});
				} else {
					Cookie.write('toggle_recepten_status','closed',{path:'/'});
				}
				$('toggle_recepten').set('html',newHTML);
				$('toggle_recepten').toggleClass('openkader');
				$('recepten').toggleClass('noscroll');
			});
			
			if(Cookie.read('toggle_recepten_status')=='closed'){
				// fire click event 
				$('toggle_recepten').fireEvent('click');
			}
		}
	}); 

	// Special stuff for making nice selection lists.
	
	window.addEvent('domready',fillSelects);
	function fillSelects(){
		//  productsoort
		var theSelect = new Element('select',{ 'name'		: 'productsoort',
		 									   'id'  		: 'productsoort',
											   'tabindex'	: '1'						
												});
		$$('ul#assortiment_productsoort li').each( function(theEle){
			var theOption = new Element('option',{
					'value': theEle.getFirst().getProperty('href'),
					'selected': theEle.getFirst().hasClass('current')?true:false
				}
			);
			theOption.appendText(theEle.getFirst().get('text'));
			theOption.injectInside(theSelect);
		});
                theSelect.replaces($('assortiment_productsoort'));
		// 1.1 style: // $('assortiment_productsoort').replaceWith(theSelect);


		// verpakking
		var theSelect = new Element('select',{ 'name'		: 'verpakking',
		 									   'id'  		: 'verpakking',
											   'tabindex'	: '2'					  							
												});
		$$('ul#assortiment_verpakking li').each( function(theEle){
			var theOption = new Element('option',{
					'value': theEle.getFirst().getProperty('href'),
					'selected': theEle.getFirst().hasClass('current')?true:false
				}
			);
			theOption.appendText(theEle.getFirst().get('text'));
			theOption.injectInside(theSelect);
		});
		 theSelect.replaces($('assortiment_verpakking'));
		// 1.1 style: //$('assortiment_verpakking').replaceWith(theSelect);
		
		//  toepassing
		var theSelect = new Element('select',{ 'name'		: 'toepassing',
		 									   'id'  		: 'toepassing',
											   'tabindex'	: '3'											  							
												});
		$$('ul#assortiment_toepassing li').each( function(theEle){
			var theOption = new Element('option',{
					'value': theEle.getFirst().getProperty('href'),
					'selected': theEle.getFirst().hasClass('current')?true:false
				}
			);
			theOption.appendText(theEle.getFirst().get('text'));
			theOption.injectInside(theSelect);
		});
		 theSelect.replaces($('assortiment_toepassing'));
		// 1.1 style: //$('assortiment_toepassing').replaceWith(theSelect);
		
		//  label
		var theSelect = new Element('select',{ 'name'		: 'productlabel',
		 									   'id'  		: 'productlabel',
											   'tabindex'	: '4'											  							
												});
		$$('ul#assortiment_productlabel li').each( function(theEle){
			var theOption = new Element('option',{
					'value': theEle.getFirst().getProperty('href'),
					'selected': theEle.getFirst().hasClass('current')?true:false
				}
			);
			theOption.appendText(theEle.getFirst().get('text'));
			theOption.injectInside(theSelect);
		});
		 theSelect.replaces($('assortiment_productlabel'));
		// 1.1 style: //$('assortiment_productlabel').replaceWith(theSelect);
		
		
		//  land
		var theSelect = new Element('select',{ 'name'		: 'land',
		 									   'id'  		: 'land',
											   'tabindex'	: '7'											  							
												});
		$$('ul#assortiment_land li').each( function(theEle){
			var theOption = new Element('option',{
					'value': theEle.getFirst().getProperty('href'),
					'selected': theEle.getFirst().hasClass('current')?true:false
				}
			);
			theOption.appendText(theEle.getFirst().get('text'));
			theOption.injectInside(theSelect);
		});
		 theSelect.replaces($('assortiment_land'));
		// 1.1 style: //$('assortiment_land').replaceWith(theSelect);
		
		
		// Add a key listener to this item to prevent the IE8 default behaviour of submitting this single field...
		
		$('vrijzoeken').addEvent('keydown', function(event){
			var event = new Event(event);
			if(event.key=='enter'){
				event.stop();
				toProductList();
			}
		});
		
		
		$('zoekbutton').onclick=function(event){
			var event = new Event(event);
			event.stop();
			toProductList();
		};
	}
	
	function toProductList(){
		var baseUri=$('baseuri').get('value');
		var newUri=baseUri;
		if($('productsoort').get('value')!='#'){
			newUri+=$('productsoort').get('value').replace(baseUri,'');
		}
		if($('verpakking').get('value')!='#'){
			newUri+=$('verpakking').get('value').replace(baseUri,'');
		}
		if($('toepassing').get('value')!='#'){
			newUri+=$('toepassing').get('value').replace(baseUri,'');
		}
		if($('productlabel').get('value')!='#'){
			newUri+=$('productlabel').get('value').replace(baseUri,'');
		}
		/*Check the checkbox!*/
		if($('land').get('value')!='#'){
			newUri+=$('land').get('value').replace(baseUri,'');
		}
		if($('vrijzoeken').get('value').trim()!=''){
			newUri+='/' + AS_JS_urlpart + '/' + escape(  $('vrijzoeken').get('value').replace("/","|").trim() );
		}
		//console.log(newUri);
		if(newUri!=baseUri){
			location.href=newUri;
		}
	}