diff --git a/xCAT-UI/js/monitor/gangliamon.js b/xCAT-UI/js/monitor/gangliamon.js
index 4e2b6c746..e8896c527 100644
--- a/xCAT-UI/js/monitor/gangliamon.js
+++ b/xCAT-UI/js/monitor/gangliamon.js
@@ -1,39 +1,40 @@
 /**
  * Global variables
  */
-//save grid summary data, update every one minute
+
+// Save grid summary data, update every one minute
 var gridData;
 
-//save nodes path, used for getting detail from rrd file
+// Save nodes path, used for getting detail from rrd file
 var nodePath = new Object();
 
-//save nodes current status, 
-//unknown-> -2, error->-1, warning->0 ,normal->1   which is used for sorting 
+// Save nodes current status, 
+// unknown = -2, error = -1, warning = 0 ,normal = 1 are used for sorting 
 var nodeStatus = new Object();
 
-//update timer
+// Update timer
 var gangliaTimer;
 
-//global frame hash
+// Global frame hash
 var framehash;
-//global cec hash
+// Global cec hash
 var cechash;
-//global blade hash
+// Global blade hash
 var bladehash;
-//global x rack hash
+// Global x rack hash
 var rackhash;
-//global other type node hash
+// Global other type node hash
 var otherhash;
