function CaptureKeyStorke(valueEvent) {
	var keyPressed = null;
	
	if (event) {
		keyPressed = event.keyCode; //IE
	} else {
		keyPressed = valueEvent.which; //Firefox
	}
	
	if (keyPressed === 13) { LoadItem(); }
};

//Start: Section to handle element state change triggered by user.
var cobjPreviousHighlightItem = null;

function Highlight(element) {
	LoseHighlight();
	
	switch (element.className) {
	case 'ListItem':
		element.className = 'ListItem_Highlight';
		cobjPreviousHighlightItem = element;
		break;
	case 'Button_Enabled':
		element.className = 'Button_Highlight';
		cobjPreviousHighlightItem = element;
		break;
	case 'ListHeader':
		element.className = 'ListHeader_Highlight';
		cobjPreviousHighlightItem = element;
		break;
	}
}

function LoseHighlight() {
	if (cobjPreviousHighlightItem != null) {
		switch (cobjPreviousHighlightItem.className) {
		case 'ListItem_Highlight':
			cobjPreviousHighlightItem.className = 'ListItem';
			break;
		case 'Button_Highlight':
			cobjPreviousHighlightItem.className = 'Button_Enabled';
			break;
		case 'ListHeader_Highlight':
			cobjPreviousHighlightItem.className = 'ListHeader';
			break;
		}
	}
}

function EnabledListButtons() {
	if (document.getElementById('btnTopView')) {
		document.getElementById('btnTopView').className = 'Button_Enabled';
	}
	
	if (document.getElementById('btnTopDelete')) {
		document.getElementById('btnTopDelete').className = 'Button_Enabled';
	}
	
	if (document.getElementById('btnBottomView')) {
		document.getElementById('btnBottomView').className = 'Button_Enabled';
	}
	
	if (document.getElementById('btnBottomDelete')) {
		document.getElementById('btnBottomDelete').className = 'Button_Enabled';
	}
}
//End: Section to handle element state change triggered by user.

//Start: Section to handle dynamic search form interface.
var flgCriteria2IsVisable = false;
var strCriteria2Value = '';

function SwitchCriteria2() {
	if (document.getElementById('Function')) {
		if (document.getElementById('Function').value === 'IsBetween') {
			if (flgCriteria2IsVisable === false) {
				ShowCriteria2Div();
				flgCriteria2IsVisable = true;
				
				if (strCriteria2Value) {
					if (document.getElementById('Criteria2')) {
						document.getElementById('Criteria2').value = strCriteria2Value;
					}
				}
			}
		} else {
			if (document.getElementById('Criteria2')) {
				strCriteria2Value = document.getElementById('Criteria2').value;
			}
			
			if (document.getElementById('Criteria2Div')) {
				document.getElementById('Criteria2Div').innerHTML = '';
			}
			
			flgCriteria2IsVisable = false;
		}
	}
}

function ShowFunctionDiv_String() {
	if (document.getElementById('FunctionDiv')) {
		document.getElementById('FunctionDiv').innerHTML = "&nbsp;<select id='Function' name='Function' onfocus='javascript: SwitchFunction()'><option value='Is'>is</option><option value='IsStartingWith' selected>is starting with</option><option value='IsEndingWith'>is ending with</option><option value='IsContaining'>is containing</option><option value='IsNot'>is not</option><option value='IsNotStartingWith'>is not starting with</option><option value='IsNotEndingWith'>is not ending with</option><option value='IsNotContaining'>is not containing</option></select>";
	}
}

function ShowFunctionDiv_Integer() {
	if (document.getElementById('FunctionDiv')) {
		document.getElementById('FunctionDiv').innerHTML = "&nbsp;<select id='Function' name='Function' onchange='javascript: SwitchCriteria2();' onfocus='javascript: SwitchFunction()'><option value='='>is =</option><option value='<>'>is not =</option><option value='<'>is <</option><option value='>'>is ></option><option value='<='>is <=</option><option value='>='>is >=</option><option value='IsBetween'>is between</option></select>";
	}
}

function ShowFunctionDiv_DateTime() {
	if (document.getElementById('FunctionDiv')) {
		document.getElementById('FunctionDiv').innerHTML = "&nbsp;<select id='Function' name='Function' onchange='javascript: SwitchCriteria2();' onfocus='javascript: SwitchFunction()'><option value='Is'>is</option><option value='IsNot'>is not</option><option value='IsBefore'>is before</option><option value='IsAfter'>is after</option><option value='IsOrIsBefore'>is or is before</option><option value='IsOrIsAfter'>is or is after</option><option value='IsBetween'>is between</option></select>";
	}
}

function ShowFunctionDiv_Boolean() {
	if (document.getElementById('FunctionDiv')) {
		document.getElementById('FunctionDiv').innerHTML = "&nbsp;<select id='Function' name='Function' onchange='javascript: SwitchCriteria2();' onfocus='javascript: SwitchFunction()'><option value='Is'>is</option><option value='IsNot'>is not</option></select>";
	}
}

function ShowCriteria1_Text() {
	if (document.getElementById('Criteria1Div')) {
		document.getElementById('Criteria1Div').innerHTML = "&nbsp;<input type='text' id='Criteria1' name='Criteria1' value='' />";
	}
}

function ShowCriteria1_Select_Boolean() {
	if (document.getElementById('Criteria1Div')) {
		document.getElementById('Criteria1Div').innerHTML = "&nbsp;<select id='Criteria1' name='Criteria1'><option value='Yes'>Yes</option><option value='No'>No</option></select>";
	}
}

function ShowCriteria2Div() {
	if (document.getElementById('Criteria2Div')) {
		document.getElementById('Criteria2Div').innerHTML = "&nbsp;and&nbsp;<input type='text' id='Criteria2' name='Criteria2' value='' />";
	}
}

function GetOptionByValue(valueSelectBox, valueValue) {
	for (var i = 0; i < valueSelectBox.length; i++) {
		if (valueSelectBox.options[i].value === valueValue) {
			return valueSelectBox.options[i];
		}
	}
}
//End: Section to handle dynamic search form interface.