// +------------------------------------------------------------------+
// | JavaScript version 1.0                                           |
// +------------------------------------------------------------------+
// | search.js – Route search functions                               |
// +------------------------------------------------------------------+
// | Copyright (c) 2009 MultiMove                                     |
// +------------------------------------------------------------------+
// | Authors: S.F.Beck <sander@multimove.nl>     					  |
// +------------------------------------------------------------------+

$(document).ready(function() {					   
    $("#ksearch").autocompleteArray(
        [
        "Aalden", "Achterste Erm", "Benneveld", "Coevorden", "Dalen", 
        "Dalerpeel", "Dalerveen", "De Kiel", "Den Hool", "Diphoorn", 
        "Erm", "Gees", "Geesbrug", "Holsloot", "Kibbelveen", "Meppen", 
        "Nieuwe Krim", "Noord-Sleen","Oosterhesselen", "Schoonoord", 
        "Sleen", "Steenwijksmoer", "Stieltjeskanaal","'t Haantje", 
        "Wachtum", "Wezup", "Wezuperbrug", "Zweeloo", "Zwinderen"
        ],
        {
            delay:10,
            minChars:1,
            matchSubset:1,
            onItemSelect:selectItem,
            onFindValue:findValue,
            autoFill:true,
            maxItemsToShow:10,
            width:298
        }
    );	
    $("#csearch").autocompleteArray(
        [
		 "Wandelroutes", "Fietsroutes", "Motorroutes"
		],
        {
            delay:10,
            minChars:1,
            matchSubset:0,
            onItemSelect:selectItem,
            onFindValue:findValue,
            autoFill:true,
            maxItemsToShow:10,
            width:298
        }
    );	

    $("#lsearch").autocompleteArray(
        [
		 "10 tot 15km", "15 tot 20km", "20 tot 25km", "25 tot 30km","30 tot 35km", "35 tot 40km", 
		 "40 tot 45km", "45 tot 50km", "50 tot 55km", "55 tot 60km", "60 tot 65km", "65 tot 70km"
		],
        {
            delay:10,
            minChars:1,
            matchSubset:0,
            onItemSelect:selectItem,
            onFindValue:findValue,
            autoFill:true,
            maxItemsToShow:10,
            width:298
        }
    );	

	try{
		csearchBlur( document.getElementById('csearch') );		
		ksearchBlur( document.getElementById('ksearch') );
		lsearchBlur( document.getElementById('lsearch') );
	}catch(e){}
});	

function ksearchFocus(field){
	if (field.value == ''){
		field.value =''
	}
	field.className="ksearchInputFocus"
}

function ksearchBlur(field){
	if (field.value == ''){
		field.value ='';
		field.className="ksearchInput";
	}else{
		field.className="ksearchInputFocus";
	}		
}

function csearchFocus(field){
	if (field.value == ''){
		field.value =''
	}
	field.className="csearchInputFocus"
}

function csearchBlur(field){
	if (field.value == ''){
		field.value ='';
		field.className="csearchInput";
	}else{
		field.className="csearchInputFocus";
	}		
}

function lsearchFocus(field){
	if (field.value == ''){
		field.value =''
	}
	field.className="lsearchInputFocus"
}

function lsearchBlur(field){
	if (field.value == ''){
		field.value ='';
		field.className="lsearchInput";
	}else{
		field.className="lsearchInputFocus";
	}		
}

function gsearchFocus(field,defaultvalue){
	if (field.value == defaultvalue){
		field.value = '';
	}
}

function gsearchBlur(field,defaultvalue){
	if (field.value == ''){
		field.value = defaultvalue;
	}else{
	}		
}

function findValue(li) {
	if( li == null ) return
	if( !!li.extra ) var sValue = li.extra[0];
	else var sValue = li.selectValue; ;
}
 
function selectItem(li) {
	findValue(li);
}