/**
 *  Copyright (C) 2010 Cloud.com, Inc.  All rights reserved.
 * 
 * This software is licensed under the GNU General Public License v3 or later.
 * 
 * It is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or any later version.
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 */

// Version: @VERSION@

function showConfigurationTab() {
	var forceLogout = true;  // We force a logout only if the user has first added a POD for the very first time
    var currentSubMenu = $("#submenu_global");
	
	activateDialog($("#dialog_edit_global").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	$("#global_template").bind("click", function(event) {
		var template = $(this);
		var link = $(event.target);
		var linkAction = link.attr("id");
		var name = template.data("name");
		switch (linkAction) {
			case "global_action_edit" :
				$("#edit_global_name").text(name);
				$("#edit_global_value").val(template.find("#global_value").text());
									
				$("#dialog_edit_global")
				.dialog('option', 'buttons', { 						
					"Confirm": function() {		
					    var thisDialog = $(this);
									
					    // validate values
			            var isValid = true;					
			            isValid &= validateString("Value", thisDialog.find("#edit_global_value"), thisDialog.find("#edit_global_value_errormsg"), true);					
			            if (!isValid) return;
						
					    var value = trim(thisDialog.find("#edit_global_value").val());
						
					    thisDialog.dialog("close");
					    $.ajax({
					      data: createURL("command=updateConfiguration&name="+encodeURIComponent(name)+"&value="+encodeURIComponent(value)+"&response=json"),
						    dataType: "json",
						    success: function(json) {
							    template.find("#global_value").text(value);
							    $("#dialog_alert").html("<p><b>PLEASE RESTART YOUR MGMT SERVER!!</b><br/><b>PLEASE RESTART YOUR MGMT SERVER!!</b><br/><br/>You have successfully change a global configuration value.  Please <b>RESTART</b> your management server for your new settings to take effect.  Refer to the install guide for instructions on how to restart the mgmt server.</p>").dialog("open");
						    }
					    });		
					},
					"Cancel": function() { 
						$(this).dialog("close"); 
					}						
				}).dialog("open");									   
		}
		return false;
	});
	
	function globalJSONToTemplate(json, template) {
	    template.data("name", sanitizeXSS(noNull(json.name))).attr("id", "global_"+noNull(json.name));
	    (index++ % 2 == 0)? template.addClass("smallrow_even"): template.addClass("smallrow_odd");		
		template.find("#global_name").text(noNull(json.name));
		template.find("#global_value").text(noNull(json.value));
		template.find("#global_desc").text(noNull(json.description));
	}
		
	$("#submenu_content_global .grid_container .grid_header .grid_genheader_cell").bind("click", function(event) {  	
        var headerColumn = $(this);  
        var sortingIcon = headerColumn.find(".gridsorting_arrow");
       
	    if (sortingIcon.hasClass("up") == false) {  //If it's not in ascending order, sort it ascending. 				   
	        $("#submenu_content_global .grid_container .grid_header .grid_genheader_cell .gridsorting_arrow").removeClass("down up"); //remove arrow from all header columns first     
            sortingIcon.addClass("up");  //add up arrow to this specific header column  
            sortingOrder = "asc";                
        }
        else if (sortingIcon.hasClass("up") == true) { //If it's in ascending order, sort it descending.               
	        $("#submenu_content_global .grid_container .grid_header .grid_genheader_cell .gridsorting_arrow").removeClass("down up"); //remove arrow from all header columns first	    
            sortingIcon.addClass("down");  //add down arrow to this specific header column    
            sortingOrder = "desc";                
        }           
        	        
        switch(headerColumn[0].id) {               
            case "name_header":  
                sortBy = "name";                
                items.sort(sortArrayAlphabetically);         
                break;  
            case "value_header":  
                sortBy = "value";               
                items.sort(sortArrayAlphabetically);         
                break; 
            case "description_header":  
                sortBy = "description";               
                items.sort(sortArrayAlphabetically);         
                break;                 
        }
       
        drawGrid(items, $("#submenu_content_global"), $("#global_template"), globalJSONToTemplate);       
        return false;
    });    	
					
	function listConfigurations() {		 
	    var submenuContent = $("#submenu_content_global");
	   
    	var commandString;            
		var advanced = submenuContent.find("#search_button").data("advanced");                    
		if (advanced != null && advanced) {		
		    var name = submenuContent.find("#advanced_search #adv_search_name").val();				   
		    var moreCriteria = [];								
			if (name!=null && trim(name).length > 0) 
				moreCriteria.push("&name="+encodeURIComponent(trim(name)));					
			commandString = "command=listConfigurations&page="+currentPage+moreCriteria.join("")+"&response=json";  
		} else {          
            var searchInput = submenuContent.find("#search_input").val();            
            if (searchInput != null && searchInput.length > 0) 
                commandString = "command=listConfigurations&page="+currentPage+"&keyword="+searchInput+"&response=json";
            else
                commandString = "command=listConfigurations&page="+currentPage+"&response=json";
        }
    	 
    	//listItems(submenuContent, commandString, jsonResponse1, jsonResponse2, template, fnJSONToTemplate);         
        listItems(submenuContent, commandString, "listconfigurationsresponse", "configuration", $("#global_template"), globalJSONToTemplate);     
	}
	
	submenuContentEventBinder($("#submenu_content_global"), listConfigurations);
	
	$("#submenu_global").bind("click", function(event) {			        
	    event.preventDefault();	            
		
		$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
		currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
		currentSubMenu = $(this);
		var submenuContent = $("#submenu_content_global").show();
		$("#submenu_content_zones, #submenu_content_service, #submenu_content_disk").hide();			
		
		currentPage = 1;
		listConfigurations();
	});
	
	
	//zone	
	var rightPanel = $("#submenu_content_zones #right_panel_detail_title");
	var rightContent = $("#submenu_content_zones #right_panel_detail_content");
	
	function clearRightPanel() {
	    rightPanel.empty();
	    rightContent.empty();	
	    $("#submenu_content_zones").find("#action_edit_zone, #action_add_pod, #action_edit_pod, #action_add_publicip_vlan, #action_add_directip_vlan, #action_delete").hide();				
	}
				
	function zoneObjectToRightPanel(obj) {
        rightPanel.html("<strong>Zone:</strong> "+sanitizeXSS(obj.name));					
		var rightContentHtml = 
			"<p><span>ZONE:</span> "+sanitizeXSS(obj.name)+"</p>"
			+ "<p><span>DNS 1:</span> "+obj.dns1+"</p>"
			+ "<p><span>DNS 2:</span> "+((obj.dns2 == null) ? "" : obj.dns2) +"</p>"
			+ "<p><span>Internal DNS 1:</span> "+obj.internaldns1+"</p>"
			+ "<p><span>Internal DNS 2:</span> "+((obj.internaldns2 == null) ? "" : obj.internaldns2) +"</p>";			
		if (getNetworkType() != "vnet") 
			rightContentHtml += "<p><span>VLAN:</span> "+((obj.vlan == null) ? "" : obj.vlan) +"</p>";			
		rightContentHtml += "<p><span>Guest CIDR:</span> "+obj.guestcidraddress+"</p>";			
		
		rightContent.data("id", obj.id).html(rightContentHtml);		
		
		$("#submenu_content_zones").find("#action_edit_pod, #action_add_directip_vlan").hide();			
		
		var buttons = $("#submenu_content_zones #action_delete, #submenu_content_zones #action_edit_zone, #submenu_content_zones #action_add_pod, #submenu_content_zones #action_add_publicip_vlan").data("type", "zone").show();			
		buttons.data("id", obj.id);			
		buttons.data("name", obj.name);		    
	    buttons.data("dns1", obj.dns1);
	    buttons.data("dns2", obj.dns2);
	    buttons.data("internaldns1", obj.internaldns1);
	    buttons.data("internaldns2", obj.internaldns2);
	    buttons.data("vlan", obj.vlan);		
	    buttons.data("guestcidraddress", obj.guestcidraddress);		   
	}	
	
	function podObjectToRightPanel(obj) {		    
		rightPanel.html("<strong>Pod:</strong> " + sanitizeXSS(obj.name));
					
		var rightContentHtml = 
			"<p><span>POD:</span> "+sanitizeXSS(obj.name)+"</p>"
			+ "<p><span>Private CIDR:</span> "+obj.cidr+"</p>"
			+ "<p><span>Private IP Range:</span> "+obj.ipRange+"</p>"
			+ "<p><span>Gateway:</span> "+obj.gateway+"</p>";
							
		rightContent.data("id", obj.id).html(rightContentHtml);
		
		$("#submenu_content_zones").find("#action_edit_zone, #action_add_pod, #action_add_publicip_vlan").hide();
		var buttons = $("#submenu_content_zones").find("#action_delete, #action_edit_pod").data("type", "pod").show();
		buttons.data("id", obj.id);		
		buttons.data("zoneid", obj.zoneid);
		buttons.data("name", obj.name);
		buttons.data("cidr", obj.cidr);
		buttons.data("startip", obj.startip);	
		buttons.data("endip", obj.endip);	
		buttons.data("ipRange", obj.ipRange);		
		buttons.data("gateway", obj.gateway);	
		if (getDirectAttachUntaggedEnabled() == "true") {
			$("#submenu_content_zones #action_add_directip_vlan").data("type", "pod").data("id", obj.id).data("name", obj.name).data("zoneid", obj.zoneid).show();
		}
	}
	
	$("#submenu_content_zones #action_delete").bind("click", function(event) {
		var deleteButton = $(this);
	
		var confirmMessage = null;
		var id = deleteButton.data("id");
		var type = deleteButton.data("type");
		var command = null;
		if (type == "zone") {
			confirmMessage = "Please confirm you want to delete the zone : <b>" + deleteButton.data("name") +"</b>";
			command = "deleteZone";
		} else if (type == "pod") {
			confirmMessage = "Please confirm you want to delete the pod : <b>" + deleteButton.data("name") + "</b>";
			command = "deletePod"
		} else {
			confirmMessage = "Please confirm you want to delete the public vlan IP range : <b>" + deleteButton.data("name") + "</b>";
			command = "deleteVlanIpRange";
		}
	
		$("#dialog_confirmation")
		.html(confirmMessage)
		.dialog('option', 'buttons', { 				
			"Confirm": function() { 
				$(this).dialog("close"); 
				
				$.ajax({
				  data: createURL("command="+command+"&id="+id+"&response=json"),
					dataType: "json",
					success: function(json) {
						var target = null;
						if (type == "zone") {
							target = $("#submenu_content_zones #zone_" + id);
						} else if (type == "pod") {
							target = $("#submenu_content_zones #pod_" + id);
						} else {
							target = $("#submenu_content_zones #publicip_range_" + id);
						}
						target.fadeOut("slow", function() {
							$(this).remove();
						});
						rightPanel.empty();
						rightContent.empty();
						$("#submenu_content_zones #action_delete").hide();
					}
				});
				
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
	});
	
	$("#submenu_content_zones #action_edit_zone").bind("click", function(event) {            
		var id = $(this).data("id");
		
		var dialogEditZone = $("#dialog_edit_zone");			
		dialogEditZone.find("#edit_zone_name").val($(this).data("name"));
		dialogEditZone.find("#edit_zone_dns1").val($(this).data("dns1"));
		dialogEditZone.find("#edit_zone_dns2").val($(this).data("dns2"));
		dialogEditZone.find("#edit_zone_internaldns1").val($(this).data("internaldns1"));
		dialogEditZone.find("#edit_zone_internaldns2").val($(this).data("internaldns2"));
		dialogEditZone.find("#edit_zone_guestcidraddress").val($(this).data("guestcidraddress"));
		var guestcidraddress = $(this).data("guestcidraddress");
		
		// If the network type is vnet, don't show any vlan stuff.
		if (getNetworkType() != "vnet") {
			dialogEditZone.find("#edit_zone_startvlan").val("");
			dialogEditZone.find("#edit_zone_endvlan").val("");
			var vlan = $(this).data("vlan");
			if(vlan != null) {
				if(vlan.indexOf("-")!==-1) {
					var startVlan = vlan.substring(0, vlan.indexOf("-"));
					var endVlan = vlan.substring((vlan.indexOf("-")+1));		    
					dialogEditZone.find("#edit_zone_startvlan").val(startVlan);
					dialogEditZone.find("#edit_zone_endvlan").val(endVlan);
				}
				else {
					dialogEditZone.find("#edit_zone_startvlan").val(vlan);			        
				}
			}
		}
		
		dialogEditZone
		.dialog('option', 'buttons', { 				
			"Change": function() { 		
			    var thisDialog = $(this);
			 			
				// validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#edit_zone_name"), thisDialog.find("#edit_zone_name_errormsg"));
				isValid &= validateIp("DNS 1", thisDialog.find("#edit_zone_dns1"), thisDialog.find("#edit_zone_dns1_errormsg"), false);	//required
				isValid &= validateIp("DNS 2", thisDialog.find("#edit_zone_dns2"), thisDialog.find("#edit_zone_dns2_errormsg"), true);	//optional	
				isValid &= validateIp("Internal DNS 1", thisDialog.find("#edit_zone_internaldns1"), thisDialog.find("#edit_zone_internaldns1_errormsg"), false);	//required
				isValid &= validateIp("Internal DNS 2", thisDialog.find("#edit_zone_internaldns2"), thisDialog.find("#edit_zone_internaldns2_errormsg"), true);	//optional						
				if (getNetworkType() != "vnet") {
					isValid &= validateString("Zone - Start VLAN Range", thisDialog.find("#edit_zone_startvlan"), thisDialog.find("#edit_zone_startvlan_errormsg"), false); //required
					isValid &= validateString("Zone - End VLAN Range", thisDialog.find("#edit_zone_endvlan"), thisDialog.find("#edit_zone_endvlan_errormsg"), true);  //optional
				}
				isValid &= validateCIDR("Guest CIDR", thisDialog.find("#edit_zone_guestcidraddress"), thisDialog.find("#edit_zone_guestcidraddress_errormsg"), false);	//required					
				if (!isValid) return;							
				
				var moreCriteria = [];	
				
				var name = trim(thisDialog.find("#edit_zone_name").val());
				moreCriteria.push("&name="+encodeURIComponent(name));
				
				var dns1 = trim(thisDialog.find("#edit_zone_dns1").val());
				moreCriteria.push("&dns1="+encodeURIComponent(dns1));
				
				var dns2 = trim(thisDialog.find("#edit_zone_dns2").val());
				if (dns2 != null & dns2.length > 0) 
					moreCriteria.push("&dns2="+encodeURIComponent(dns2));	
				
				var internaldns1 = trim(thisDialog.find("#edit_zone_internaldns1").val());
				moreCriteria.push("&internaldns1="+encodeURIComponent(internaldns1));
				
				var internaldns2 = trim(thisDialog.find("#edit_zone_internaldns2").val());	
				if (internaldns2 != null & internaldns2.length > 0) 
					moreCriteria.push("&internaldns2="+encodeURIComponent(internaldns2));						
				
				var vlan;				
				if (getNetworkType() != "vnet") {
					var vlanStart = trim(thisDialog.find("#edit_zone_startvlan").val());	
					var vlanEnd = trim(thisDialog.find("#edit_zone_endvlan").val());						
					if (vlanEnd != null && vlanEnd.length > 0) 
					    vlan = vlanStart + "-" + vlanEnd;						    							
					else 	
					    vlan = vlanStart;							
			       moreCriteria.push("&vlan=" + encodeURIComponent(vlan));	
				}				
				
				var guestcidraddress = trim(thisDialog.find("#edit_zone_guestcidraddress").val());
				moreCriteria.push("&guestcidraddress="+encodeURIComponent(guestcidraddress));				    		 
				
				thisDialog.dialog("close"); 
				
				var template = $("#zone_"+id); 
				var loadingImg = template.find(".adding_loading").find(".adding_text").text("Updating zone....");										
				var row_container = template.find("#row_container");									            
	            loadingImg.show();  
                row_container.hide();             
				
				$.ajax({
				  data: createURL("command=updateZone&id="+id+moreCriteria.join("")+"&response=json"),
					dataType: "json",
					success: function(json) {	
					    var obj = {"id": id, "name": name, "dns1": dns1, "dns2": dns2, "internaldns1": internaldns1, "internaldns2": internaldns2, "vlan": vlan, "guestcidraddress": guestcidraddress };
				        zoneObjectToRightPanel(obj);						
						var zoneName = $("#zone_"+id).find("#zone_name").text(name);		
						zoneName.data("id", id).data("name", sanitizeXSS(name)).data("dns1", dns1).data("internaldns1", internaldns1).data("guestcidraddress", guestcidraddress);							
						if (dns2 != "") 
							zoneName.data("dns2", dns2);
						if (internaldns2 != "") 
							zoneName.data("internaldns2", internaldns2);
						if (vlan != "") 
							zoneName.data("vlan", vlan);
							
						loadingImg.hide(); 								                            
                        row_container.show();      
					},
				    error: function(XMLHttpResponse) {
				        handleError(XMLHttpResponse);
						loadingImg.hide(); 								                            
                        row_container.show();
				    }
				});
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");			
		
	});
	
	$("#submenu_content_zones #action_add_pod").bind("click", function(event) {
		var id = $(this).data("id");
		
		$("#dialog_add_pod").find("#add_pod_zone_name").text($(this).data("name"));
		$("#dialog_add_pod #add_pod_name, #dialog_add_pod #add_pod_cidr, #dialog_add_pod #add_pod_startip, #dialog_add_pod #add_pod_endip, #add_pod_gateway").val("");
		
		$("#dialog_add_pod")
		.dialog('option', 'buttons', { 				
			"Add": function() {		
			    var thisDialog = $(this);
						
				// validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#add_pod_name"), thisDialog.find("#add_pod_name_errormsg"));
				isValid &= validateCIDR("CIDR", thisDialog.find("#add_pod_cidr"), thisDialog.find("#add_pod_cidr_errormsg"));	
				isValid &= validateIp("Start IP Range", thisDialog.find("#add_pod_startip"), thisDialog.find("#add_pod_startip_errormsg"));  //required
				isValid &= validateIp("End IP Range", thisDialog.find("#add_pod_endip"), thisDialog.find("#add_pod_endip_errormsg"), true);  //optional
				isValid &= validateIp("Gateway", thisDialog.find("#add_pod_gateway"), thisDialog.find("#add_pod_gateway_errormsg"));  //required when creating
				if (!isValid) return;			

                var name = trim(thisDialog.find("#add_pod_name").val());
				var cidr = trim(thisDialog.find("#add_pod_cidr").val());
				var startip = trim(thisDialog.find("#add_pod_startip").val());
				var endip = trim(thisDialog.find("#add_pod_endip").val());	    //optional
				var gateway = trim(thisDialog.find("#add_pod_gateway").val());			

                var array1 = [];
                array1.push("&zoneId="+id);
                array1.push("&name="+encodeURIComponent(name));
                array1.push("&cidr="+encodeURIComponent(cidr));
                array1.push("&startIp="+encodeURIComponent(startip));
                if (endip != null && endip.length > 0)
                    array1.push("&endIp="+encodeURIComponent(endip));
                array1.push("&gateway="+encodeURIComponent(gateway));			
				
				thisDialog.dialog("close"); 
				
				var template = $("#pod_template").clone(true);
				var loadingImg = template.find(".adding_loading");										
				var row_container = template.find("#row_container");
				
				$("#zone_"+id+" #zone_content").show();	
				$("#zone_" + id + " #pods_container").prepend(template.show());						
				$("#zone_" + id + " #zone_expand").removeClass().addClass("zonetree_openarrows");									            
	            loadingImg.show();  
                row_container.hide();             
		        template.fadeIn("slow");
				
				$.ajax({
				  data: createURL("command=createPod&response=json"+array1.join("")),
					dataType: "json",
					success: function(json) {
						var pod = json.createpodresponse;
						template.attr("id", "pod_"+pod.id);
						podJSONToTemplate(pod, template);
						loadingImg.hide(); 								                            
                        row_container.show();
						if (forceLogout) {
							$("#dialog_confirmation")
								.html("<p>You have successfully added your first Zone and Pod.  After clicking 'OK', this UI will automatically refresh to give you access to the rest of cloud features.</p>")
								.dialog('option', 'buttons', { 
									"OK": function() { 											
										$(this).dialog("close");
										window.location.reload();
									} 
								}).dialog("open");
						}
					},
				    error: function(XMLHttpResponse) {	
				        handleError(XMLHttpResponse);			    
					    template.slideUp("slow", function() {
							$(this).remove();
						});
				    }
				});					
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
	});
	
	$("#submenu_content_zones #action_add_directip_vlan").bind("click", function(event) {  
	    var thisLink = $(this);		    
	    var podid = thisLink.data("id");
	    var podname = thisLink.data("name");
	    var zoneid = thisLink.data("zoneid");
	    		 
	    $("#dialog_add_vlan_for_pod").find("#pod_name_label").text(podname);
	    
	    $("#dialog_add_vlan_for_pod")
	    .dialog('option', 'buttons', {
	        "Add": function() {             
	            var thisDialog = $(this);		
			    					
				// validate values
				var isValid = true;						
				isValid &= validateIp("Gateway", thisDialog.find("#gateway"), thisDialog.find("#gateway_errormsg"));
				isValid &= validateIp("Netmask", thisDialog.find("#netmask"), thisDialog.find("#netmask_errormsg"));
				isValid &= validateIp("Start IP Range", thisDialog.find("#startip"), thisDialog.find("#startip_errormsg"));   //required
				isValid &= validateIp("End IP Range", thisDialog.find("#endip"), thisDialog.find("#endip_errormsg"), true);  //optional
				if (!isValid) return;							
												
				var gateway = trim(thisDialog.find("#gateway").val());
				var netmask = trim(thisDialog.find("#netmask").val());
				var startip = trim(thisDialog.find("#startip").val());
				var endip = trim(thisDialog.find("#endip").val());		
				
				var array1 = [];
				array1.push("&vlan=untagged");	
				array1.push("&zoneid=" + zoneid);
				array1.push("&podId=" + podid);	
				array1.push("&forVirtualNetwork=false"); //direct VLAN	
				array1.push("&gateway="+encodeURIComponent(gateway));
				array1.push("&netmask="+encodeURIComponent(netmask));	
				array1.push("&startip="+encodeURIComponent(startip));
				if(endip != null && endip.length > 0)
				    array1.push("&endip="+encodeURIComponent(endip));
									
				thisDialog.dialog("close"); 
									
				var template = $("#vlan_ip_range_template").clone(true);					
				//direct untagged VLAN is under pod(2nd level). So, make direct untagged VLAN 3rd level.
				template.find("#row_container .zonetree_secondlevel").removeClass().addClass("zonetree_thirdlevel");
				
				var loadingImg = template.find(".adding_loading");	
				loadingImg.find(".adding_text").text("Adding a direct IP range....");										
				var row_container = template.find("#row_container");
													
				$("#zone_" + zoneid).find("#pod_" + podid).find("#directip_ranges_container").prepend(template.show());						
																            
	            loadingImg.show();  
                row_container.hide();             
		        template.fadeIn("slow");					
				
				$.ajax({
				  data: createURL("command=createVlanIpRange&response=json" + array1.join("")),
					dataType: "json",
					success: function(json) {						    
						var vlan = json.createvlaniprangeresponse;
						template.attr("id", "publicip_range_"+vlan.id);
						vlanIpRangeJSONToTemplate(vlan, template);
						loadingImg.hide(); 								                            
                        row_container.show();    
					},
				    error: function(XMLHttpResponse) {						        
				        handleError(XMLHttpResponse);			    
					    template.slideUp("slow", function() {
							$(this).remove();
						});
				    }
				});		        
	        },
	        "Cancel": function() {
	            $(this).dialog("close");
	        }		    
	    }).dialog("open");
	    
	    return false;
	});
			
	$("#submenu_content_zones #action_edit_pod").bind("click", function(event) {             
		var id = $(this).data("id");		
		var zoneid = $(this).data("zoneid");
		var dialogEditPod = $("#dialog_edit_pod");	
					
		var oldName = $(this).data("name");				
		dialogEditPod.find("#edit_pod_name").val(oldName);
		
		var oldCidr = $(this).data("cidr");
		dialogEditPod.find("#edit_pod_cidr").val(oldCidr);	
		
		var oldStartip = $(this).data("startip");							
		dialogEditPod.find("#edit_pod_startip").val(oldStartip); 
		
		var oldEndip = $(this).data("endip");
		dialogEditPod.find("#edit_pod_endip").val(oldEndip);  
		
		var oldGateway = $(this).data("gateway"); 
		dialogEditPod.find("#edit_pod_gateway").val(oldGateway);
					
		dialogEditPod
		.dialog('option', 'buttons', { 				
			"Change": function() { 	
			    var thisDialog = $(this);
							    				
			    // validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#edit_pod_name"), thisDialog.find("#edit_pod_name_errormsg"));
				isValid &= validateCIDR("CIDR", thisDialog.find("#edit_pod_cidr"), thisDialog.find("#edit_pod_cidr_errormsg"));	
				isValid &= validateIp("Start IP Range", thisDialog.find("#edit_pod_startip"), dialogEditPod.find("#edit_pod_startip_errormsg"));  //required
				isValid &= validateIp("End IP Range", dialogEditPod.find("#edit_pod_endip"), thisDialog.find("#edit_pod_endip_errormsg"), true);  //optional
				isValid &= validateIp("Gateway", thisDialog.find("#edit_pod_gateway"), thisDialog.find("#edit_pod_gateway_errormsg"), true);  //optional when editing
				if (!isValid) return;			
              
                var newName = trim(thisDialog.find("#edit_pod_name").val());
				var newCidr = trim(thisDialog.find("#edit_pod_cidr").val());
				var newStartip = trim(thisDialog.find("#edit_pod_startip").val());
				var newEndip = trim(thisDialog.find("#edit_pod_endip").val());	
				var newIpRange = getIpRange(newStartip, newEndip);	
				var newGateway = trim(thisDialog.find("#edit_pod_gateway").val());				
                    
                var array1 = [];	
                array1.push("&id="+id);
                if(newName != oldName)
                    array1.push("&name="+encodeURIComponent(newName));
                if(newCidr != oldCidr)
                    array1.push("&cidr="+encodeURIComponent(newCidr));
                if(newStartip != oldStartip)
                    array1.push("&startIp="+encodeURIComponent(newStartip));    
                if(newEndip != oldEndip && newEndip != null && newEndip.length > 0)  
					array1.push("&endIp="+encodeURIComponent(newEndip));	
				if(newGateway != oldGateway && newGateway != null && newGateway.length > 0)				             
				    array1.push("&gateway="+encodeURIComponent(newGateway)); 
				
				$(this).dialog("close"); 
				
				var template = $("#pod_"+id); 
				var loadingImg = template.find(".adding_loading");	
				loadingImg.find(".adding_text").text("Updating a pod....");									
				var row_container = template.find("#row_container");
												            
	            loadingImg.show();  
                row_container.hide();             
		        template.fadeIn("slow");
				
				$.ajax({
				  data: createURL("command=updatePod&response=json"+array1.join("")),
					dataType: "json",
					success: function(json) {						   				    
					    var newIpRange = getIpRange(newStartip, newEndip);											   
						var obj = {"id": id, "zoneid": zoneid, "name": newName, "cidr": newCidr, "startip": newStartip, "endip": newEndip, "ipRange": newIpRange, "gateway": newGateway};  
				        podObjectToRightPanel(obj);					
						var podName = $("#pod_"+id).find("#pod_name").text(newName);
						podName.data("id", id).data("name", sanitizeXSS(newName)).data("cidr", newCidr).data("startip", newStartip).data("endip", newEndip).data("ipRange", newIpRange).data("gateway", newGateway);	
						loadingImg.hide(); 								                            
                        row_container.show();							
					},
				    error: function(XMLHttpResponse) {	
				        loadingImg.hide();  
                        row_container.show();   
				        handleError(XMLHttpResponse);							    
				    }
				});	
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			}
		}).dialog("open");			
	});
			
	$("#submenu_content_zones #action_add_publicip_vlan").bind("click", function(event) {			
		var id = $(this).data("id");
		
		// reset dialog
		dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container, #add_publicip_vlan_domain_container, #add_publicip_vlan_account_container").hide();
		dialogAddVlanForZone.find("#add_publicip_vlan_tagged, #add_publicip_vlan_vlan, #add_publicip_vlan_gateway, #add_publicip_vlan_netmask, #add_publicip_vlan_startip, #add_publicip_vlan_endip, #add_publicip_vlan_account").val("");
		dialogAddVlanForZone.find("#add_publicip_vlan_zone_name").text($(this).data("name"));
				
		if (getNetworkType() == 'vnet') {
			$("#add_publicip_vlan_type_container").hide();
		} else {	
			dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").show();	
			dialogAddVlanForZone.find("#add_publicip_vlan_type").change();
			$("#add_publicip_vlan_type_container").show();
			var podSelect = dialogAddVlanForZone.find("#add_publicip_vlan_pod").empty();		
			$.ajax({
			  data: createURL("command=listPods&zoneId="+id+"&response=json"+maxPageSize),
				dataType: "json",
				async: false,
				success: function(json) {
					var pods = json.listpodsresponse.pod;						
					if (pods != null && pods.length > 0) {
						for (var i = 0; i < pods.length; i++) {
							podSelect.append("<option value='" + pods[i].id + "'>" + sanitizeXSS(pods[i].name) + "</option>"); 
						}
					} else {
						podSelect.append("<option value=''>No available pods</option>"); 
					}
				}
			});
			
			var domainSelect = dialogAddVlanForZone.find("#add_publicip_vlan_domain").empty();	
			$.ajax({
			  data: createURL("command=listDomains&response=json"+maxPageSize),
				dataType: "json",
				async: false,
				success: function(json) {
					var domains = json.listdomainsresponse.domain;						
					if (domains != null && domains.length > 0) {
						for (var i = 0; i < domains.length; i++) {
							domainSelect.append("<option value='" + domains[i].id + "'>" + sanitizeXSS(domains[i].name) + "</option>"); 
						}
					} 
				}
			});
		}

		dialogAddVlanForZone
		.dialog('option', 'buttons', { 	
			"Add": function() { 	
			    var thisDialog = $(this);							
				// validate values
				var isValid = true;					
				var isTagged = false;
				var isDirect = false;
				if (getNetworkType() == "vlan") {
					isDirect = thisDialog.find("#add_publicip_vlan_type").val() == "false";
					isTagged = thisDialog.find("#add_publicip_vlan_tagged").val() == "tagged";
				}
				
				if (isDirect && isTagged) 
					isValid &= validateString("Account", thisDialog.find("#add_publicip_vlan_account"), thisDialog.find("#add_publicip_vlan_account_errormsg"), false); //required
				else
				    isValid &= validateString("Account", thisDialog.find("#add_publicip_vlan_account"), thisDialog.find("#add_publicip_vlan_account_errormsg"), true); //optional
				
				if (isTagged) {
					isValid &= validateNumber("VLAN", thisDialog.find("#add_publicip_vlan_vlan"), thisDialog.find("#add_publicip_vlan_vlan_errormsg"), 2, 4095);
				}
				isValid &= validateIp("Gateway", thisDialog.find("#add_publicip_vlan_gateway"), thisDialog.find("#add_publicip_vlan_gateway_errormsg"));
				isValid &= validateIp("Netmask", thisDialog.find("#add_publicip_vlan_netmask"), thisDialog.find("#add_publicip_vlan_netmask_errormsg"));
				isValid &= validateIp("Start IP Range", thisDialog.find("#add_publicip_vlan_startip"), thisDialog.find("#add_publicip_vlan_startip_errormsg"));   //required
				isValid &= validateIp("End IP Range", thisDialog.find("#add_publicip_vlan_endip"), thisDialog.find("#add_publicip_vlan_endip_errormsg"), true);  //optional
				if (!isValid) return;							
				
				var vlan = trim(thisDialog.find("#add_publicip_vlan_vlan").val());
				if (isTagged) {
					vlan = "&vlan="+vlan;
				} else {
					vlan = "&vlan=untagged";
				}
				var directParams = "";
				if (isDirect && isTagged) {
					directParams = "&domainId="+trim(thisDialog.find("#add_publicip_vlan_domain").val())+"&account="+trim(thisDialog.find("#add_publicip_vlan_account").val());
				} else if (isDirect && !isTagged) {
					directParams = "&podId="+trim(thisDialog.find("#add_publicip_vlan_pod").val());
				} else if (!isDirect && (dialogAddVlanForZone.find("#add_publicip_vlan_scope").val()=="account-specific")) {  //public VLAN, account-specific
				    directParams = "&domainId="+trim(thisDialog.find("#add_publicip_vlan_domain").val())+"&account="+trim(thisDialog.find("#add_publicip_vlan_account").val());
				}					
				
				var type = "true";
				if (getNetworkType() == "vlan") type = trim(thisDialog.find("#add_publicip_vlan_type").val());
				var gateway = trim(thisDialog.find("#add_publicip_vlan_gateway").val());
				var netmask = trim(thisDialog.find("#add_publicip_vlan_netmask").val());
				var startip = trim(thisDialog.find("#add_publicip_vlan_startip").val());
				var endip = trim(thisDialog.find("#add_publicip_vlan_endip").val());					
				
				thisDialog.dialog("close"); 
									
				var template = $("#vlan_ip_range_template").clone(true);
				var loadingImg = template.find(".adding_loading");										
				var row_container = template.find("#row_container");
				
				$("#zone_" + id + " #zone_content").show();	
				$("#zone_" + id + " #publicip_ranges_container").prepend(template.show());						
				$("#zone_" + id + " #zone_expand").removeClass().addClass("zonetree_openarrows");									            
	            loadingImg.show();  
                row_container.hide();             
		        template.fadeIn("slow");					
				
				$.ajax({
				  data: createURL("command=createVlanIpRange&forVirtualNetwork="+type+"&zoneId="+id+vlan+directParams+"&gateway="+encodeURIComponent(gateway)+"&netmask="+encodeURIComponent(netmask)+"&startip="+encodeURIComponent(startip)+"&endip="+encodeURIComponent(endip)+"&response=json"),
					dataType: "json",
					success: function(json) {
						var vlan = json.createvlaniprangeresponse;
						template.attr("id", "publicip_range_"+vlan.id);
						vlanIpRangeJSONToTemplate(vlan, template);
						loadingImg.hide(); 								                            
                        row_container.show();    
					},
				    error: function(XMLHttpResponse) {	
				        handleError(XMLHttpResponse);			    
					    template.slideUp("slow", function() {
							$(this).remove();
						});
				    }
				});
				
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
	});
	
	$("#zone_template").bind("click", function(event) {
		var template = $(this);
		var target = $(event.target);
		var action = target.attr("id");
		var id = template.data("id");
		var name = template.data("name");
		
		switch (action) {
			case "zone_expand" :
				if (target.hasClass("zonetree_closedarrows")) {
					$("#zone_"+id+" #zone_content").show();
					target.removeClass().addClass("zonetree_openarrows");
				} else {
					$("#zone_"+id+" #zone_content").hide();
					target.removeClass().addClass("zonetree_closedarrows");
				}
				break;
			case "zone_name" :
				$("#submenu_content_zones .zonetree_firstlevel_selected").removeClass().addClass("zonetree_firstlevel");
				$("#submenu_content_zones .zonetree_secondlevel_selected").removeClass().addClass("zonetree_secondlevel");
				template.find(".zonetree_firstlevel").removeClass().addClass("zonetree_firstlevel_selected");
									
				var obj = {"id": target.data("id"), "name": target.data("name"), "dns1": target.data("dns1"), "dns2": target.data("dns2"), "internaldns1": target.data("internaldns1"), "internaldns2": target.data("internaldns2"), "vlan": target.data("vlan"), "guestcidraddress": target.data("guestcidraddress")};
				zoneObjectToRightPanel(obj);					
				
				break;
			case "pod_name" :
				$("#submenu_content_zones .zonetree_firstlevel_selected").removeClass().addClass("zonetree_firstlevel");
				$("#submenu_content_zones .zonetree_secondlevel_selected").removeClass().addClass("zonetree_secondlevel");
				target.parent(".zonetree_secondlevel").removeClass().addClass("zonetree_secondlevel_selected");
									
				var obj = {"id": target.data("id"), "zoneid": target.data("zoneid"), "name": target.data("name"), "cidr": target.data("cidr"), "startip": target.data("startip"), "endip": target.data("endip"), "ipRange": target.data("ipRange"), "gateway": target.data("gateway")};
				podObjectToRightPanel(obj);
				
				break;
			case "vlan_ip_range_name" :
				$("#submenu_content_zones .zonetree_firstlevel_selected").removeClass().addClass("zonetree_firstlevel");
				$("#submenu_content_zones .zonetree_secondlevel_selected").removeClass().addClass("zonetree_secondlevel");
				target.parent(".zonetree_secondlevel").removeClass().addClass("zonetree_secondlevel_selected");
				
				var title = "<strong>Public VLAN IP Range</strong>";
				var isDirect = target.data("forVirtualNetwork") == "false";
				var isTagged = target.data("vlan") != "untagged";
				if (isDirect) {
					title = "<strong>Direct VLAN IP Range</strong>";
				}
				var rightPanelHtmlForDirect = "";
				if (isDirect && isTagged) {
					rightPanelHtmlForDirect = "<p><span>Domain ID:</span> "+target.data("domainId")+"</p><p><span>Account:</span> "+target.data("account")+"</p>"
				} else if (isDirect && !isTagged) {
					rightPanelHtmlForDirect = "<p><span>Pod:</span> "+target.data("podname")+"</p>";
				}
				
				rightPanel.html(title);
				
				var rightContentHtml = 
					"<p><span>VLAN ID:</span> "+target.data("vlan")+"</p>"
					+ rightPanelHtmlForDirect
					+ "<p><span>Gateway:</span> "+target.data("gateway")+"</p>"
					+ "<p><span>Netmask:</span> "+target.data("netmask")+"</p>"
					+ "<p><span>IP Range:</span> "+target.data("name")+"</p>";
				if(target.data("domain")!=null) 
					rightContentHtml += "<p><span>Domain:</span> "+target.data("domain")+"</p>";	
		        if(target.data("account")!=null) 
					rightContentHtml += "<p><span>Account:</span> "+target.data("account")+"</p>";	
				rightContent.data("id", target.data("id")).html(rightContentHtml);
				
				$("#submenu_content_zones").find("#action_edit_zone, #action_add_pod, #action_edit_pod, #action_add_publicip_vlan, #action_add_directip_vlan").hide();
				$("#submenu_content_zones #action_delete").data("id", target.data("id")).data("name", target.data("name")).data("type", "publicip_range").show();
				
				break;
			default:
				break;
		}
		return false;
	});
	
	function vlanIpRangeJSONToTemplate(json, template) {
		template.data("id", json.id);
		var vlanName = json.id;
		var vlanDisplayName = vlanName;
		if (json.description != undefined) {
			if (json.description.indexOf("-") == -1) {
				vlanName = json.description;
				vlanDisplayName = vlanName;
			} else {
				var ranges = json.description.split("-");
				vlanName = ranges[0] + " -" + ranges[1];
				vlanDisplayName = ranges[0] + " - " + ranges[1];
			}
		}
		var isDirect = json.forvirtualnetwork == "false";
		var isTagged = json.vlan != "untagged";
		if (isDirect) {
			template.find(".zonetree_ipicon").removeClass().addClass("zonetree_directipicon");
			template.find("#vlan_ip_range_type").text("Direct IP Range:");
		}
		else {
		    template.find("#vlan_ip_range_type").text("Public IP Range:");
		}
		template.find("#vlan_ip_range_name")
			.html(vlanName)
			.data("id", json.id)
			.data("name", vlanDisplayName)
			.data("vlan", json.vlan)
			.data("forVirtualNetwork", json.forvirtualnetwork)
			.data("gateway", json.gateway)
			.data("netmask", json.netmask);
			
		
		template.find("#vlan_ip_range_name").data("domainId", json.domainid); //json.domainid might be null.
		template.find("#vlan_ip_range_name").data("domain", json.domain);     //json.domain might be null.
		template.find("#vlan_ip_range_name").data("account", json.account);   //json.account might be null.	
		template.find("#vlan_ip_range_name").data("podname", json.podname);   //json.podname might be null.			
	}
	
	function getIpRange(startip, endip) {
	    var ipRange = "";
		if (startip != null && startip.length > 0) {
			ipRange = startip;
		}
		if (endip != null && endip.length > 0) {
			ipRange = ipRange + "-" + endip;
		}		
		return ipRange;
	}
	
	function podJSONToTemplate(json, template) {		    
		var ipRange = getIpRange(json.startip, json.endip);			
		template.data("id", json.id).data("name", json.name);
		
		var podName = template.find("#pod_name").text(json.name);
		podName.data("id", json.id);
		podName.data("zoneid", json.zoneid);
		podName.data("name", json.name);
		podName.data("cidr", json.cidr);
		podName.data("startip", json.startip);
		podName.data("endip", json.endip);
		podName.data("ipRange", ipRange);		
		podName.data("gateway", json.gateway);
							
		$.ajax({
		  data: createURL("command=listVlanIpRanges&zoneid="+json.zoneid+"&podid="+json.id+"&response=json"),
			dataType: "json",
			success: function(json) {				    
				var ranges = json.listvlaniprangesresponse.vlaniprange;
				var grid = template.find("#directip_ranges_container").empty();
				if (ranges != null && ranges.length > 0) {					    
					for (var i = 0; i < ranges.length; i++) {	
					    if(ranges[i].forvirtualnetwork == "false" && ranges[i].vlan == "untagged") { //direct untagged VLAN should be under pod, instead of under zone.						    		    
						    var rangeTemplate = $("#vlan_ip_range_template").clone(true).attr("id", "publicip_range_"+ranges[i].id);
						    vlanIpRangeJSONToTemplate(ranges[i], rangeTemplate);
						    grid.append(rangeTemplate.show());
						    							    					    
						    //direct untagged VLAN is under pod(2nd level). So, make direct untagged VLAN 3rd level.
						    rangeTemplate.find("#row_container .zonetree_secondlevel").removeClass().addClass("zonetree_thirdlevel");
						}
					}
				}
			}
		});						
	}
	
	function zoneJSONToTemplate(json, template) {
	    var zoneid = json.id;
		template.data("id", zoneid).data("name", sanitizeXSS(json.name));
		template.find("#zone_name")
			.text(json.name)
			.data("id", zoneid)
			.data("name", sanitizeXSS(json.name))
			.data("dns1", json.dns1)
			.data("internaldns1", json.internaldns1)
			.data("guestcidraddress", json.guestcidraddress);
			
		if (json.dns2 != undefined) {
			template.find("#zone_name").data("dns2", json.dns2);
		}
		if (json.internaldns2 != undefined) {
			template.find("#zone_name").data("internaldns2", json.internaldns2);
		}
		if (json.vlan != undefined) {
			template.find("#zone_name").data("vlan", json.vlan);
		}	
		
		$.ajax({
		  data: createURL("command=listPods&zoneid="+zoneid+"&response=json"),
			dataType: "json",
			success: function(json) {
				var pods = json.listpodsresponse.pod;
				var grid = template.find("#pods_container").empty();
				if (pods != null && pods.length > 0) {					    
					for (var i = 0; i < pods.length; i++) {
						var podTemplate = $("#pod_template").clone(true).attr("id", "pod_"+pods[i].id);
						podJSONToTemplate(pods[i], podTemplate);
						grid.append(podTemplate.show());
						forceLogout = false;
					}
				}
			}
		});
		
		$.ajax({
		  data: createURL("command=listVlanIpRanges&zoneId="+zoneid+"&response=json"),
			dataType: "json",
			success: function(json) {
				var ranges = json.listvlaniprangesresponse.vlaniprange;
				var grid = template.find("#publicip_ranges_container").empty();
				if (ranges != null && ranges.length > 0) {					    
					for (var i = 0; i < ranges.length; i++) {						    
					    if(ranges[i].forvirtualnetwork == "false" && ranges[i].vlan == "untagged") //direct untagged VLAN should be under pod, instead of under zone.
					        continue;
						var rangeTemplate = $("#vlan_ip_range_template").clone(true).attr("id", "publicip_range_"+ranges[i].id);
						vlanIpRangeJSONToTemplate(ranges[i], rangeTemplate);
						grid.append(rangeTemplate.show());
					}
				}
			}
		});
		
	}
	// If the network type is vnet, don't show any vlan stuff.
	if (getNetworkType() == "vnet") {
		$("#action_add_publicip_vlan").removeClass().addClass("zonedetails_addpublicipbutton");
		$("#dialog_add_vlan_for_zone").attr("title", "Add Public IP Range");
		$("#dialog_edit_zone #edit_zone_container, #dialog_add_zone #add_zone_container").hide();
	}
	activateDialog($("#dialog_add_zone").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_edit_zone").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_add_pod").dialog({ 
		autoOpen: false,
		modal: true,
		width:320,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_edit_pod").dialog({ 
		autoOpen: false,
		width: 320,
		modal: true,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_add_vlan_for_zone").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
		
	activateDialog($("#dialog_add_vlan_for_pod").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));	
					
	//direct VLAN shows only "tagged" option while public VLAN shows both "tagged" and "untagged" option. 		
	var dialogAddVlanForZone = $("#dialog_add_vlan_for_zone");
			
	dialogAddVlanForZone.find("#add_publicip_vlan_type").change(function(event) {
	    var addPublicipVlanTagged = dialogAddVlanForZone.find("#add_publicip_vlan_tagged").empty();
	   	
		if ($(this).val() == "false") { //direct VLAN (only tagged option)				
			dialogAddVlanForZone.find("#add_publicip_vlan_scope_container").hide();		
			addPublicipVlanTagged.append('<option value="tagged">tagged</option>');
							
			dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();
			dialogAddVlanForZone.find("#add_publicip_vlan_domain_container").show();
			dialogAddVlanForZone.find("#add_publicip_vlan_account_container").show();
			dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
			
		} else { //public VLAN				
			dialogAddVlanForZone.find("#add_publicip_vlan_scope_container").show();
			
			// default value of "#add_publicip_vlan_scope" is "zone-wide". Calling change() will hide "#add_publicip_vlan_domain_container", "#add_publicip_vlan_account_container". 
			dialogAddVlanForZone.find("#add_publicip_vlan_scope").change(); 					
							
			addPublicipVlanTagged.append('<option value="untagged">untagged</option>').append('<option value="tagged">tagged</option>');	
			
			if (dialogAddVlanForZone.find("#add_publicip_vlan_tagged") == "tagged") {
				dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();
				dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
			} else {
				dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").hide();
				dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
			}
		} 
		return false;
	});
			
	if (getNetworkType() != "vnet") {
		dialogAddVlanForZone.find("#add_publicip_vlan_tagged").change(function(event) {
			if (dialogAddVlanForZone.find("#add_publicip_vlan_type").val() == "false") { //direct VLAN (only tagged option)						
				dialogAddVlanForZone.find("#add_publicip_vlan_scope_container").hide();					
				dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();
				dialogAddVlanForZone.find("#add_publicip_vlan_domain_container").show();
				dialogAddVlanForZone.find("#add_publicip_vlan_account_container").show();
				dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();					
			
			} else { //public VLAN		
			    dialogAddVlanForZone.find("#add_publicip_vlan_scope_container").show();
			    
			    // default value of "#add_publicip_vlan_scope" is "zone-wide". Calling change() will hide "#add_publicip_vlan_domain_container", "#add_publicip_vlan_account_container". 
			    dialogAddVlanForZone.find("#add_publicip_vlan_scope").change(); 				
			    
				if ($(this).val() == "tagged") {
					dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();
					dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
				} else {
					dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").hide();
					dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
				}
			}
			return false;
		});
	} else {
		dialogAddVlanForZone.find("#add_publicip_vlan_container").hide();
	}
	
	dialogAddVlanForZone.find("#add_publicip_vlan_scope").change(function(event) {
	    if($(this).val() == "zone-wide") {
	        dialogAddVlanForZone.find("#add_publicip_vlan_domain_container").hide();
			dialogAddVlanForZone.find("#add_publicip_vlan_account_container").hide();    
	    } else { // account-specific
	        dialogAddVlanForZone.find("#add_publicip_vlan_domain_container").show();
			dialogAddVlanForZone.find("#add_publicip_vlan_account_container").show();    
	    }		    
	    return false;
	});
	
	$("#action_add_zone").bind("click", function(event) {		    
	    var thisDialog = $(this);
		thisDialog.find("#add_zone_name, #add_zone_dns1, #add_zone_dns2, #add_zone_internaldns1, #add_zone_internaldns2, #add_zone_startvlan, #add_zone_endvlan, #add_zone_guestcidraddress").val("");
		
		$("#dialog_add_zone")
		.dialog('option', 'buttons', { 				
			"Add": function() { 
			    var thisDialog = $(this);
								
				// validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#add_zone_name"), thisDialog.find("#add_zone_name_errormsg"));
				isValid &= validateIp("DNS 1", thisDialog.find("#add_zone_dns1"), thisDialog.find("#add_zone_dns1_errormsg"), false); //required
				isValid &= validateIp("DNS 2", thisDialog.find("#add_zone_dns2"), thisDialog.find("#add_zone_dns2_errormsg"), true);  //optional	
				isValid &= validateIp("Internal DNS 1", thisDialog.find("#add_zone_internaldns1"), thisDialog.find("#add_zone_internaldns1_errormsg"), false); //required
				isValid &= validateIp("Internal DNS 2", thisDialog.find("#add_zone_internaldns2"), thisDialog.find("#add_zone_internaldns2_errormsg"), true);  //optional	
				if (getNetworkType() != "vnet") {
					isValid &= validateString("Zone - Start VLAN Range", thisDialog.find("#add_zone_startvlan"), thisDialog.find("#add_zone_startvlan_errormsg"), false); //required
					isValid &= validateString("Zone - End VLAN Range", thisDialog.find("#add_zone_endvlan"), thisDialog.find("#add_zone_endvlan_errormsg"), true);        //optional
				}
				isValid &= validateCIDR("Guest CIDR", thisDialog.find("#add_zone_guestcidraddress"), thisDialog.find("#add_zone_guestcidraddress_errormsg"), false); //required
				if (!isValid) return;							
				
				var moreCriteria = [];	
				
				var name = trim(thisDialog.find("#add_zone_name").val());
				moreCriteria.push("&name="+encodeURIComponent(name));
				
				var dns1 = trim(thisDialog.find("#add_zone_dns1").val());
				moreCriteria.push("&dns1="+encodeURIComponent(dns1));
				
				var dns2 = trim(thisDialog.find("#add_zone_dns2").val());
				if (dns2 != null && dns2.length > 0) 
				    moreCriteria.push("&dns2="+encodeURIComponent(dns2));						
									
				var internaldns1 = trim(thisDialog.find("#add_zone_internaldns1").val());
				moreCriteria.push("&internaldns1="+encodeURIComponent(internaldns1));
				
				var internaldns2 = trim(thisDialog.find("#add_zone_internaldns2").val());
				if (internaldns2 != null && internaldns2.length > 0) 
				    moreCriteria.push("&internaldns2="+encodeURIComponent(internaldns2));						
				 											
				if (getNetworkType() != "vnet") {
					var vlanStart = trim(thisDialog.find("#add_zone_startvlan").val());	
					var vlanEnd = trim(thisDialog.find("#add_zone_endvlan").val());						
					if (vlanEnd != null && vlanEnd.length > 0) 
					    moreCriteria.push("&vlan=" + encodeURIComponent(vlanStart + "-" + vlanEnd));									
					else 							
						moreCriteria.push("&vlan=" + encodeURIComponent(vlanStart));		
				}					
				
				var guestcidraddress = trim(thisDialog.find("#add_zone_guestcidraddress").val());
				moreCriteria.push("&guestcidraddress="+encodeURIComponent(guestcidraddress));	
				
				thisDialog.dialog("close"); 
				
				var template = $("#zone_template").clone(true);
				var loadingImg = template.find(".adding_loading");										
				var row_container = template.find("#row_container");
				
				$("#submenu_content_zones #zones_container").prepend(template.show());					            
	            loadingImg.show();  
                row_container.hide();             
		        template.fadeIn("slow");				        		
				
				$.ajax({
				  data: createURL("command=createZone"+moreCriteria.join("")+"&response=json"),
					dataType: "json",
					success: function(json) {
						var zone = json.createzoneresponse;
						template.attr("id", "zone_"+zone.id);
						zoneJSONToTemplate(zone, template);							
						loadingImg.hide(); 								                            
                        row_container.show();      
					},
				    error: function(XMLHttpResponse) {
				        handleError(XMLHttpResponse);				    
					    template.slideUp("slow", function() {
							thisDialog.remove();
						});
				    }
				});
			}, 
			"Cancel": function() { 
			    var thisDialog = $(this);
				thisDialog.dialog("close"); 
				cleanErrMsg(thisDialog.find("#add_zone_name"), thisDialog.find("#add_zone_name_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_dns1"), thisDialog.find("#add_zone_dns1_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_dns2"), thisDialog.find("#add_zone_dns2_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_internaldns1"), thisDialog.find("#add_zone_internaldns1_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_internaldns2"), thisDialog.find("#add_zone_internaldns2_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_startvlan"), thisDialog.find("#add_zone_startvlan_errormsg"));
				cleanErrMsg(thisDialog.find("#add_zone_guestcidraddress"), thisDialog.find("#add_zone_guestcidraddress_errormsg"));
			} 
		}).dialog("open");
	});
	
	$("#submenu_zones").bind("click", function(event) {
		event.preventDefault();
		$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
		currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
		currentSubMenu = $(this);
		var container = $("#submenu_content_zones").show();
		$("#submenu_content_global, #submenu_content_service, #submenu_content_disk").hide(); 
		clearRightPanel();
		$.ajax({
		  data: createURL("command=listZones&available=true&response=json"+maxPageSize),
			dataType: "json",
			success: function(json) {
				var zones = json.listzonesresponse.zone;
				var grid = $("#submenu_content_zones #zones_container").empty();
				if (zones != null && zones.length > 0) {					    
					for (var i = 0; i < zones.length; i++) {
						var template = $("#zone_template").clone(true).attr("id", "zone_"+zones[i].id);
						zoneJSONToTemplate(zones[i], template);
						grid.append(template.show());
					}
				}
			}
		});
	});
	
	$("#service_template").bind("click", function(event) {
		var template = $(this);
		var link = $(event.target);
		var linkAction = link.attr("id");
		var svcId = template.data("svcId");
		var svcName = template.data("svcName");
		var submenuContent = $("#submenu_content_service");
		switch (linkAction) {
			case "service_action_edit" :
				var dialogEditService = $("#dialog_edit_service");
				
				dialogEditService.find("#service_name").text(svcName);
				dialogEditService.find("#edit_service_name").val(svcName);
				dialogEditService.find("#edit_service_display").val(template.find("#service_display").text());
				dialogEditService.find("#edit_service_offerha").val(toBooleanValue(template.find("#service_offerha").text()));					
				
				dialogEditService
				.dialog('option', 'buttons', { 						
					"Confirm": function() { 
					    var thisDialog = $(this);	
												
						// validate values
				        var isValid = true;					
				        isValid &= validateString("Name", thisDialog.find("#edit_service_name"), thisDialog.find("#edit_service_name_errormsg"));
				        isValid &= validateString("Display Text", thisDialog.find("#edit_service_display"), thisDialog.find("#edit_service_display_errormsg"));											
				        if (!isValid) return;	
				
				        var moreCriteria = [];	
				        var name = trim(thisDialog.find("#edit_service_name").val());
				        moreCriteria.push("&name="+encodeURIComponent(name));						        
						var displaytext = trim(thisDialog.find("#edit_service_display").val());
						moreCriteria.push("&displayText="+encodeURIComponent(displaytext));								
						var offerha = trim(thisDialog.find("#edit_service_offerha").val());
						moreCriteria.push("&offerha="+offerha);								
										
						thisDialog.dialog("close");
						
						$.ajax({
						  data: createURL("command=updateServiceOffering&id="+svcId+moreCriteria.join("")+"&response=json"),
							dataType: "json",
							success: function(json) {
								template.find("#service_displaytext").text(displaytext);
								template.find("#service_name").text(name);
								template.find("#service_offerha").text(toBooleanText(offerha));
								template.data("svcName", name);
							}
						});
					}, 
					"Cancel": function() { 
						$(this).dialog("close"); 
					} 
				}).dialog("open");
				break;
			case "service_action_delete" :
				$("#dialog_confirmation")
				.html("<p>Please confirm you want to remove the service offering: <b>"+svcName+"</b> from the management server. </p>")
				.dialog('option', 'buttons', { 						
					"Confirm": function() { 
						var dialogBox = $(this);
						$.ajax({
						  data: createURL("command=deleteServiceOffering&id="+svcId+"&response=json"),
							dataType: "json",
							success: function(json) {
								dialogBox.dialog("close");
								template.slideUp("slow", function() {
									$(this).remove();																			
									changeGridRowsTotal(submenuContent.find("#grid_rows_total"), -1);
								});
							}
						});
					}, 
					"Cancel": function() { 
						$(this).dialog("close"); 
					} 
				}).dialog("open");
				break;
			default :
				break;
		}
		return false;
	});
			
	function serviceJSONToTemplate(json, template) {	
	    template.attr("id", "service_"+json.id);	   
		(index++ % 2 == 0)? template.addClass("smallrow_even"): template.addClass("smallrow_odd");	
		template.data("svcId", json.id).data("svcName", sanitizeXSS(json.name));
		
		template.find("#service_id").text(json.id);
		template.find("#service_name").text(json.name);
		template.find("#service_displaytext").text(json.displaytext);
		template.find("#service_storagetype").text(json.storagetype);
		template.find("#service_cpu").text(json.cpunumber + " x " + convertHz(json.cpuspeed));
		template.find("#service_memory").text(convertBytes(parseInt(json.memory)*1024*1024));			
		template.find("#service_offerha").text(toBooleanText(json.offerha));
		template.find("#service_networktype").text(toNetworkType(json.usevirtualnetwork));
		template.find("#service_tags").text(json.tags);
		
		setDateField(json.created, template.find("#service_created"));			
	}
	
    $("#submenu_content_service .grid_container .grid_header .grid_genheader_cell").bind("click", function(event) {  	
        var headerColumn = $(this);  
        var sortingIcon = headerColumn.find(".gridsorting_arrow");
       
	    if (sortingIcon.hasClass("up") == false) {  //If it's not in ascending order, sort it ascending. 				   
	        $("#submenu_content_service .grid_container .grid_header .grid_genheader_cell .gridsorting_arrow").removeClass("down up"); //remove arrow from all header columns first     
            sortingIcon.addClass("up");  //add up arrow to this specific header column  
            sortingOrder = "asc";                
        }
        else if (sortingIcon.hasClass("up") == true) { //If it's in ascending order, sort it descending.               
	        $("#submenu_content_service .grid_container .grid_header .grid_genheader_cell .gridsorting_arrow").removeClass("down up"); //remove arrow from all header columns first	    
            sortingIcon.addClass("down");  //add down arrow to this specific header column    
            sortingOrder = "desc";                
        }           
        	        
        switch(headerColumn[0].id) {               
            case "id_header":  
                sortBy = "id";                     
                items.sort(sortArrayNumerically);         
                break;  
            case "name_header":  
                sortBy = "name";               
                items.sort(sortArrayAlphabetically);         
                break; 
            case "displaytext_header":  
                sortBy = "displaytext";               
                items.sort(sortArrayAlphabetically);         
                break; 
            case "storagetype_header":  
                sortBy = "storagetype";               
                items.sort(sortArrayAlphabetically);         
                break; 
            case "cpu_header":  
                //sortBy = "???";               
                //items.sort(sortArray???);         
                break; 
            case "memory_header":  
                sortBy = "memory";               
                parseFunction = parseInt;   
                items.sort(sortArrayNumericallyParse);            
                break; 
            case "offerha_header":  
                sortBy = "offerha";  
                parseFunction = toBooleanText;             
                items.sort(sortArrayAlphabetically);         
                break; 
            case "networktype_header":  
                sortBy = "usevirtualnetwork";          
                parseFunction = toNetworkType;   
                items.sort(sortArrayAlphabeticallyParse);         
                break;  
            case "tags_header":  
                sortBy = "tags";               
                items.sort(sortArrayAlphabetically);         
                break; 
            case "created_header":  
                sortBy = "created";               
                items.sort(sortArrayByDate);         
                break;           
        }
       
        drawGrid(items, $("#submenu_content_service"), $("#service_template"), serviceJSONToTemplate);       
        return false;
    });  			
	
	activateDialog($("#dialog_add_service").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_edit_service").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	activateDialog($("#dialog_edit_disk").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	$("#service_add_service").bind("click", function(event) {
		var dialogAddService = $("#dialog_add_service");
		
		dialogAddService.find("#add_service_name").val("");
		dialogAddService.find("#add_service_display").val("");
		dialogAddService.find("#add_service_cpucore").val("");
		dialogAddService.find("#add_service_cpu").val("");
		dialogAddService.find("#add_service_memory").val("");
		dialogAddService.find("#add_service_offerha").val("false");
			
		(g_hypervisorType == "kvm")? dialogAddService.find("#add_service_offerha_container").hide():dialogAddService.find("#add_service_offerha_container").show();            
		
		var submenuContent = $("#submenu_content_service");
		
		dialogAddService
		.dialog('option', 'buttons', { 				
			"Add": function() { 	
			    var thisDialog = $(this);
							
				// validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#add_service_name"), thisDialog.find("#add_service_name_errormsg"));
				isValid &= validateString("Display Text", thisDialog.find("#add_service_display"), thisDialog.find("#add_service_display_errormsg"));
				isValid &= validateNumber("# of CPU Core", thisDialog.find("#add_service_cpucore"), thisDialog.find("#add_service_cpucore_errormsg"), 1, 1000);		
				isValid &= validateNumber("CPU", thisDialog.find("#add_service_cpu"), thisDialog.find("#add_service_cpu_errormsg"), 100, 100000);		
				isValid &= validateNumber("Memory", thisDialog.find("#add_service_memory"), thisDialog.find("#add_service_memory_errormsg"), 64, 1000000);	
				isValid &= validateString("Tags", thisDialog.find("#add_service_tags"), thisDialog.find("#add_service_tags_errormsg"), true);	//optional							
				if (!isValid) return;										
									
				var submenuContent = $("#submenu_content_service");                  
                var template = $("#service_template").clone(true);		
				var loadingImg = template.find(".adding_loading");		
                var rowContainer = template.find("#row_container");    	                               
                loadingImg.find(".adding_text").text("Adding....");	
                loadingImg.show();  
                rowContainer.hide();                                   
                submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));    
									
				var array1 = [];						
				var name = trim(thisDialog.find("#add_service_name").val());
				array1.push("&name="+encodeURIComponent(name));	
				
				var display = trim(thisDialog.find("#add_service_display").val());
				array1.push("&displayText="+encodeURIComponent(display));	
				
				var storagetype = trim(thisDialog.find("#add_service_storagetype").val());
				array1.push("&storageType="+storagetype);	
				
				var core = trim(thisDialog.find("#add_service_cpucore").val());
				array1.push("&cpuNumber="+core);	
				
				var cpu = trim(thisDialog.find("#add_service_cpu").val());
				array1.push("&cpuSpeed="+cpu);	
				
				var memory = trim(thisDialog.find("#add_service_memory").val());
				array1.push("&memory="+memory);	
					
				var offerha = thisDialog.find("#add_service_offerha").val();	
				array1.push("&offerha="+offerha);								
									
				var networkType = thisDialog.find("#add_service_networktype").val();
				var useVirtualNetwork = (networkType=="direct")? false:true;
				array1.push("&usevirtualnetwork="+useVirtualNetwork);		
				
				var tags = trim(thisDialog.find("#add_service_tags").val());
				if(tags != null && tags.length > 0)
				    array1.push("&tags="+encodeURIComponent(tags));		
				
				thisDialog.dialog("close");
				$.ajax({
				  data: createURL("command=createServiceOffering"+array1.join("")+"&response=json"),
					dataType: "json",
					success: function(json) {
						var offering = json.createserviceofferingresponse;							
						serviceJSONToTemplate(offering, template);							
						changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1); 
						loadingImg.hide();  
                        rowContainer.show();    
					},			
                    error: function(XMLHttpResponse) {		                   
	                    handleError(XMLHttpResponse);	
	                    template.slideUp("slow", function(){ $(this).remove(); } );							    
                    }							
				});
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
		return false;
	});
	
	//add a new disk offering
	activateDialog($("#dialog_add_disk").dialog({ 
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
	
	$("#disk_add_disk").bind("click", function(event) {			   
		var dialogAddDisk = $("#dialog_add_disk");
		dialogAddDisk.find("#disk_name").val("");
		dialogAddDisk.find("#disk_description").val("");
		dialogAddDisk.find("#disk_disksize").val("");	
		var submenuContent = $("#submenu_content_disk");
				
		dialogAddDisk
		.dialog('option', 'buttons', { 				
			"Add": function() { 
			    var thisDialog = $(this);
								    		
				// validate values
				var isValid = true;					
				isValid &= validateString("Name", thisDialog.find("#add_disk_name"), thisDialog.find("#add_disk_name_errormsg"));
				isValid &= validateString("Description", thisDialog.find("#add_disk_description"), thisDialog.find("#add_disk_description_errormsg"));
				isValid &= validateNumber("Disk size", thisDialog.find("#add_disk_disksize"), thisDialog.find("#add_disk_disksize_errormsg"), 1, null); 
				isValid &= validateString("Tags", thisDialog.find("#add_disk_tags"), thisDialog.find("#add_disk_tags_errormsg"), true);	//optional	
				if (!isValid) return;		
				
				var submenuContent = $("#submenu_content_disk");                  
                var template = $("#disk_template").clone(true);		
				var loadingImg = template.find(".adding_loading");		
                var rowContainer = template.find("#row_container");    	                               
                loadingImg.find(".adding_text").text("Adding....");	
                loadingImg.show();  
                rowContainer.hide();                                   
                submenuContent.find("#grid_content").prepend(template.fadeIn("slow"));    		
					
				var array1 = [];					
				var name = trim(thisDialog.find("#add_disk_name").val());
				array1.push("&name="+encodeURIComponent(name));
				
				var description = trim(thisDialog.find("#add_disk_description").val());	
				array1.push("&displaytext="+encodeURIComponent(description));
							
				var disksize = trim(thisDialog.find("#add_disk_disksize").val());
				array1.push("&disksize="+disksize);
				
				var tags = trim(thisDialog.find("#add_disk_tags").val());
				if(tags != null && tags.length > 0)
				    array1.push("&tags="+encodeURIComponent(tags));		
						
				thisDialog.dialog("close");
				$.ajax({
				  data: createURL("command=createDiskOffering&isMirrored=false&response=json" + array1.join("")),
					dataType: "json",
					success: function(json) {						   
						var offering = json.creatediskofferingresponse;							
						diskJSONToTemplate(offering, template);							
						changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
						loadingImg.hide();  
                        rowContainer.show();    
					},			
                    error: function(XMLHttpResponse) {		                   
	                    handleError(XMLHttpResponse);	
	                    template.slideUp("slow", function(){ $(this).remove(); } );							    
                    }	
				});
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");			
		return false;
	});
			
	function listServiceOfferings() {	
	    var submenuContent = $("#submenu_content_service");
		
    	var commandString;            
		var advanced = submenuContent.find("#search_button").data("advanced");                    
		if (advanced != null && advanced) {		
		    var name = submenuContent.find("#advanced_search #adv_search_name").val();				   
		    var moreCriteria = [];								
			if (name!=null && trim(name).length > 0) 
				moreCriteria.push("&name="+encodeURIComponent(trim(name)));				
			commandString = "command=listServiceOfferings&page="+currentPage+moreCriteria.join("")+"&response=json";    
		} else {              
    	    var searchInput = submenuContent.find("#search_input").val();           	   
            if (searchInput != null && searchInput.length > 0) 
                commandString = "command=listServiceOfferings&page="+currentPage +"&keyword="+searchInput+"&response=json";
            else
                commandString = "command=listServiceOfferings&page="+currentPage+"&response=json"; 
        }   
    	
    	//listItems(submenuContent, commandString, jsonResponse1, jsonResponse2, template, fnJSONToTemplate);         
        listItems(submenuContent, commandString, "listserviceofferingsresponse", "serviceoffering", $("#service_template"), serviceJSONToTemplate);          	
	}
		
	submenuContentEventBinder($("#submenu_content_service"), listServiceOfferings);	
			
	$("#submenu_service").bind("click", function(event) {
	    event.preventDefault();					   
		
		$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
		currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
		currentSubMenu = $(this);
		
		var submenuContent = $("#submenu_content_service").show();
		$("#submenu_content_zones, #submenu_content_global, #submenu_content_disk").hide();	
		
		currentPage = 1;							
		listServiceOfferings();   	
	});		
	
	//Disk Offering
	$("#disk_template").bind("click", function(event) {		   
		var template = $(this);
		var link = $(event.target);
		var linkAction = link.attr("id");
		var diskId = template.data("diskId");
		var diskName = template.data("diskName");
		var submenuContent = $("#submenu_content_disk");
		
		switch (linkAction) {	
		    case "disk_action_edit" :	
		        var dialogEditDisk = $("#dialog_edit_disk");		        
				dialogEditDisk.find("#edit_disk_name").val(template.find("#disk_name").text());
				dialogEditDisk.find("#edit_disk_display").val(template.find("#disk_description").text());		
							
				dialogEditDisk
				.dialog('option', 'buttons', { 						
					"Confirm": function() { 							
						// validate values
				        var isValid = true;						        			
				        isValid &= validateString("Name", dialogEditDisk.find("#edit_disk_name"), dialogEditDisk.find("#edit_disk_name_errormsg"));
				        isValid &= validateString("Display Text", dialogEditDisk.find("#edit_disk_display"), dialogEditDisk.find("#edit_disk_display_errormsg"));											
				        if (!isValid) return;	
				
				        var name = trim(dialogEditDisk.find("#edit_disk_name").val());
						var display = trim(dialogEditDisk.find("#edit_disk_display").val());
						
						var dialogBox = $(this);					
						dialogBox.dialog("close");
						$.ajax({
						  data: createURL("command=updateDiskOffering&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(display)+"&id="+diskId+"&response=json"),
							dataType: "json",
							success: function(json) {									   				    
								template.find("#disk_description").text(display);
								template.find("#disk_name").text(name);
								template.data("diskName", name);
							}
						});
					}, 
					"Cancel": function() { 
						$(this).dialog("close"); 
					} 
				}).dialog("open");
				break;	
			case "disk_action_delete" :
				$("#dialog_confirmation")
				.html("<p>Please confirm you want to remove the disk offering: <b>"+diskName+"</b> from the management server. </p>")
				.dialog('option', 'buttons', { 						
					"Confirm": function() { 
						var dialogBox = $(this);
						$.ajax({
						  data: createURL("command=deleteDiskOffering&id="+diskId+"&response=json"),
							dataType: "json",
							success: function(json) {
								dialogBox.dialog("close");
								template.slideUp("slow", function() {
									$(this).remove();										
									changeGridRowsTotal(submenuContent.find("#grid_rows_total"), -1);
								});
							}
						});
					},
					"Cancel": function() { 
						$(this).dialog("close"); 
					} 
				}).dialog("open");
				break;
			default :
				break;
		}
		return false;
	});
				
	function diskJSONToTemplate(json, template) {	
	    template.attr("id", "disk_"+json.id);	    
		if (index++ % 2 == 0) {
			template.addClass("smallrow_even");
		} else {
			template.addClass("smallrow_odd");
		}
		template.data("diskId", json.id).data("diskName", sanitizeXSS(json.name));	
				
		template.find("#disk_id").text(json.id);			
		template.find("#disk_name").text(json.name);
		template.find("#disk_description").text(json.displaytext);
	    template.find("#disk_disksize").text(convertBytes(json.disksize));
	    template.find("#disk_tags").text(json.tags);
		template.find("#disk_domain").text(json.domain); 			
	    template.find("#disk_ismirrored").text(json.ismirrored);	
	}
		
	function listDiskOfferings() {		  
	    var submenuContent = $("#submenu_content_disk");
	
    	var commandString;            
		var advanced = submenuContent.find("#search_button").data("advanced");                    
		if (advanced != null && advanced) {		
		    var name = submenuContent.find("#advanced_search #adv_search_name").val();				   
		    var moreCriteria = [];								
			if (name!=null && trim(name).length > 0) 
				moreCriteria.push("&name="+encodeURIComponent(trim(name)));						
			commandString = "command=listDiskOfferings&page="+currentPage+moreCriteria.join("")+"&response=json";      //moreCriteria.join("")
		} else {              
    	    var searchInput = submenuContent.find("#search_input").val();            
            if (searchInput != null && searchInput.length > 0) 
                commandString = "command=listDiskOfferings&page="+currentPage+"&keyword="+searchInput+"&response=json";                                
            else
                commandString = "command=listDiskOfferings&page="+currentPage+"&response=json";    
        }
    	  
    	//listItems(submenuContent, commandString, jsonResponse1, jsonResponse2, template, fnJSONToTemplate);         
        listItems(submenuContent, commandString, "listdiskofferingsresponse", "diskoffering", $("#disk_template"), diskJSONToTemplate);              	
	}		
	
	submenuContentEventBinder($("#submenu_content_disk"), listDiskOfferings);	
				
	$("#submenu_disk").bind("click", function(event) {	
	    event.preventDefault();	
	    	
		$(this).toggleClass("submenu_links_on").toggleClass("submenu_links_off");
		currentSubMenu.toggleClass("submenu_links_off").toggleClass("submenu_links_on");
		currentSubMenu = $(this);
		
		var submenuContent = $("#submenu_content_disk").show();
		$("#submenu_content_zones, #submenu_content_service, #submenu_content_global").hide();			
		
		currentPage=1;
		listDiskOfferings();
	});
			
	$("#submenu_global").click();
}