Move the tab filter UI changing into separate event handler.

This allows other objects (namely the Directory controller) to trigger
an interface change.

The Directory controller triggers a UI change when their are no results
for the current filtered view state.

www/js/search.js

@@ -16,6 +16,7 @@
 		resultSel = '.search-results',
 		googleSel = '.google-results',
 		
+		evtStateChange = 'statechange',
 		wrapperMain = '#search_wrapper',
 		wrapperWeb = '#search_results',
 		wrapperDir = '#directory_results',
@@ -71,14 +72,28 @@
 			};
 			Directory.prototype._renderState = function(duration) {
 				var $innerRes = $('.results', $(this._renderTo)),
+					$showRes, failState,
 					depFilter = '.departments';
 				
+				if (!$innerRes.length) {
+					return;
+				}
+			
 				$innerRes.slideUp(duration);
 				if (this._viewState === 0) {
-					$innerRes.not(depFilter).slideDown();
+					$showRes = $innerRes.not(depFilter);
+					failState = 1;
 				} else {
-					$innerRes.filter(depFilter).slideDown();
+					$showRes = $innerRes.filter(depFilter);
+					failState = 0;
+				}
+				
+				if (!$showRes.length && typeof duration !== "undefined") {
+					this.changeViewState(failState);
+					return;
 				}
+				
+				$showRes.slideDown();
 			};
 			Directory.prototype.cancelSearch = function() {
 				this._searchCanceled = true;
@@ -106,8 +121,12 @@
 					return;
 				}
 				
+				var prevState = this._viewState;
+				
 				this._viewState = state;
 				this._renderState();
+				
+				$(this._renderTo).trigger(evtStateChange, [state, prevState]);
 			};
 			Directory.prototype.clearAllResults = function() {
 				$(this._renderTo).empty();
@@ -205,11 +224,22 @@
 			$(function() {
 				var $q = $(inputSel),
 					
+					resSel = '.results-group',
 					tabsSel = '.result-tab',
 					selCls = 'selected',
 					stateClsPfx = 'state-',
 					
 					$resTabs = $('.result-tab'),
+					tabStateChange = function(e, state, prevState) {
+						var $tab = $(this).find(tabsSel);
+						
+						e.stopPropagation();
+						
+						$tab.removeClass(stateClsPfx + prevState);
+						$tab.addClass(stateClsPfx + state);
+						
+						$tab.children().removeClass(selCls).eq(state).addClass(selCls);
+					},
 					
 					googleOrigin = /^https?:\/\/www\.google\.com$/,
 					
@@ -248,20 +278,12 @@
 					}
 						
 					var i = $(this).index(),
-						j = $(this).siblings('.' + selCls).index(),
-						$tab = $(this).closest(tabsSel),
-						$par = $(this).parents('.results-group');
-					
-					$tab.removeClass(stateClsPfx + j);
-					$tab.addClass(stateClsPfx + i);
-					
-					$(this).siblings().removeClass(selCls);
-					$(this).addClass(selCls);
+						$par = $(this).parents(resSel);
 					
 					if ($par.is(wrapperDir)) {
 						directorySearch.changeViewState(i);
 					} else if ($par.is(wrapperWeb)) {
-						$(activeSearch.root).closest(googleSel).slideUp();
+						$(activeSearch.root).closest(googleSel).slideUp().trigger(evtStateChange, [i, !i]);
 						if (i === 0) {
 							activeSearch = localSearch;
 						} else {
@@ -272,6 +294,8 @@
 					}
 				});
 				
+				$(resSel).on(evtStateChange, tabStateChange);
+				
 				// listen for the submit event
 				$(formSel).submit(function(e) {
 					e.preventDefault();