$(document).ready(function(){
    glossaryInit();
});

function glossaryInit(){
	//$('#glossaryContainer').mouseover( glossaryShow );
	//$('#glossaryContainer #glossary').mouseout( glossaryHide );
	$('#glossaryContainer .close').click( glossaryHide );
	$('#glossaryFiler').keyup( function(){ glossarySetFilter( $('#glossaryFiler').val() ) } );
	$('#glossary select').click( glossarySelectTerm );
}

function glossaryShow(){
	$('#glossaryContainer #glossary').show();
}

function glossaryHide(){
	$('#glossaryContainer #glossary').hide();
}

function glossarySelectTerm(){
	var selectedValue	= $('#glossary select').attr('value');
	var selectedOption	= $('#glossary select option[value=' + selectedValue + ']');
	var termTitle		= selectedOption.attr('termTitle');
	var termDescription	= selectedOption.attr('termDescription');
	
	$('#termTitle').html(termTitle);
	$('#termDescription').html(termDescription);
}

function glossarySetFilter( filterString ){
	glossaryShow();
	
	$('#glossary #terms select').html( $('#glossary #termsKeep select').html() );
	
	if( typeof filterString == 'undefined' || filterString == '' ){
		$('#glossaryFiler').val('');
	}
	else{
		$('#glossary #terms select option').each( function(){
			if( $(this).filter('option[termFilter*=' + filterString + ']').size() == 0 ){
				$(this).replaceWith('');
			}
		});
	}
	
	glossarySelectFirstItem();
}

function glossarySelectFirstItem(){
	$('#glossary select').val( $('#glossary select option:first').val() );
	glossarySelectTerm();
}