/** Namespace for this script */
var Search = {};
 
/** Selectors for elements used in scripts */
Search.searchInputSelector = '#searchText';
Search.searchClearSelector = '#searchClear';
 
/**
    Checks content of search input and toggle visibility
    of clear button.
*/
Search.adjustClearButton = function() {
    var text = $(Search.searchInputSelector).val();
    $(Search.searchClearSelector).toggle(text != '');
}
 
$().ready(function() {
    
    Search.adjustClearButton();
        
    $(Search.searchInputSelector).bind('valuechange', function() {
        Search.adjustClearButton();
    });
    
    
    $(Search.searchClearSelector).click(function() {
        $(Search.searchInputSelector).val('');
        $(Search.searchClearSelector).hide();
        $(Search.searchInputSelector).focusout();
    });
});