/* 
 * Hondsrug College - AJAX Zoeken
 * ----
 */

var zoekenMinKarakters = 3; // Minimaal aantal karakters, om de load te verminderen

// Ajax handlers gereedmaken
Ajax.setHandlers({
    'onComplete' : function()
    {
        if ( !Ajax.busy )
        {
            $('zoekenLaden').style.display = 'none'; // spinner verbergen..
            $('zoekenIcon').style.display = 'block'; // .. en het vergrootglasje weer tonen
        }
    },
    'onStart' : function()
    {
           $('zoekenLaden').style.display = 'block'; // spinner tonen..
        $('zoekenIcon').style.display = 'none'; // .. en het vergrootglasje verbergen
    }
}); 



// Zoekactie uitvoeren
function zoekenPreformQuery( obj )
{
	try
	{
		if( obj.value.length >= zoekenMinKarakters )
		{
			new Ajax( url + 'ajax/resultaten.php?q=' + obj.value + '&sessionID=' + Math.random(), 
			{
       			'method'       : 'get',
        		'onComplete'   : function(ajax)
        		{
            		var resultaten = parseJSON(ajax.responseText);
            
            	
            			if( resultaten.length == 0 ){   }
            			else
            			{
							zoekenPrintToScreen( resultaten ); // Naar het scherm printen
            			}
            	
            		
        		}
    		});

		}
		else { setTimeout( "$( 'resultaten' ).style.display = 'none';", 50 ) } // Als het resultatenvenster open staat, deze sluiten, er kunnen immers geen resultaten zijn als de zoekstring korter is dan x karakters
	}
	catch( err )
	{
		alert( 'Uw zoekopdracht kon niet worden voltooid.\n Technische details:\n\n ' + err.description );	
	}
}

// Resultaten naar het scherm schrijven
function zoekenPrintToScreen( resultset )
{
	$( 'zoekHeader' ).innerHTML = "Zoekresultaten"; // Titel 
	$( 'set' ).innerHTML = '';  // Huidige resultset legen
	
	for( result in resultset )
	{
		var set = resultset[result]; // Werkbaar object 
		
		if( set[ 'typenaam' ] ) 
		{
			$( 'set' ).innerHTML = $( 'set' ).innerHTML + '<div class="typeDef">' + set[ 'typenaam' ] + '</div>';	
		}
		else if ( set[ 'geenResultaten' ] )
		{
			
			$( 'set' ).innerHTML = $( 'set' ).innerHTML + '<div class="i">Geen resultaten</div>';		
		}
		else
		{
			$( 'set' ).innerHTML = $( 'set' ).innerHTML + '<div class="i"  id="resultaat-'+ result +'"><a style="color: #000;" href="' + set['url'] + '"><span>'+ set['titel'] +'</span><div style="font-size: 11px; font-weight: normal;">'+ set['omschrijving'] +'</a></div></div>';
		}
	}
	
	$( 'resultaten' ).style.display = 'block';	
}

//