+
 /**
  * Load Ganglia monitoring tool
  * 
  * @return Nothing
  */
 function loadGangliaMon() {
-	// Get Ganglia tab
 	$('#gangliamon').append(createInfoBar('Checking RPMs'));
 	
-	//should get the groups first
+	// Get groups and set cookie
 	if (!$.cookie('groups')) {
 	    $.ajax( {
             url : 'lib/cmd.php',
@@ -48,6 +49,7 @@ function loadGangliaMon() {
             success : setGroupsCookies
         });
 	}
+	
 	// Check whether Ganglia RPMs are installed on the xCAT MN
 	$.ajax({
 		url : 'lib/systemcmd.php',
@@ -74,7 +76,7 @@ function checkGangliaRPMs(data) {
 	
 	// Get the list of Ganglia RPMs installed
 	var status = data.rsp.split(/\n/);
-	var gangliaRPMs = [ "rrdtool", "ganglia-gmetad", "ganglia-gmond"];
+	var gangliaRPMs = ["rrdtool", "ganglia-gmetad", "ganglia-gmond"];
 	var warningMsg = 'Before continuing, please install the following packages: ';
 	var missingRPMs = false;
 	for (var i in status) {
@@ -86,8 +88,6 @@ function checkGangliaRPMs(data) {
 
 	// Append Ganglia PDF
 	if (missingRPMs) {
-		warningMsg += ". Refer to <a href='http://xcat.svn.sourceforge.net/viewvc/xcat/xcat-core/trunk/xCAT-client/share/doc/xCAT2-Monitoring.pdf'>xCAT2-Monitoring.pdf</a> for more information.";
-
 		var warningBar = createWarnBar(warningMsg);
 		warningBar.css('margin-bottom', '10px');
 		warningBar.prependTo(gangliaTab);
@@ -119,15 +119,15 @@ function checkGangliaRPMs(data) {
  *            Data returned from HTTP request
  * @return Nothing
  */
-function checkGangliaRunning(data){
+function checkGangliaRunning(data) {
     var gangliaTab = $('#gangliamon');
-    var groupsSelectStr = '';
-    var groupsArray = $.cookie('groups').split(',');
     gangliaTab.empty();
+    
+    // If Ganglia is not started
     if (data.rsp[0].indexOf("not-monitored") > -1) {
         // Create link to start Ganglia
         var startLnk = $('<a href="#">Click here</a>');
-        startLnk.css( {
+        startLnk.css({
             'color' : 'blue',
             'text-decoration' : 'none'
         });
@@ -165,41 +165,36 @@ function checkGangliaRunning(data){
         return;
     }
 
-    //help info
-    var helpStr = '<table style="float:right"><tr>' +
-                  '<td style="background:#66CD00;width:16px;padding:0px;"> </td><td style="padding:0px;border:0px">Normal</td>' +
-                  '<td style="background:#FFD700;width:16px;padding:0px;"> </td><td style="padding:0px;">Heavy Load</td>' +
-                  '<td style="background:#FF3030;width:16px;padding:0px;"> </td><td style="padding:0px;">Error</td>' +
-                  '<td style="background:#8B8B7A;width:16px;padding:0px;"> </td><td style="padding:0px;">Unknown</td>' +
-                  '</tr></table>';
+    // Legend for node status
+    var legend =	'<table style="float:right"><tr>' +
+                  		'<td style="background:#66CD00;width:16px;padding:0px;"> </td><td style="padding:0px;border:0px">Normal</td>' +
+                  		'<td style="background:#FFD700;width:16px;padding:0px;"> </td><td style="padding:0px;">Heavy Load</td>' +
+                  		'<td style="background:#FF3030;width:16px;padding:0px;"> </td><td style="padding:0px;">Error</td>' +
+                  		'<td style="background:#8B8B7A;width:16px;padding:0px;"> </td><td style="padding:0px;">Unknown</td>' +
+                  	'</tr></table>';
     
-    //pass checking
+    // Gganglia grid overview
     var showStr = '<div><h3 style="display:inline;">Grid Overview</h3>' +
                   '<sup id="hidesup" style="cursor: pointer;color:blue;float:right">[Hide]</sup></div><hr>' +
                   '<div id="gangliaGridSummary"></div>' +
-                  '<div><h3 style="display:inline;">Nodes Current Status</h3>' + helpStr + '</div><hr>' +
+                  '<div><h3 style="display:inline;">Current Nodes Status</h3>' + legend + '</div><hr>' +
                   '<div id="zoomDiv" style="padding:0px 0px 12px 0px;"><span name="ALL">All Nodes</span></div>' +
                   '<div id="gangliaNodes"></div>';
-    
-    //ganglia help information
-    
     gangliaTab.append(showStr);
 
-    //get summary data and draw on the page
+    // Get summary data and draw on page
     $('#gangliaGridSummary').append('Getting grid summary data <img src="images/loader.gif"></img>');
     sendGridSummaryAjax();
     
-    //get all nodes location data which can support the zoom monitor
+    // Get all nodes location data which can support the zoom monitor
     $('#gangliaNodes').append('Getting all nodes status <img src="images/loader.gif"></img>');
     sendLocationAjax();
     
-    //bind the hide/show buttion event
+    // Bind the hide/show button event
     $('#gangliamon #hidesup').bind('click', function(){
-        var a = $(this).text();
-        if ('[Hide]' == $(this).text()){
+        if ('[Hide]' == $(this).text()) {
             $(this).html('[Show]');
-        }
-        else{
+        } else {
             $(this).html('[Hide]');
         }
         
@@ -208,12 +203,11 @@ function checkGangliaRunning(data){
 }
 
 /**
- * Send AJAX request to get all nodes parent and 
- * position to create hardware hierarchy hash  
+ * Send AJAX request to get all nodes parent and position to create hardware hierarchy hash  
  * 
- * retrn : nothing
+ * @return Nothing
  */
-function sendLocationAjax(){
+function sendLocationAjax() {
     $.ajax({
         url : 'lib/cmd.php',
         dataType : 'json',
@@ -225,26 +219,114 @@ function sendLocationAjax(){
         },
         
         success: function(data){
-        	if(!data.rsp[0]){
+        	if (!data.rsp[0]) {
 				return;
 			}
+        	
         	extractLocationlData(data.rsp[0]);
-        	//get nodes current status and draw on the page
+        	// Get nodes current status and draw on the page
             sendNodeCurrentAjax();
             
-            //start the timer to update page per minute.
+            // Start the timer to update page per minute
             gangliaTimer = window.setTimeout('updateGangliaPage()', 60000);
         }
     });
 }
 
+/**
+ * Extract the location query data and saved in global variable
+ * 
+ * @return Nothing
+ */
+function extractLocationlData(locationData) {
+	framehash = new Object();
+	cechash = new Object();
+	bladehash = new Object();
+	rackhash = new Object();
+	
+	// Linux nodes which has no parent
+	linuxArray = new Array();
+	
+	// Other unknown nodes only have one parent, use number 1 as there parent
+	otherhash = new Object();
+	otherhash[1] = new Array();
+	
+	var allnodearray = locationData.split(';');
+	var temparray;
+	var parent = '';
+	var name = '';
+	for (var i in allnodearray) {
+		temparray = allnodearray[i].split(':');
+		name = temparray[0];
+		
+		// If there is not parent (or mpa, or rack) information
+		parent = temparray[2];
+		if (!parent) {
+			// Go to next node
+			continue;
+		}
+		
+		switch (temparray[1].toLowerCase()) {
+			case 'blade': {
+				if (!bladehash[parent]) {
+					bladehash[parent] = new Array();
+				}
+				
+				bladehash[parent].push(name);
+			}
+			break;
+			
+			case 'systemx': {
+				if (!rackhash[parent]) {
+					rackhash[parent] = new Array();
+				}
+				
+				rackhash[parent].push(name);
+			}
+			break;
+			
+			case 'frame': {
+				if (!framehash[name]) {
+					framehash[name] = new Array();
+				}
+			}
+			break;
+
+			case 'cec': {
+				if (!framehash[parent]) {
+					framehash[parent] = new Array();
+				}
+				
+				framehash[parent].push(name);
+			}
+			break;
+			
+			case 'lpar':
+			case 'lpar,osi':
+			case 'osi,lpar': {
+				if (!cechash[parent]) {
+					cechash[parent] = new Array();
+				}
+				
+				cechash[parent].push(name);
+			}
+			
+			break;
+			default: {
+				otherhash[1].push(name);
+			}
+			break;
+		}
+	}
+}
+
 /**
  * Send AJAX request to get grid summary information
  *       
  * @return Nothing
  */
-function sendGridSummaryAjax(){
-	//get the summary data
+function sendGridSummaryAjax() {
+	// Get the summary data
     $.ajax({
         url : 'lib/cmd.php',
         dataType : 'json',
@@ -255,7 +337,7 @@ function sendGridSummaryAjax(){
             msg : ''
         },
         
-        success: function(data){
+        success: function(data) {
             createGridSummaryData(data.rsp[0]);
             drawGridSummary();
         }
@@ -267,9 +349,9 @@ function sendGridSummaryAjax(){
  *        
  * @return Nothing
  */
-function sendNodeCurrentAjax(){
+function sendNodeCurrentAjax() {
     
-    //get all nodes current status
+    // Get all nodes current status
     $.ajax({
         url : 'lib/cmd.php',
         dataType : 'json',
@@ -288,12 +370,12 @@ function sendNodeCurrentAjax(){
 }
 
 /**
- * Send AJAX request to get grid current summary information for update the page
+ * Send AJAX request to get grid current summary information to update the page
  *   
  * @return Nothing
  */
 function sendGridCurrentAjax(){
-    //get the summary data
+    // Get the summary data
     $.ajax({
         url : 'lib/cmd.php',
         dataType : 'json',
@@ -319,7 +401,7 @@ function sendGridCurrentAjax(){
  * @return Nothing
  */
 function createGridSummaryData(summaryString){
-    //empty the global data
+    // Empty the global data
     gridData = new Object();
     
     var metricArray = summaryString.split(';');
@@ -327,15 +409,17 @@ function createGridSummaryData(summaryString){
     var valueArray = '';
     var position = 0;
     var tempLength = 0;
-    for (var index = 0; index < metricArray.length; index++){
+    for (var index = 0; index < metricArray.length; index++) {
         position = metricArray[index].indexOf(':');
-        //get the metric name and init its global array to save timestamp and value pair
+        
+        // Get the metric name and init its global array to save timestamp and value pair
         metricname = metricArray[index].substr(0, position);
         gridData[metricname] = new Array();
         valueArray = metricArray[index].substr(position + 1).split(',');
         tempLength = valueArray.length;
-        //save timestamp and value into global array
-        for (var i = 0; i < tempLength; i++){
+        
+        // Save timestamp and value into global array
+        for (var i = 0; i < tempLength; i++) {
             gridData[metricname].push(Number(valueArray[i]));
         }
     }
@@ -369,6 +453,7 @@ function updateGridSummaryData(currentString){
         }
     }
 }
+
 /**
  * Draw the grid summay area by global data
  * 
@@ -379,12 +464,13 @@ function drawGridSummary() {
     var showStr = '';
     var tempStr = $('#gangliamon').attr('class');
     
-    //jqflot only draw on the area visiable, if the tab is hide, return directly
-    if (tempStr.indexOf('hide') != -1){
+    // jqflot only draws on the visible area
+    // If the tab is hide, return directly
+    if (tempStr.indexOf('hide') != -1) {
         return;
     }
     
-    if ($('#gangliamon #hidesup').text() == '[Show]'){
+    if ($('#gangliamon #hidesup').text() == '[Show]') {
         return;
     }
     
@@ -414,7 +500,7 @@ function drawGridSummary() {
  * 			The CPU number and value pair
  * @return Nothing
  */
-function drawLoadFlot(areaid, titleprefix, loadpair, cpupair){
+function drawLoadFlot(areaid, titleprefix, loadpair, cpupair) {
     var load = new Array();
     var cpunum = new Array();
     var index = 0;
@@ -422,28 +508,28 @@ function drawLoadFlot(areaid, titleprefix, loadpair, cpupair){
     var interval = 1;
     
     $('#' + areaid).empty();
-    //parse load pair, the timestamp must mutiply 1000, javascript time stamp is millisecond
-    for (index = 0; index < loadpair.length; index += 2){
+    // Parse load pair, the timestamp must mutiply 1000, javascript time stamp is millisecond
+    for (index = 0; index < loadpair.length; index += 2) {
         load.push([loadpair[index] * 1000, loadpair[index + 1]]);
-        if (loadpair[index + 1] > yaxismax){
+        if (loadpair[index + 1] > yaxismax) {
             yaxismax = loadpair[index + 1];
         }
     }
     
-    //parse cpu pair
-    for (index = 0; index < cpupair.length; index += 2){
+    // Parse cpu pair
+    for (index = 0; index < cpupair.length; index += 2) {
         cpunum.push([cpupair[index] * 1000, cpupair[index + 1]]);
-        if (cpupair[index + 1] > yaxismax){
+        if (cpupair[index + 1] > yaxismax) {
             yaxismax = cpupair[index + 1];
         }
     }
     
     interval = parseInt(yaxismax / 3);
-    if (interval < 1){
+    if (interval < 1) {
         interval = 1;
     }
     
-    $.jqplot(areaid, [load, cpunum],{
+    $.jqplot(areaid, [load, cpunum], {
         title: titleprefix + ' Loads/Procs Last Hour',
         axes:{
             xaxis:{
@@ -465,8 +551,7 @@ function drawLoadFlot(areaid, titleprefix, loadpair, cpupair){
         },
         series:[{label:'Load'}, {label: 'CPU Number'}],
         seriesDefaults : {showMarker: false}
-    } 
-    );
+    });
 }
 
 /**
@@ -480,14 +565,14 @@ function drawLoadFlot(areaid, titleprefix, loadpair, cpupair){
  * 			The CPU timestamp and value pair        
  * @return Nothing
  */
-function drawCpuFlot(areaid, titleprefix, cpupair){
+function drawCpuFlot(areaid, titleprefix, cpupair) {
     var cpu = new Array();
     var index = 0;
     
     $('#' + areaid).empty();
     
-    // time stamp should mutiply 1000
-    // we get the CPU idle from server, we should use 1 subtract the idle
+    // Time stamp should be mutiplied by 1000
+    // We get the CPU idle from server
     for (index = 0; index < cpupair.length; index +=2) {
         cpu.push([(cpupair[index] * 1000), (100 - cpupair[index + 1])]);
     }
@@ -510,8 +595,7 @@ function drawCpuFlot(areaid, titleprefix, cpupair){
             }
         },
         seriesDefaults : {showMarker: false}
-    } 
-    );
+    });
 }
 
 /**
@@ -547,7 +631,7 @@ function drawMemFlot(areaid, titleprefix, freepair, totalpair){
         use.push([freepair[index] * 1000, tempuse]);
     }
     
-    $.jqplot(areaid, [use, total],{
+    $.jqplot(areaid, [use, total], {
         title: titleprefix + ' Memory Use Last Hour',
         axes:{
             xaxis:{
@@ -569,8 +653,7 @@ function drawMemFlot(areaid, titleprefix, freepair, totalpair){
         },
         series:[{label:'Used'}, {label: 'Total'}],
         seriesDefaults : {showMarker: false}
-    } 
-    );
+    });
 }
 
 /**
@@ -586,28 +669,27 @@ function drawMemFlot(areaid, titleprefix, freepair, totalpair){
  * 			The total disk number
  * @return Nothing
  */
-function drawDiskFlot(areaid, titleprefix, freepair, totalpair){
+function drawDiskFlot(areaid, titleprefix, freepair, totalpair) {
     var use = new Array();
     var total = new Array();
     var tempsize = 0;
     var index = 0;
     
     $('#' + areaid).empty();
-    if(freepair.length < totalpair.length){
+    if (freepair.length < totalpair.length) {
         tempsize = freepair.length;
-    }
-    else{
+    } else{
         tempsize = freepair.length;
     }
     
-    for(index = 0; index < tempsize; index += 2){
+    for (index = 0; index < tempsize; index += 2) {
         var temptotal = totalpair[index + 1];
         var tempuse = temptotal - freepair[index + 1];
         total.push([totalpair[index] * 1000, temptotal]);
         use.push([freepair[index] * 1000, tempuse]);
     }
     
-    $.jqplot(areaid, [use, total],{
+    $.jqplot(areaid, [use, total], {
         title: titleprefix + ' Disk Use Last Hour',
         axes:{
             xaxis:{
@@ -629,8 +711,7 @@ function drawDiskFlot(areaid, titleprefix, freepair, totalpair){
         },
         series:[{label:'Used'}, {label: 'Total'}],
         seriesDefaults : {showMarker: false}
-    } 
-    );
+    });
 }
 
 /**
@@ -646,7 +727,7 @@ function drawDiskFlot(areaid, titleprefix, freepair, totalpair){
  * 			The timestamp and value pair for upload
  * @return Nothing
  */
-function drawNetworkFlot(areaid, titleprefix, inpair, outpair){
+function drawNetworkFlot(areaid, titleprefix, inpair, outpair) {
     var inArray = new Array();
     var outArray = new Array();
     var index = 0;
@@ -716,8 +797,7 @@ function drawNetworkFlot(areaid, titleprefix, inpair, outpair){
  * 			Node status
  * @return Nothing
  */
-function createNodeStatusData(nodesStatus){
-    var index;
+function createNodeStatusData(nodesStatus) {
     var nodesArray = nodesStatus.split(';');
     var position = 0;
     var nodename = '';
@@ -747,41 +827,41 @@ function createNodeStatusData(nodesStatus){
 
 /**
  * Draw nodes current status, there are four type:
- *  a. unknown(gray): can not find save data for this node
- *  b. error(red): get status sometime early, but can not get now
- *  c. warning(orange): node are heavy load
- *  d. normal(green): 
+ * 		a. unknown(gray): cannot find save data for this node
+ *  	b. error(red): got status sometime earlier, but cannot get now
+ *  	c. warning(orange): heavy load
+ *  	d. normal(green): normal load
  * 
- * @param 
  * @return Nothing
  */
-function drawGangliaNodesArea(){
+function drawGangliaNodesArea() {
 	var position = 0;
-	// find out the last child's type and name
+	
+	// Find out the last child's type and name
 	var currentobj = $('#zoomDiv span:last');
 	var type = currentobj.attr('name').toLowerCase();
 	var name = currentobj.text();
 	position = name.indexOf('(');
-	if (position > -1){
+	
+	if (position > -1) {
 		name = name.substr(3, position - 3);
 	}
 	$('#gangliaNodes').empty();
 	
-	switch (type){
-		//these type draw the node current status
+	switch (type) {
+		// Draw the node current status
 		case 'blade':
 		case 'cec':
 		case 'rack':
-		case 'other':
-		{
+		case 'other': {
 			drawGangliaNodesAreaPic(type, name);
 		}
 		break;
-		//these type draw a summary table
+		
+		// Draw a summary table
 		case 'all':
-		case 'frame':
-		{
-			drawGangliaNodesAreaTab(type, name);
+		case 'frame': {
+			drawGangliaNodesAreaTable(type, name);
 		}
 		break;
 		default:
@@ -789,31 +869,27 @@ function drawGangliaNodesArea(){
 	}
 }
 
-function drawGangliaNodesAreaPic(type, name){
+function drawGangliaNodesAreaPic(type, name) {
 	var index = 0;
-	var arraypoint;
+	var arraypoint = '';
     var templength = 0;
     var showStr = '';
     var nodename = '';
     
-    switch(type){
-	    case 'blade':
-	    {
+    switch(type) {
+	    case 'blade': {
 	    	arraypoint = bladehash[name];
 	    }
 	    break;
-	    case 'cec':
-	    {
+	    case 'cec': {
 	    	arraypoint = cechash[name];
 	    }
 	    break;
-	    case 'rack':
-	    {
+	    case 'rack': {
 	    	arraypoint = rackhash[name];
 	    }
 	    break;
-	    case 'other':
-	    {
+	    case 'other': {
 	    	arraypoint = otherhash[1];
 	    }
 	    default:
@@ -842,7 +918,7 @@ function drawGangliaNodesAreaPic(type, name){
         $('#gangliaNodes ul').append(showStr);
     }
     
-    //bind all normal and warning nodes' click event
+    // Bind all normal and warning nodes click event
     $('.monitornormal,.monitorwarning').bind('click', function() {
         var nodename = $(this).attr('title');
         window.open('ganglianode.php?n=' + nodename + '&p=' + nodePath[nodename],
@@ -850,63 +926,64 @@ function drawGangliaNodesAreaPic(type, name){
     });
 }
 
-function drawGangliaNodesAreaTab(type, name){
-	var tabobj = $('<table></table>');
-	var rowstr = '';
-	var usedcec = new Object();
-	tabobj.append('<tr><th>Name</th><th>Type</th><th>Normal</th><th>Heavy Load</th><th>Error</th><th>Unknown</th></tr>');
-	if ('all' == type){
-		for(var i in framehash){
+function drawGangliaNodesAreaTable(type, name) {
+	var table = $('<table></table>');
+	var row = '';
+	var usedCec = new Object();
+	
+	var header = $('<thead class="ui-widget-header"> <th>Name</th><th>Type</th><th>Normal</th><th>Heavy Load</th><th>Error</th><th>Unknown</th> </thead>');
+	table.append(header);
+	
+	if (type == 'all') {
+		for (var i in framehash) {
 			var framename = i;
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="frame">' + framename + '</a></td><td>Frame</td>' + 
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="frame">' + framename + '</a></td><td>Frame</td>' + 
 			         monitorStatAgg('frame', framehash[i]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 			for(var j in framehash[i]){
-				usedcec[framehash[i][j]] = 1;
+				usedCec[framehash[i][j]] = 1;
 			}
 		}
 		
-		for (var i in cechash){
-			if (usedcec[i]){
+		for (var i in cechash) {
+			if (usedCec[i]) {
 				continue;
 			}
 			var cecname = i;
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="cec">' + cecname + '</a></td><td>CEC</td>' + 
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="cec">' + cecname + '</a></td><td>CEC</td>' + 
 	                 monitorStatAgg('cec', cechash[i]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 		}
 		
-		for (var i in bladehash){
+		for (var i in bladehash) {
 			var bladename = i;
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="blade">' + bladename + '</a></td><td>Blade</td>' + 
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="blade">' + bladename + '</a></td><td>Blade</td>' + 
 	                 monitorStatAgg('blade', bladehash[i]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 		}
 		
-		for (var i in rackhash){
+		for (var i in rackhash) {
 			var rackname = i;
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="rack">' + rackname + '</a></td><td>Rack</td>' +
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="rack">' + rackname + '</a></td><td>Rack</td>' +
 				     monitorStatAgg('rack', rackhash[i]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 		}
 		
-		if (otherhash[1].length > 0)
-		{
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="other">Other</a></td><td>Other</td>' +
+		if (otherhash[1].length > 0) {
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="other">Other</a></td><td>Other</td>' +
 			         monitorStatAgg('other', otherhash[1]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 		}
-	}
-	else{
-		for (var i in framehash[name]){
+	} else {
+		for (var i in framehash[name]) {
 			var cecname = framehash[name][i];
-			rowstr = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="cec">' + cecname + '</a></td>' +
+			row = '<tr><td><a href="#" onclick="addZoomDiv(this)" name="cec">' + cecname + '</a></td>' +
 			         '<td>CEC</td>' + monitorStatAgg('cec', cechash[cecname]) + '</tr>';
-			tabobj.append(rowstr);
+			table.append(row);
 		}
 	}
 	
-	$('#gangliaNodes').append(tabobj);
+	$('#gangliaNodes').append(table);
 }
 
 /**
@@ -914,7 +991,7 @@ function drawGangliaNodesAreaTab(type, name){
  * 
  * @return Nothing
  */
-function monitorStatAgg(type, inputarray){
+function monitorStatAgg(type, inputarray) {
 	var normalnum = 0;
 	var warningnum = 0;
 	var errornum = 0;
@@ -922,21 +999,19 @@ function monitorStatAgg(type, inputarray){
 	var tempArray;
 	var tempname;
 	
-	switch(type){
+	switch (type) {
 		case 'blade':
 		case 'cec':
 		case 'rack':
-		case 'other':
-		{
+		case 'other': {
 			tempArray = inputarray;
 		}
 		break;
-		case 'frame':
-		{
+		case 'frame': {
 			tempArray = new Array();
 			for (var i in inputarray){
 				tempname = inputarray[i];
-				for (var j in cechash[tempname]){
+				for (var j in cechash[tempname]) {
 					tempArray.push(cechash[tempname][j]);
 				}
 			}
@@ -947,9 +1022,9 @@ function monitorStatAgg(type, inputarray){
 		break;
 	}
 	
-	for (var i in tempArray){
+	for (var i in tempArray) {
 		tempname = tempArray[i];
-		switch(nodeStatus[tempname]){
+		switch(nodeStatus[tempname]) {
 			case 'NORMAL':
 				normalnum++;
 			break;
@@ -978,7 +1053,7 @@ function monitorStatAgg(type, inputarray){
  * 
  * @return Nothing
  */
-function updateGangliaPage(){
+function updateGangliaPage() {
     if ($('#gangliaNodes').size() < 1) {
         return;
     }
@@ -989,98 +1064,14 @@ function updateGangliaPage(){
     gangliaTimer = window.setTimeout('updateGangliaPage()', 60000);
 }
 
-/**
- * extract the location query data, saved in global varible.
- * 
- * @return Nothing
- */
-function extractLocationlData(locationData){
-	framehash = new Object();
-	cechash = new Object();
-	bladehash = new Object();
-	rackhash = new Object();
-	//other unknown nodes only have one parent, use number 1 as there parent
-	otherhash = new Object();
-	otherhash[1] = new Array();
-	
-	var allnodearray = locationData.split(';');
-	var temparray;
-	var parent = '';
-	var name = '';
-	for(var i in allnodearray){
-		temparray = allnodearray[i].split(':');
-		name = temparray[0];
-		//there is not parent(or mpa, or rack) information, jump this node
-		parent = temparray[2];
-		if (!parent){
-			continue;
-		}
-		switch(temparray[1].toLowerCase()){
-			case 'blade':
-			{
-				if (!bladehash[parent]){
-					bladehash[parent] = new Array();
-				}
-				
-				bladehash[parent].push(name);
-			}
-			break;
-			
-			case 'systemx':
-			{
-				if (!rackhash[parent]){
-					rackhash[parent] = new Array();
-				}
-				rackhash[parent].push(name);
-			}
-			break;
-			
-			case 'frame':
-			{
-				if (!framehash[name])
-				{
-					framehash[name] = new Array();
-				}
-			}
-			break;
-
-			case 'cec':
-			{
-				if (!framehash[parent]){
-					framehash[parent] = new Array();
-				}
-				framehash[parent].push(name);
-			}
-			break;
-			
-			case 'lpar':
-			case 'lpar,osi':
-			case 'osi,lpar':
-			{
-				if (!cechash[parent]){
-					cechash[parent] = new Array();
-				}
-				cechash[parent].push(name);
-			}
-			break;
-			default:
-			{
-				otherhash[1].push(name);
-			}
-			break;
-		}
-	}
-}
-
 /**
  * change the zoom area when click the zoom button
  * 
  * @return Nothing
  */
-function updateZoom(obj){
+function updateZoom(obj) {
 	var type=$(obj).attr('name');
-	//delete all next cusion
-	while($('#zoomDiv span:last').attr('name') != type){
+	while ($('#zoomDiv span:last').attr('name') != type) {
 		$('#zoomDiv span:last').remove();
 	}
 	$(obj).removeClass('monitorzoomlinkli');
@@ -1094,13 +1085,13 @@ function updateZoom(obj){
  * 
  * @return Nothing
  */
-function addZoomDiv(obj){
+function addZoomDiv(obj) {
 	var name = $(obj).text();
 	var type = $(obj).attr('name');
 	
 	var lastzoomobj = $('#zoomDiv span:last');
 	lastzoomobj.addClass('monitorzoomlink');
-	lastzoomobj.bind('click', function(){
+	lastzoomobj.bind('click', function() {
 		updateZoom(this);
 	});
 	
diff --git a/xCAT-UI/xcat/plugins/web.pm b/xCAT-UI/xcat/plugins/web.pm
index 16a7705bf..cbe8cb2f5 100644
--- a/xCAT-UI/xcat/plugins/web.pm
+++ b/xCAT-UI/xcat/plugins/web.pm
@@ -2186,7 +2186,7 @@ sub web_graphinfo{
 	}
 
 	foreach(@missinfoarray){
-		$missretstr = $missretstr . $_ . ':miss;'; 
+		$missretstr = $missretstr . $_ . ':linux:other;'; 
 	}
 
 	#combine all information into a string