1 files changed, 34 insertions, 3 deletions

diff --git a/install/static/navigation.js b/install/static/navigation.js
index ff21fdf52..94fe47a94 100644
--- a/install/static/navigation.js
+++ b/install/static/navigation.js
@@ -119,14 +119,14 @@ function buildNavigation(){
         selectedSub.setup(facet);
     }
     }else if (currentMain && currentMain.setup){
-    currentMain.setup(facet);
+        currentMain.setup(facet);
     }
 
     var whoami = $.cookie("whoami");
     if (whoami == null){
-    ipa_cmd( 'whoami', [], {}, whoamiSuccess, null,null, "sampledata/whoami.json");
+        ipa_cmd( 'whoami', [], {}, whoamiSuccess, null,null);
     }else{
-    setLoggedInText(whoami);
+        setLoggedInText(whoami);
     }
 }
 
@@ -168,12 +168,41 @@ function setActiveTab(tabName){
     $(activeTab).removeClass('main-nav-off').addClass("main-nav-on")
 }
 
+
+function buildFacetNavigation(facets){
+        setupFacetNavigation(qs['tab'], qs['pkey'],qs['facet'], facets);
+}
+
+function setupFacetNavigation(tab, pkey,facet,facets){
+    $('#viewtype').css("display","block");
+    $("#viewtype").html("");
+
+    for (var i =0; i < facets.length; i++){
+        var li = $('<li>').appendTo($("#viewtype"));
+        if (facets[i] == facet){
+            $('<img src="but-selected.png" alt="" />');
+            li.html(facets[i]);
+        }else{
+            $('<img src="but-unselected.png" alt="" />').appendTo(li);
+            $('<a/>',{
+                href: "#tab="+tab+"&facet="+facets[i]+"&pkey="+pkey,
+                html: facets[i]
+            }).appendTo(li);
+        }
+    }
+}
+
 function clearOld(){
+
+    $('h1').html("");
+    $('#viewtype').css("display","none");
+
     $('#search').css("display","none");
     $('#details').css("display","none");
     $('#content').css("display","none");
     $('#associations').css("display","none");
 
+
     $('#searchResultsTable thead').html("");
     $('#searchResultsTable tfoot').html("");
     $('#searchResultsTable tbody').find("tr").remove();
@@ -194,11 +223,13 @@ function showSearch(){
 
 function showContent(){
     clearOld();
+    $('#viewtype').css("display","block");
     $('#content').css("display","block");
 }
 
 function showDetails(){
     clearOld();
+    $('#viewtype').css("display","block");
     $('#details').css("display","block");
 }