var vesselOptions = null;
var portOptions = null;
var pagesOptions = null;
var profileOptions = null;

function addListener(element, type, expression, bubbling){
	bubbling = bubbling || false;
	if(window.addEventListener) {
		element.addEventListener(type, expression, bubbling);
		return true;
	} else if(window.attachEvent) {
		element.attachEvent('on' + type, expression);
		return true;
	} else {
		return false;
	}
}

function showSearchOptionsLO(){
	var searchTerm = document.getElementById('searchTerm').value;
	var selector = document.getElementById('searchSelector').value;
	if (searchTerm == null || searchTerm == ''){
		if (selector == '0'){
			document.getElementById('searchTerm').value=vesselOptions;
		}else if (selector == '1'){
			document.getElementById('searchTerm').value=portOptions;
		}else if (selector == '2'){
			document.getElementById('searchTerm').value=pagesOptions;
		}else if (selector == '3'){
			document.getElementById('searchTerm').value=profileOptions;
		}
		document.getElementById('searchTerm').style.color='#A0A0A0';
	}
}

function hideSearchOptionsLO(){
	var searchTerm = document.getElementById('searchTerm').value;
	var selector = document.getElementById('searchSelector').value;
	if ((selector == '0' && searchTerm == vesselOptions)
			||(selector == '1' && searchTerm == portOptions)
			||(selector == '2' && searchTerm == pagesOptions)
			||(selector == '3' && searchTerm == profileOptions)){
		document.getElementById('searchTerm').value = '';
		document.getElementById('searchTerm').style.color='';
	}
}

function changeResultTypeLO(){
	var searchTerm = document.getElementById('searchTerm').value;
	var selector = document.getElementById('searchSelector').value;
	if (selector == '0' && (searchTerm == portOptions || searchTerm == pagesOptions || searchTerm == profileOptions)) {
		document.getElementById('searchTerm').value = vesselOptions;
	}
	else if (selector == '1' && (searchTerm == vesselOptions || searchTerm == pagesOptions || searchTerm == profileOptions)){
		document.getElementById('searchTerm').value = portOptions;
	}
	else if (selector == '2' && (searchTerm == portOptions || searchTerm == vesselOptions || searchTerm == profileOptions)){
		document.getElementById('searchTerm').value = pagesOptions;
	}
	else if (selector == '3' && (searchTerm == portOptions || searchTerm == vesselOptions || searchTerm == pagesOptions)){
		document.getElementById('searchTerm').value = profileOptions;
	}
}

function initSearchSlotLO(){
	vesselOptions = document.getElementById('vessel-options').innerHTML;
	portOptions = document.getElementById('port-options').innerHTML;
	pagesOptions = document.getElementById('pages-options').innerHTML;
	profileOptions = document.getElementById('profile-options').innerHTML;
	showSearchOptionsLO();
	
	var searchTerm = document.getElementById('searchTerm');
	addListener(searchTerm,'focus',hideSearchOptionsLO);
	addListener(searchTerm,'blur',showSearchOptionsLO);
	
	var selector = document.getElementById('searchSelector');
	addListener(selector,'change',changeResultTypeLO);
}