/*************************************************************

bestand:        ajax_search.js
versie:         20091206
(c)2009         Arthur van Zuylen, arthur at vanzuylen dot org 

**************************************************************

omschrijving:   jquery-script voor extra functionaliteit
                zoekformulier:
                1. aangeven extra zoekopties
                2. zoeken mbv ajax 

benodigde scripts:
                js/jquery-1.4.2.min.js
                ajax/zoeken.php

*************************************************************/

// voeg javascript-functionaliteit toe aan zoekbox
$(document).ready(function() {
	
	// haal variabelen op uit DOM
	var zoekformulier =   $('#zoekformulier');
	var zoekinput =       $('#zoekinput');
	var zoekinfo =        $('#zoekinfo');
	var zoekopties =      $('#zoekinfo :input');
	var sluit_zoekinfo =  $('#sluit_zoekinfo');
	var alles_aanvinken = $('#alles_aanvinken');
	
	// variabelen tbv ajax
	var target_div =      $('#content div#kolom1');
	var spinner =         '<img id="spinner" src="beeld/spinner.gif" alt="laden...">';
	var ajax_script =     'ajax/zoeken.php?';
	
	// definieer tekst in inputveld zoekvenster
	var starttekst = 'zoek...';
	
	// toon eventueel zoekinfo
	zoekinput.focus(function() {
		zoekinput.val('');
		showSearchBox();
	});
	
	/*
	// zoeken via ajax 
	zoekformulier.submit(function() {
		
		// definieer variabele
		var zoekwoord = encodeURIComponent(zoekinput.val());
		
		// maak alertbox
		if(zoekwoord == '' || zoekwoord == encodeURIComponent(starttekst)) {
			alert('tik svp een zoekopdracht in');
		} else {
			hideSearchBox();
			
			// start ajax-routine
			$.ajaxSetup ({
				cache: false
			});
			
			// maak inputwaarden geschikt voor ajax
			var data = zoekformulier.serialize();
			
			// post via ajax
			$.post(
				ajax_script + data,
				function(responseText) {
					target_div.hide().html(responseText).fadeIn(500);
				},
				'html'
			);			
		}
		
		return false;
	});
	*/
	
	// sluit zoekinfo
	sluit_zoekinfo.click(function() {
		hideSearchBox();
		
		if(zoekinput.val() == '') {
			zoekinput.val(starttekst);
		}
		
		return false;
	});	
	
	// show zoekinfo
	function showSearchBox() {
		zoekinfo.slideDown('fast');
	}

	// hide zoekinfo
	function hideSearchBox() {
		zoekinfo.slideUp('fast');
	}

	// vink alle zoekopties aan
	alles_aanvinken.click(function() {
		// loop door alle checkboxen
		zoekopties.each(function() {
			
			if($(this).attr('checked') == false) {
				$(this).attr('checked','checked');
			}
		});
	
		return false;
	});
});
