/**
 *  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/>.
 * 
 */
 var networkType = "Basic";
 function afterLoadZoneJSP($leftmenuItem1) {
    hideMiddleMenu();  
        
    var $topButtonContainer = clearButtonsOnTop();			    	       
	$("#top_buttons").appendTo($topButtonContainer);     
        
    initDialog("dialog_add_external_cluster_in_zone_page", 320);
    initDialog("dialog_add_pod", 370); 
    initDialog("dialog_add_vlan_for_zone");
    initDialog("dialog_add_secondarystorage"); 
    initDialog("dialog_confirmation_delete_secondarystorage");     
    initDialog("dialog_add_host_in_zone_page"); 
	initDialog("dialog_add_pool_in_zone_page");
    
    // If the network type is vnet, don't show any vlan stuff.
    bindEventHandlerToDialogAddVlanForZone();	        
            
    //switch between different tabs in zone page    
    var tabArray = [$("#tab_details"), $("#tab_secondarystorage"), $("#tab_network")];
    var tabContentArray = [$("#tab_content_details"), $("#tab_content_secondarystorage"), $("#tab_content_network")];      
    var afterSwitchFnArray = [zoneJsonToDetailsTab, zoneJsonToSecondaryStorageTab, zoneJsonToNetworkTab];
    switchBetweenDifferentTabs(tabArray, tabContentArray, afterSwitchFnArray); 
                 
	zoneJsonToRightPanel($leftmenuItem1);		  
}

function zoneJsonToRightPanel($leftmenuItem1) {	                  
    bindAddPodButton($("#add_pod_button"), $leftmenuItem1);                  
    //bindAddVLANButton($("#add_vlan_button"), $leftmenuItem1);
    bindAddSecondaryStorageButton($("#add_secondarystorage_button"), $leftmenuItem1);
          
    var pods;
    var zoneObj = $leftmenuItem1.data("jsonObj");
    var zoneId = zoneObj.id;
    var zoneName = zoneObj.name;
	networkType = zoneObj.networktype;
    $.ajax({
        data: createURL("command=listPods&zoneid="+zoneId),
        dataType: "json",
        async: false,
        success: function(json) {            
            pods = json.listpodsresponse.pod;            
        }        
    });
    if(pods != null && pods.length > 0) {
        bindAddClusterButtonOnZonePage($("#add_cluster_button"), zoneId, zoneName); 
        bindAddHostButtonOnZonePage($("#add_host_button"), zoneId, zoneName); 
        bindAddPrimaryStorageButtonOnZonePage($("#add_primarystorage_button"), zoneId, zoneName);  
    }

    $("#right_panel_content").data("$leftmenuItem1", $leftmenuItem1);      
    $("#right_panel_content").find("#tab_details").click();     
}

function zoneJsonClearRightPanel() {
    zoneJsonClearDetailsTab();   
    zoneJsonClearNetworkTab();				    
    zoneJsonClearSecondaryStorageTab();
}

function zoneJsonToDetailsTab() {	 
    var $leftmenuItem1 = $("#right_panel_content").data("$leftmenuItem1");
    if($leftmenuItem1 == null)
        return;
    
    var jsonObj = $leftmenuItem1.data("jsonObj");    
    if(jsonObj == null) 
	    return;	
       
    $.ajax({
        data: createURL("command=listZones&available=true&id="+jsonObj.id),
        dataType: "json",
        async: false,
        success: function(json) {            
            var items = json.listzonesresponse.zone;			
			if(items != null && items.length > 0) {
                jsonObj = items[0];
                $leftmenuItem1.data("jsonObj", jsonObj);                  
            }
        }
    });    
    
    var $thisTab = $("#right_panel_content").find("#tab_content_details");  
    $thisTab.find("#tab_container").hide(); 
    $thisTab.find("#tab_spinning_wheel").show();        
                 
    $thisTab.find("#id").text(fromdb(jsonObj.id));
    $thisTab.find("#grid_header_title").text(fromdb(jsonObj.name));
    
    $thisTab.find("#name").text(fromdb(jsonObj.name));
    $thisTab.find("#name_edit").val(fromdb(jsonObj.name));
    
    $thisTab.find("#dns1").text(fromdb(jsonObj.dns1));
    $thisTab.find("#dns1_edit").val(fromdb(jsonObj.dns1));
    
    $thisTab.find("#dns2").text(fromdb(jsonObj.dns2));
    $thisTab.find("#dns2_edit").val(fromdb(jsonObj.dns2));
    
    $thisTab.find("#internaldns1").text(fromdb(jsonObj.internaldns1));
    $thisTab.find("#internaldns1_edit").val(fromdb(jsonObj.internaldns1));
    
    $thisTab.find("#internaldns2").text(fromdb(jsonObj.internaldns2));
    $thisTab.find("#internaldns2_edit").val(fromdb(jsonObj.internaldns2));
    
    $thisTab.find("#networktype").text(fromdb(jsonObj.networktype));
    if(jsonObj.networktype == "Basic") {
        $("#midmenu_add_vlan_button, #tab_network, #tab_content_details #vlan_container").hide();
    }
    else if(jsonObj.networktype == "Advanced") {
        $("#midmenu_add_vlan_button, #tab_network, #tab_content_details #vlan_container").show();           
        
        var vlan = jsonObj.vlan; 
        $thisTab.find("#vlan").text(fromdb(vlan));      
        if(vlan != null) {           
		    if(vlan.indexOf("-") != -1) {  //e.g. vlan == "30-33"
			    var startVlan = vlan.substring(0, vlan.indexOf("-"));
			    var endVlan = vlan.substring((vlan.indexOf("-")+1));	
			    $thisTab.find("#startvlan_edit").val(startVlan);
			    $thisTab.find("#endvlan_edit").val(endVlan);			
		    }
		    else {  //e.g. vlan == "30"
		        $thisTab.find("#startvlan_edit").val(vlan);					        
		    }
	    } 
    }	
        
    $thisTab.find("#guestcidraddress").text(fromdb(jsonObj.guestcidraddress));   
    $thisTab.find("#guestcidraddress_edit").val(fromdb(jsonObj.guestcidraddress));   
        
    $thisTab.find("#domain").text(fromdb(jsonObj.domain)); 
        
    //actions ***   
    var $actionLink = $thisTab.find("#action_link"); 
    $actionLink.bind("mouseover", function(event) {	    
        $(this).find("#action_menu").show();    
        return false;
    });
    $actionLink.bind("mouseout", function(event) {       
        $(this).find("#action_menu").hide();    
        return false;
    });	  
    var $actionMenu = $thisTab.find("#action_link #action_menu");
    $actionMenu.find("#action_list").empty();      
    buildActionLinkForTab("Edit Zone", zoneActionMap, $actionMenu, $leftmenuItem1, $thisTab);    
    buildActionLinkForTab("Delete Zone", zoneActionMap, $actionMenu, $leftmenuItem1, $thisTab);   
    
    $thisTab.find("#tab_spinning_wheel").hide();    
    $thisTab.find("#tab_container").show();      
}	  

function zoneJsonClearDetailsTab() {	    
    var $thisTab = $("#right_panel_content").find("#tab_content_details");    
    $thisTab.find("#grid_header_title").text("");         
    $thisTab.find("#id").text("");
    
    $thisTab.find("#name").text("");
    $thisTab.find("#name_edit").val("");
    
    $thisTab.find("#dns1").text("");
    $thisTab.find("#dns1_edit").val("");
    
    $thisTab.find("#dns2").text("");
    $thisTab.find("#dns2_edit").val("");
    
    $thisTab.find("#internaldns1").text("");
    $thisTab.find("#internaldns1_edit").val("");
    
    $thisTab.find("#internaldns2").text("");
    $thisTab.find("#internaldns2_edit").val("");
    
    $thisTab.find("#networktype").text("");	
    
    $thisTab.find("#vlan").text("");
    $thisTab.find("#startvlan_edit").val("");
	$thisTab.find("#endvlan_edit").val("");	
    
    $thisTab.find("#guestcidraddress").text("");   
    $thisTab.find("#guestcidraddress_edit").val("");  
    
    $thisTab.find("#domain").text(""); 
    
    //actions ***   
    var $actionMenu = $thisTab.find("#action_link #action_menu");
    $actionMenu.find("#action_list").empty();   
	$actionMenu.find("#action_list").append($("#no_available_actions").clone().show());		
}	

function zoneJsonToSecondaryStorageTab() {      	
	var $leftmenuItem1 = $("#right_panel_content").data("$leftmenuItem1");
    if($leftmenuItem1 == null)
        return;
    
    var jsonObj = $leftmenuItem1.data("jsonObj");    
    if(jsonObj == null) 
	    return;		
      
    var $thisTab = $("#right_panel_content").find("#tab_content_secondarystorage");
	$thisTab.find("#tab_container").hide(); 
    $thisTab.find("#tab_spinning_wheel").show();   
 	
    $.ajax({
		cache: false,
		data: createURL("command=listHosts&type=SecondaryStorage&zoneid="+jsonObj.id),
		dataType: "json",
		success: function(json) {			   			    
			var items = json.listhostsresponse.host;	
			var $container = $thisTab.find("#tab_container").empty();																					
			if (items != null && items.length > 0) {			    
				var $template = $("#secondary_storage_tab_template");				
				for (var i = 0; i < items.length; i++) {
					var $newTemplate = $template.clone(true);	               
	                secondaryStorageJSONToTemplate(items[i], $newTemplate); 
	                $container.append($newTemplate.show());	
				}			
			}	
			$thisTab.find("#tab_spinning_wheel").hide();    
            $thisTab.find("#tab_container").show();    		
		}
	});     
}

function zoneJsonClearSecondaryStorageTab() {   
    $("#right_panel_content").find("#tab_content_secondarystorage").empty();	
}

var $vlanContainer;
function zoneJsonToNetworkTab(jsonObj) {	
    var $leftmenuItem1 = $("#right_panel_content").data("$leftmenuItem1");	
    if($leftmenuItem1 == null)
        return;
        
	var jsonObj = $leftmenuItem1.data("jsonObj");	    
    if(jsonObj == null) 	    
	    return;	
    
    var $thisTab = $("#right_panel_content").find("#tab_content_network");
	$thisTab.find("#tab_container").hide(); 
    $thisTab.find("#tab_spinning_wheel").show();  		
        
    $thisTab.find("#zone_cloud").find("#zone_name").text(fromdb(jsonObj.name));	 
    $thisTab.find("#zone_vlan").text(jsonObj.vlan);   
           
	var $vlanTemplate = $("#vlan_template");
    $.ajax({
		data: createURL("command=listVlanIpRanges&zoneId="+jsonObj.id),
		dataType: "json",
		success: function(json) {
			var items = json.listvlaniprangesresponse.vlaniprange;		
			$vlanContainer = $thisTab.find("#vlan_container").empty();   					
			if (items != null && items.length > 0) {					    
				for (var i = 0; i < items.length; i++) {	
				    var item = items[i];
				    					   
				    var $template1 = $vlanTemplate.clone(); 							   
				    $template1.find("#vlan_type_icon").removeClass("direct").addClass("virtual");				    
				    
				    vlanJsonToTemplate(item, $template1, false);
				    $vlanContainer.append($template1.show());											
				}
			}
			$.ajax({
				data: createURL("command=listNetworks&type=Direct&zoneId="+jsonObj.id),
				dataType: "json",
				success: function(json) {
					var items = json.listnetworksresponse.network;		
					if (items != null && items.length > 0) {					    
						for (var i = 0; i < items.length; i++) {	
							var item = items[i];
												   
							var $template1 = $vlanTemplate.clone(); 							   
							$template1.find("#vlan_type_icon").removeClass("virtual").addClass("direct");
							
							vlanJsonToTemplate(item, $template1, true);
							$vlanContainer.append($template1.show());											
						}
					}
					$thisTab.find("#tab_spinning_wheel").hide();    
					$thisTab.find("#tab_container").show();    
				}
			});
		}
	});
}	 

function zoneJsonClearNetworkTab() {	    
    var $thisTab = $("#right_panel_content").find("#tab_content_network");      
    $thisTab.find("#zone_cloud").find("#zone_name").text("");	 
    $thisTab.find("#zone_vlan").text("");   
    $thisTab.find("#vlan_container").empty();    
}	

function vlanJsonToTemplate(jsonObj, $template1, isNetwork) {
	$template1.attr("id", "network"+jsonObj.id);
    $template1.data("jsonObj", jsonObj);
    $template1.find("#vlan_id").text(jsonObj.vlan);
	var ipRange = jsonObj.startip;
	if (jsonObj.endip != undefined || jsonObj.endip != null) {
		ipRange += "-"+jsonObj.endip;
	}
	$template1.find("#ip_range").text(fromdb(ipRange));
    $template1.unbind("click").bind("click", function(event) {        
        var $target = $(event.target);
        var targetId = $target.attr("id");     
        switch(targetId) {
            case "info_icon": //show info dropdown 
                var $infoDropdown = $target.siblings("#info_dropdown");               
                $infoDropdown.find("#vlan").text(fromdb(jsonObj.vlan));
                $infoDropdown.find("#gateway").text(fromdb(jsonObj.gateway));
                $infoDropdown.find("#netmask").text(fromdb(jsonObj.netmask));
                $infoDropdown.find("#iprange").text(fromdb(ipRange));
                if(jsonObj.domainid != null) {
                    var $container = $infoDropdown.find("#domainid_container").show();
                    $container.find("#domainid").text(fromdb(jsonObj.domainid));               
                }                
                if(jsonObj.domain != null) {
                     var $container = $infoDropdown.find("#domain_container").show();
                    $container.find("#domain").text(fromdb(jsonObj.domain));        
                }
                if(jsonObj.account != null) {
                    var $container = $infoDropdown.find("#account_container").show();
                    $container.find("#account").text(fromdb(jsonObj.account));
                }
                if(jsonObj.podname != null) {
                    var $container = $infoDropdown.find("#podname_container").show();
                    $container.find("#podname").text(fromdb(jsonObj.podname));
                }     
				
				//network only display
				if (isNetwork) {
					var $container = $infoDropdown.find("#network_name_container").show();
					$container.find("#network_name").text(fromdb(jsonObj.name));
					$container = $infoDropdown.find("#network_desc_container").show();
					$container.find("#network_desc").text(fromdb(jsonObj.displaytext));
				}
                $infoDropdown.show();
                break;
                
            case "close_link":  //hide info dropdown              
                $target.parent().parent().hide();
                break;
            
            case "delete_vlan": //delete VLAN               
                $.ajax({
                    data: createURL("command=deleteVlanIpRange&id="+jsonObj.id),
                    dataType: "json",
                    success: function(json) {                        
                        $template1.slideUp("slow", function() {
                            $(this).remove();
                        });
                    }
                });
                break;
        }
        
        return false;
    });
} 	


function bindAddVLANButton($button, $leftmenuItem1) {    
    $button.show();   
    $button.unbind("click").bind("click", function(event) {  
        if($("#tab_content_network").css("display") == "none")
            $("#tab_network").click();      
            
        var zoneObj = $leftmenuItem1.data("jsonObj");  
        var dialogAddVlanForZone = $("#dialog_add_vlan_for_zone"); 
        dialogAddVlanForZone.find("#info_container").hide();
        dialogAddVlanForZone.find("#zone_name").text(fromdb(zoneObj.name));         
		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("");
						
		if (zoneObj.networktype == 'Basic') {
			dialogAddVlanForZone.find("#add_publicip_vlan_type_container").hide();
		} else {	
			dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").show();	
			dialogAddVlanForZone.find("#add_publicip_vlan_type").change();
			dialogAddVlanForZone.find("#add_publicip_vlan_type_container").show();
			var podSelect = dialogAddVlanForZone.find("#add_publicip_vlan_pod").empty();		
			$.ajax({
			    data: createURL("command=listPods&zoneId="+zoneObj.id),
				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 + "'>" + fromdb(pods[i].name) + "</option>"); 
						}
					} else {
						podSelect.append("<option value=''>No available pods</option>"); 
					}
				}
			});
			
			var domainSelect = dialogAddVlanForZone.find("#add_publicip_vlan_domain").empty();	
			if(zoneObj.domainid != null) { //list only domains under zoneObj.domainid
			    domainSelect.append("<option value='" + zoneObj.domainid + "'>" + fromdb(zoneObj.domain) + "</option>"); 	
			        									
			    function populateDomainDropdown(id) {					        
                    $.ajax({
	                    data: createURL("command=listDomainChildren&id="+id),
	                    dataType: "json",
	                    async: false,
	                    success: function(json) {					        
	                        var domains = json.listdomainchildrenresponse.domain;		                  		        	    
		                    if (domains != null && domains.length > 0) {					    
			                    for (var i = 0; i < domains.length; i++) {	
				                    domainSelect.append("<option value='" + domains[i].id + "'>" + fromdb(domains[i].name) + "</option>"); 	
				                    if(domains[i].haschild == true) 
		                                populateDomainDropdown(domains[i].id);				   
			                    }
		                    }				
	                    }
                    }); 
                }	
                
                populateDomainDropdown(zoneObj.domainid);
            }
            else { //list all domains            
                 $.ajax({
                    data: createURL("command=listDomains"),
                    dataType: "json",
                    success: function(json) {           
                        var items = json.listdomainsresponse.domain;
                        if(items != null && items.length > 0) {
                            for(var i=0; i<items.length; i++) {
                                domainSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>"); 
                            }		
                        }
                    }    
                });  
            }   
		}

		dialogAddVlanForZone
		.dialog('option', 'buttons', { 	
			"Add": function() { 	
			    var $thisDialog = $(this);		
			    					
				// validate values
				var isValid = true;					
				var isTagged = $thisDialog.find("#add_publicip_vlan_tagged").val() == "tagged";
				var isDirect = $thisDialog.find("#add_publicip_vlan_type").val() == "false";
				
				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);
				}
				if (isDirect) {
					isValid &= validateString("Network Name", $thisDialog.find("#add_publicip_vlan_network_name"), $thisDialog.find("#add_publicip_vlan_network_name_errormsg"));
					isValid &= validateString("Network Description", $thisDialog.find("#add_publicip_vlan_network_desc"), $thisDialog.find("#add_publicip_vlan_network_desc_errormsg"));
				}
				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;		
				    
				//$thisDialog.dialog("close"); 		//only close dialog when this action succeeds		
				$thisDialog.find("#spinning_wheel").show()
				
				var vlan = trim($thisDialog.find("#add_publicip_vlan_vlan").val());
				if (isTagged) {
					vlan = "&vlan="+vlan;
				} else {
					vlan = "&vlan=untagged";
				}
								
				var scopeParams = "";
				if(dialogAddVlanForZone.find("#add_publicip_vlan_scope").val()=="account-specific") {
				    scopeParams = "&domainId="+trim($thisDialog.find("#add_publicip_vlan_domain").val())+"&account="+trim($thisDialog.find("#add_publicip_vlan_account").val());  
				} else if (isDirect) {
					scopeParams = "&isshared=true";
				}
								
				var 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());					
				
				if (!isDirect) {
					// Allocating ip ranges on a vlan for virtual networking
					$.ajax({
						data: createURL("command=createVlanIpRange&forVirtualNetwork="+type+"&zoneId="+zoneObj.id+vlan+scopeParams+"&gateway="+todb(gateway)+"&netmask="+todb(netmask)+"&startip="+todb(startip)+"&endip="+todb(endip)),
						dataType: "json",
						success: function(json) {	
							$thisDialog.find("#spinning_wheel").hide();
							$thisDialog.dialog("close");
						
							var $template1 = $("#vlan_template").clone(); 							   
							$template1.find("#vlan_type_icon").removeClass("direct").addClass("virtual");	
							
							var item = json.createvlaniprangeresponse.vlan;
							vlanJsonToTemplate(item, $template1, false);	        				
							$vlanContainer.prepend($template1);	
							$template1.fadeIn("slow");
						},
						error: function(XMLHttpResponse) {
							handleError(XMLHttpResponse, function() {
								handleErrorInDialog(XMLHttpResponse, $thisDialog);	
							});
						}
					});
				} else {
					// Creating network for the direct networking
					var name = todb($thisDialog.find("#add_publicip_vlan_network_name").val());
					var desc = todb($thisDialog.find("#add_publicip_vlan_network_desc").val());
					$.ajax({
						data: createURL("command=listNetworkOfferings"),
						dataType: "json",
						async: false,
						success: function(json) {
							var networkOfferings = json.listnetworkofferingsresponse.networkoffering;
							if (networkOfferings != null && networkOfferings.length > 0) {
								for (var i = 0; i < networkOfferings.length; i++) {
									if (networkOfferings[i].type == "Direct" && networkOfferings[i].isdefault) {
										// Create a network from this.
										$.ajax({
											data: createURL("command=createNetwork&name="+name+"&displayText="+desc+"&networkOfferingId="+networkOfferings[i].id+"&zoneId="+zoneObj.id+vlan+scopeParams+"&gateway="+todb(gateway)+"&netmask="+todb(netmask)+"&startip="+todb(startip)+"&endip="+todb(endip)),
											dataType: "json",
											success: function(json) {	
												$thisDialog.find("#spinning_wheel").hide();
												$thisDialog.dialog("close");
											
												var $template1 = $("#vlan_template").clone(); 							   
												$template1.find("#vlan_type_icon").removeClass("virtual").addClass("direct");
												
												var item = json.createnetworkresponse.network;
												vlanJsonToTemplate(item, $template1, true);	        				
												$vlanContainer.prepend($template1);	
												$template1.fadeIn("slow");
											},
											error: function(XMLHttpResponse) {
												handleError(XMLHttpResponse, function() {
													handleErrorInDialog(XMLHttpResponse, $thisDialog);	
												});
											}
										});
									}
								}
							}
						}
					});
				}
				
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");           
        return false;
    });
}


function bindAddSecondaryStorageButton($button, $leftmenuItem1) {    
    $button.show();      
    $button.unbind("click").bind("click", function(event) {
        if($("#tab_content_secondarystorage").css("display") == "none")
            $("#tab_secondarystorage").click();    
        
        var zoneObj = $leftmenuItem1.data("jsonObj");    
        $("#dialog_add_secondarystorage").find("#zone_name").text(fromdb(zoneObj.name));   
        $("#dialog_add_secondarystorage").find("#info_container").hide();		    
   
        $("#dialog_add_secondarystorage")
	    .dialog('option', 'buttons', { 				    
		    "Add": function() { 
		        var $thisDialog = $(this);	
	            
			    // validate values					
			    var isValid = true;							    
			    isValid &= validateString("NFS Server", $thisDialog.find("#nfs_server"), $thisDialog.find("#nfs_server_errormsg"));	
			    isValid &= validatePath("Path", $thisDialog.find("#path"), $thisDialog.find("#path_errormsg"));					
			    if (!isValid) 
			        return;
			    
				$thisDialog.find("#spinning_wheel").show();
								     					  								            				
			    var zoneId = zoneObj.id;		
			    var nfs_server = trim($thisDialog.find("#nfs_server").val());		
			    var path = trim($thisDialog.find("#path").val());	    					    				    					   					
				var url = nfsURL(nfs_server, path);  
			    				  
			    $.ajax({
				    data: createURL("command=addSecondaryStorage&zoneId="+zoneId+"&url="+todb(url)),
				    dataType: "json",
				    success: function(json) {	
				        $thisDialog.find("#spinning_wheel").hide();				        
				        $thisDialog.dialog("close");
					
					    var $subgridItem = $("#secondary_storage_tab_template").clone(true);	                        
				        secondaryStorageJSONToTemplate(json.addsecondarystorageresponse.secondarystorage, $subgridItem);	
	                    $subgridItem.find("#after_action_info").text("Secondary storage was added successfully.");
                        $subgridItem.find("#after_action_info_container").removeClass("error").addClass("success").show();  
                        $("#tab_content_secondarystorage").find("#tab_container").append($subgridItem.show());  
				    },			
                    error: function(XMLHttpResponse) {	
						handleError(XMLHttpResponse, function() {
							handleErrorInDialog(XMLHttpResponse, $thisDialog);
						});
                    }					    			    
			    });
		    }, 
		    "Cancel": function() { 
			    $(this).dialog("close"); 
		    } 
	    }).dialog("open");                
        return false;
    });
}

function bindAddPodButton($button, $leftmenuItem1) {       
    $button.unbind("click").bind("click", function(event) {   
        var zoneObj = $leftmenuItem1.data("jsonObj"); 
        
        var $dialogAddPod = $("#dialog_add_pod");
        
        if(zoneObj.networktype == "Basic") { //basic-mode network (pod-wide VLAN)
            $dialogAddPod.find("#guestip_container, #guestnetmask_container, #guestgateway_container").show();
        }
        else if(zoneObj.networktype == "Advanced") { //advanced-mode network (zone-wide VLAN)
            $dialogAddPod.find("#guestip_container, #guestnetmask_container, #guestgateway_container").hide();     
        }       
                
        $dialogAddPod.find("#info_container").hide();				  	
        $dialogAddPod.find("#add_pod_zone_name").text(fromdb(zoneObj.name));
        //$dialogAddPod.find("#add_pod_name, #add_pod_netmask, #add_pod_startip, #add_pod_endip, #add_pod_gateway").val("");
        
        $dialogAddPod
        .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 &= validateIp("Netmask", $thisDialog.find("#add_pod_netmask"), $thisDialog.find("#add_pod_netmask_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($thisDialog.find("#guestip_container").css("display") != "none")
                    isValid &= addZoneWizardValidateGuestIPRange($thisDialog);
		        		        
		        if (!isValid) 
		            return;			
                
                $thisDialog.find("#spinning_wheel").show()
                  
                var name = trim($thisDialog.find("#add_pod_name").val());
		        var netmask = trim($thisDialog.find("#add_pod_netmask").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="+zoneObj.id);
                array1.push("&name="+todb(name));
                array1.push("&netmask="+todb(netmask));
                array1.push("&startIp="+todb(startip));
                if (endip != null && endip.length > 0)
                    array1.push("&endIp="+todb(endip));
                array1.push("&gateway="+todb(gateway));			
								
		        $.ajax({
		          data: createURL("command=createPod"+array1.join("")), 
			        dataType: "json",
			        success: function(json) {
			            $thisDialog.find("#spinning_wheel").hide();
			            $thisDialog.dialog("close");
			            
			            var item = json.createpodresponse.pod; 	
		                var $zoneNode = $("#leftmenu_zone_tree").find("#tree_container").find("#zone_" + zoneObj.id);			                		                		                
				        if($zoneNode.find("#zone_arrow").hasClass("expanded_open")) {
				            var template = $("#leftmenu_pod_node_template").clone(true);
		                    podJSONToTreeNode(item, template);	     
				            $zoneNode.find("#pods_container").prepend(template.fadeIn("slow"));		
				        }
				        else {	
		                    $zoneNode.find("#zone_arrow").click();  //expand zone node to show the newly added pod
		                }			               
		                    			                                    
                        forceLogout = false;  // We don't force a logout if pod(s) exit.
				        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");
				        }
				        	            
				        //Create IP Range 
                        if($thisDialog.find("#guestip_container").css("display") != "none") {       
		                    var netmask = $thisDialog.find("#guestnetmask").val();
		                    var startip = $thisDialog.find("#startguestip").val();
		                    var endip = $thisDialog.find("#endguestip").val();	
		                    var guestgateway = $thisDialog.find("#guestgateway").val();
                    				
		                    var array1 = [];
		                    array1.push("&vlan=untagged");	
		                    array1.push("&zoneid=" + zoneObj.id);
		                    array1.push("&podId=" + item.id);	
		                    array1.push("&forVirtualNetwork=false"); //direct VLAN	
		                    array1.push("&gateway="+todb(guestgateway));
		                    array1.push("&netmask="+todb(netmask));	
		                    array1.push("&startip="+todb(startip));
		                    if(endip != null && endip.length > 0)
		                        array1.push("&endip="+todb(endip));
                            
                            $.ajax({
		                        data: createURL("command=createVlanIpRange" + array1.join("")),
			                    dataType: "json",
			                    async: false,
			                    success: function(json) { 	                    			                			    
				                    //var item = json.createvlaniprangeresponse.vlan;				                    			
			                    },		   
		                        error: function(XMLHttpResponse) {					                    
				                    handleError(XMLHttpResponse, function() {
					                    handleErrorInDialog(XMLHttpResponse, $thisDialog);	
				                    });				                    			
                                }
		                    });		
                        }				        
				          
			        },
		            error: function(XMLHttpResponse) {	
						handleError(XMLHttpResponse, function() {
							handleErrorInDialog(XMLHttpResponse, $thisDialog);	
						});
		            }
		        });					
	        }, 
	        "Cancel": function() { 
		        $(this).dialog("close"); 
	        } 
        }).dialog("open");        
        return false;
    });            
}

function secondaryStorageJSONToTemplate(json, template) {
    template.data("jsonObj", json);
    template.attr("id", "secondaryStorage_"+json.id).data("secondaryStorageId", json.id);   	
   	template.find("#id").text(json.id);
   	template.find("#title").text(fromdb(json.name));
   	template.find("#name").text(fromdb(json.name));
   	template.find("#zonename").text(fromdb(json.zonename));	
	template.find("#type").text(json.type);	
    template.find("#ipaddress").text(json.ipaddress);
       
    setHostStateInRightPanel(fromdb(json.state), template.find("#state"))
    
    template.find("#version").text(json.version); 
    setDateField(json.disconnected, template.find("#disconnected"));
    
    var $actionLink = template.find("#secondarystorage_action_link");		
	$actionLink.bind("mouseover", function(event) {
        $(this).find("#secondarystorage_action_menu").show();    
        return false;
    });
    $actionLink.bind("mouseout", function(event) {
        $(this).find("#secondarystorage_action_menu").hide();    
        return false;
    });		
	
	var $actionMenu = $actionLink.find("#secondarystorage_action_menu");
    $actionMenu.find("#action_list").empty();	
    
    buildActionLinkForSubgridItem("Delete Secondary Storage", secondarystorageActionMap, $actionMenu, template);	    
}   


function bindEventHandlerToDialogAddVlanForZone() {
    //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)		
			addPublicipVlanTagged.append('<option value="tagged">tagged</option>');
			dialogAddVlanForZone.find("#add_publicip_vlan_network_name_container").show();	
			dialogAddVlanForZone.find("#add_publicip_vlan_network_desc_container").show();	
			dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();			
			dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
			
		} 
		else if ($(this).val() == "true") { //public VLAN	
			dialogAddVlanForZone.find("#add_publicip_vlan_network_name_container").hide();	
			dialogAddVlanForZone.find("#add_publicip_vlan_network_desc_container").hide();	
			dialogAddVlanForZone.find("#add_publicip_vlan_cidr_container").hide();	
			addPublicipVlanTagged.append('<option value="untagged">untagged</option>').append('<option value="tagged">tagged</option>');	
		} 
		
		dialogAddVlanForZone.find("#add_publicip_vlan_tagged").change();
		
		// 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(); 			
		
		return false;
	});
			
	if (networkType == "Advanced") {
		dialogAddVlanForZone.find("#add_publicip_vlan_tagged").change(function(event) {	
			if ($(this).val() == "tagged") {
				dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").show();
				dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
								
				dialogAddVlanForZone.find("#add_publicip_vlan_scope").empty().append('<option value="zone-wide">zone-wide</option>').append('<option value="account-specific">account-specific</option>');
			} 
			else if($(this).val() == "untagged") {  
				dialogAddVlanForZone.find("#add_publicip_vlan_vlan_container").hide();
				dialogAddVlanForZone.find("#add_publicip_vlan_pod_container").hide();
				
				dialogAddVlanForZone.find("#add_publicip_vlan_scope").empty().append('<option value="zone-wide">zone-wide</option>');				
			}			
			
			// 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(); 	
			
			return false;
		});
		
		dialogAddVlanForZone.find("#add_publicip_vlan_tagged").change();		
	} 
	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 if($(this).val() == "account-specific") { 
	        dialogAddVlanForZone.find("#add_publicip_vlan_domain_container").show();
			dialogAddVlanForZone.find("#add_publicip_vlan_account_container").show();    
	    }		    
	    return false;
	});
}

var secondarystorageActionMap = {
    "Delete Secondary Storage": {   
        isAsyncJob: false,   
        dialogBeforeActionFn: doDeleteSecondaryStorage,       
        inProcessText: "Deleting Secondary Storaget....",
        afterActionSeccessFn: function(json, id, $subgridItem) {                        
            $subgridItem.slideUp("slow", function() {
                $(this).remove();
            });
        }
    } 
}

function doDeleteSecondaryStorage($actionLink, $subgridItem) { 
    var jsonObj = $subgridItem.data("jsonObj");
       
    $("#dialog_confirmation_delete_secondarystorage")	
	.dialog('option', 'buttons', { 						
		"Confirm": function() { 
		    var $thisDialog = $(this);	
			$thisDialog.dialog("close");       	                                             
         
            var name = $thisDialog.find("#name").val();	                
             
            var id = jsonObj.id;
            var apiCommand = "command=deleteHost&id="+id;    	
    	    doActionToSubgridItem(id, $actionLink, apiCommand, $subgridItem);				
		}, 
		"Cancel": function() { 
			$(this).dialog("close"); 
		} 
	}).dialog("open");
}

var zoneActionMap = {
    "Edit Zone": {
        dialogBeforeActionFn: doEditZone  
    },
    "Delete Zone": {  
        api: "deleteZone",            
        isAsyncJob: false,        
        inProcessText: "Deleting Zone....",
        afterActionSeccessFn: function(json, $leftmenuItem1, id) {   
            $leftmenuItem1.slideUp(function() {
                $(this).remove();
            });
            clearRightPanel();
            zoneJsonClearRightPanel();
        }
    }
}


function doEditZone($actionLink, $detailsTab, $leftmenuItem1) {       
    var $readonlyFields  = $detailsTab.find("#name, #dns1, #dns2, #internaldns1, #internaldns2, #vlan, #guestcidraddress");
    var $editFields = $detailsTab.find("#name_edit, #dns1_edit, #dns2_edit, #internaldns1_edit, #internaldns2_edit, #startvlan_edit, #endvlan_edit, #guestcidraddress_edit");
           
    $readonlyFields.hide();
    $editFields.show();  
    $detailsTab.find("#cancel_button, #save_button").show();
    
    $detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){    
        $editFields.hide();
        $readonlyFields.show();   
        $("#save_button, #cancel_button").hide();       
        return false;
    });
    $detailsTab.find("#save_button").unbind("click").bind("click", function(event){        
        doEditZone2($actionLink, $detailsTab, $leftmenuItem1, $readonlyFields, $editFields);   
        return false;
    });   
}

function doEditZone2($actionLink, $detailsTab, $leftmenuItem1, $readonlyFields, $editFields) {    
    // validate values
	var isValid = true;			
	isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"));
	isValid &= validateIp("DNS 1", $detailsTab.find("#dns1_edit"), $detailsTab.find("#dns1_edit_errormsg"), false);	//required
	isValid &= validateIp("DNS 2", $detailsTab.find("#dns2_edit"), $detailsTab.find("#dns2_edit_errormsg"), true);	//optional	
	isValid &= validateIp("Internal DNS 1", $detailsTab.find("#internaldns1_edit"), $detailsTab.find("#internaldns1_edit_errormsg"), false);	//required
	isValid &= validateIp("Internal DNS 2", $detailsTab.find("#internaldns2_edit"), $detailsTab.find("#internaldns2_edit_errormsg"), true);	//optional						
	if ($("#tab_content_details #vlan_container").css("display") != "none") {
		isValid &= validateString("Start VLAN Range", $detailsTab.find("#startvlan_edit"), $detailsTab.find("#startvlan_edit_errormsg"), true); //optional (Bug 5730 requested to change VLAN to be optional when updating zone)
		isValid &= validateString("End VLAN Range", $detailsTab.find("#endvlan_edit"), $detailsTab.find("#endvlan_edit_errormsg"), true);  //optional
	}
	isValid &= validateCIDR("Guest CIDR", $detailsTab.find("#guestcidraddress_edit"), $detailsTab.find("#guestcidraddress_edit_errormsg"), false);	//required					
	if (!isValid) 
	    return;							
	
	var moreCriteria = [];	
	
	var jsonObj = $leftmenuItem1.data("jsonObj"); 
	
	var oldDns1 = jsonObj.dns1;
	var oldDns2 = jsonObj.dns2;	
	
	var name = $detailsTab.find("#name_edit").val();
	if(name != jsonObj.name)
	    moreCriteria.push("&name="+todb(name));
	
	var dns1 = $detailsTab.find("#dns1_edit").val();
	if(dns1 != jsonObj.dns1)
	    moreCriteria.push("&dns1="+todb(dns1));
	
	var dns2 = $detailsTab.find("#dns2_edit").val();
	if (dns2 != jsonObj.dns2) //dns2 can be an empty string
		moreCriteria.push("&dns2="+todb(dns2));	
	
	var internaldns1 = $detailsTab.find("#internaldns1_edit").val();
	if(internaldns1 != jsonObj.internaldns1)
	    moreCriteria.push("&internaldns1="+todb(internaldns1));
	
	var internaldns2 = $detailsTab.find("#internaldns2_edit").val();	
	if (internaldns2 != jsonObj.internaldns2) //internaldns2 can be an empty string
		moreCriteria.push("&internaldns2="+todb(internaldns2));						
	
	var vlan;				
	if ($("#tab_content_details #vlan_container").css("display") != "none") {
		var vlanStart = $detailsTab.find("#startvlan_edit").val();	
		if(vlanStart != null && vlanStart.length > 0) {
		    var vlanEnd = $detailsTab.find("#endvlan_edit").val();						
		    if (vlanEnd != null && vlanEnd.length > 0) 
		        vlan = vlanStart + "-" + vlanEnd;						    							
		    else 	
		        vlan = vlanStart;							
                      
            if(vlan != jsonObj.vlan)
               moreCriteria.push("&vlan=" + todb(vlan));	
        }
	}				
	
	var guestcidraddress = $detailsTab.find("#guestcidraddress_edit").val();
	if(guestcidraddress != jsonObj.guestcidraddress)
	    moreCriteria.push("&guestcidraddress="+todb(guestcidraddress));				    		 
	 
	if(moreCriteria.length > 0) { 	        	
	    $.ajax({
	      data: createURL("command=updateZone&id="+jsonObj.id+moreCriteria.join("")),
		    dataType: "json",
		    success: function(json) {		   
		        var item = json.updatezoneresponse.zone;		  
		        $leftmenuItem1.data("jsonObj", item);
		        $leftmenuItem1.find("#zone_name").text(item.name);
		        zoneJsonToRightPanel($leftmenuItem1);	
    		    
		        $editFields.hide();      
                $readonlyFields.show();       
                $("#save_button, #cancel_button").hide();  
                           
                if(item.dns1 != oldDns1 || item.dns2 != oldDns2) {
                    $("#dialog_info")
                    .text("DNS update will not take effect until all virtual routers and system vms are stopped and then started")
                    .dialog("open"); 
                }               	    
		    }
	    }); 
	}  
	else {
	    $editFields.hide();      
        $readonlyFields.show();       
        $("#save_button, #cancel_button").hide();  
	}
}


function bindAddClusterButtonOnZonePage($button, zoneId, zoneName) {
    $button.show();
    $button.unbind("click").bind("click", function(event) {
        $dialogAddCluster = $("#dialog_add_external_cluster_in_zone_page");      
        $dialogAddCluster.find("#info_container").hide();          
        $dialogAddCluster.find("#zone_name").text(zoneName);
         
        var $podSelect = $dialogAddCluster.find("#pod_dropdown");    	
        $.ajax({
            data: createURL("command=listPods&zoneid="+zoneId),
            dataType: "json",
            async: false,
            success: function(json) {            
                var pods = json.listpodsresponse.pod;   
                $podSelect.empty(); 
                if(pods != null && pods.length > 0) {
                    for(var i=0; i<pods.length; i++)
                        $podSelect.append("<option value='" + pods[i].id + "'>" + fromdb(pods[i].name) + "</option>"); 	
                }  
                $podSelect.change();        
            }        
        });    
        
        $dialogAddCluster.find("#cluster_hypervisor").change(function() {
        	if($(this).val() == "VmWare") {
        		$('li[input_group="vmware"]', $dialogAddCluster).show();
        		$dialogAddCluster.find("#type_dropdown").change();
        	} else {
        		$('li[input_group="vmware"]', $dialogAddCluster).hide();
        		$("#cluster_name_label", $dialogAddCluster).text("Cluster:");
        	}
        }).change();
        
        $dialogAddCluster.find("#type_dropdown").change(function() {
        	if($(this).val() == "ExternalManaged") {
        		$('li[input_sub_group="external"]', $dialogAddCluster).show();
        		$("#cluster_name_label", $dialogAddCluster).text("vCenter Cluster:");
        	} else {
        		$('li[input_sub_group="external"]', $dialogAddCluster).hide();
        		$("#cluster_name_label", $dialogAddCluster).text("Cluster:");
        	}
        });
        
        $dialogAddCluster.dialog('option', 'buttons', { 				
	        "Add": function() { 
	            var $thisDialog = $(this);		            
	            			   
		        // validate values
			    var hypervisor = $thisDialog.find("#cluster_hypervisor").val();
			    var clusterType="CloudManaged";
			    if(hypervisor == "VmWare")
			    	clusterType = $thisDialog.find("#type_dropdown").val();
	            
		        var isValid = true;
		        if(hypervisor == "VmWare" && clusterType != "CloudManaged") {
			        isValid &= validateString("vCenter Server", $thisDialog.find("#cluster_hostname"), $thisDialog.find("#cluster_hostname_errormsg"));
			        isValid &= validateString("vCenter user", $thisDialog.find("#cluster_username"), $thisDialog.find("#cluster_username_errormsg"));
			        isValid &= validateString("Password", $thisDialog.find("#cluster_password"), $thisDialog.find("#cluster_password_errormsg"));	
			        isValid &= validateString("Datacenter", $thisDialog.find("#cluster_datacenter"), $thisDialog.find("#cluster_datacenter_errormsg"));	
		        }
		        isValid &= validateString("Cluster name", $thisDialog.find("#cluster_name"), $thisDialog.find("#cluster_name_errormsg"));	
		        if (!isValid) 
		            return;
		            				
				$thisDialog.find("#spinning_wheel").show(); 				
				
		        var array1 = [];
			    array1.push("&hypervisor="+hypervisor);
			    array1.push("&clustertype=" + clusterType);
		        array1.push("&zoneId="+zoneId);
		        
		        //expand zone in left menu tree (to show pod, cluster under the zone) 
				var $zoneNode = $("#leftmenu_zone_tree").find("#tree_container").find("#zone_" + zoneId);							
				if($zoneNode.find("#zone_arrow").hasClass("expanded_close"))
				    $zoneNode.find("#zone_arrow").click();
										             
		        var podId = $thisDialog.find("#pod_dropdown").val();
		        array1.push("&podId="+podId);

		        var clusterName = trim($thisDialog.find("#cluster_name").val());
		        if(hypervisor == "VmWare" && clusterType != "CloudManaged") {
			        var username = trim($thisDialog.find("#cluster_username").val());
			        array1.push("&username="+todb(username));
					
			        var password = trim($thisDialog.find("#cluster_password").val());
			        array1.push("&password="+todb(password));
			        
			        var hostname = trim($thisDialog.find("#cluster_hostname").val());
			        var dcName = trim($thisDialog.find("#cluster_datacenter").val());
			        var url;					
			        if(hostname.indexOf("http://")==-1)
			            url = "http://" + todb(hostname);
			        else
			            url = hostname;
			        url += "/" + todb(dcName) + "/" + todb(clusterName);
			        array1.push("&url=" + todb(url));
			        
			        clusterName = hostname + "/" + dcName + "/" + clusterName
		        } 
		        
		        array1.push("&clustername=" + todb(clusterName));
									
		        $.ajax({
			       data: createURL("command=addCluster" + array1.join("")),
			        dataType: "json",
			        success: function(json) {
			            $thisDialog.find("#spinning_wheel").hide();
			            $thisDialog.dialog("close");
					
					    showMiddleMenu();
					    
                        clickClusterNodeAfterAddHost("new_cluster_radio", podId, clusterName, null, $thisDialog);
			        },			
                    error: function(XMLHttpResponse) {	
						handleError(XMLHttpResponse, function() {							
							handleErrorInDialog(XMLHttpResponse, $thisDialog);							
						});
                    }				
		        });
	        }, 
	        "Cancel": function() { 
		        $(this).dialog("close"); 
	        } 
        }).dialog("open");            
        return false;
    });
}


function bindAddHostButtonOnZonePage($button, zoneId, zoneName) {
    $button.show();
   
    var $dialogAddHost = $("#dialog_add_host_in_zone_page");   
    var $podSelect = $dialogAddHost.find("#pod_dropdown");
        
    $podSelect.bind("change", function(event) {	        	   
        var podId = $(this).val();
        if(podId == null || podId.length == 0)
            return;        
        
        var hypervisorType = $dialogAddHost.find("#host_hypervisor");
        refreshClsuterFieldInAddHostDialog($dialogAddHost, podId, null, hypervisorType);        
    });   
    
    $button.unbind("click").bind("click", function(event) { 
        $dialogAddHost.find("#zone_name").text(zoneName);             
        $dialogAddHost.find("#info_container").hide();    
        $dialogAddHost.find("#new_cluster_name").val("");
        
        $.ajax({
            data: createURL("command=listPods&zoneid="+zoneId),
            dataType: "json",
            async: false,
            success: function(json) {            
                var pods = json.listpodsresponse.pod;   
                $podSelect.empty(); 
                if(pods != null && pods.length > 0) {
                    for(var i=0; i<pods.length; i++)
                        $podSelect.append("<option value='" + pods[i].id + "'>" + fromdb(pods[i].name) + "</option>"); 	
                }  
                $podSelect.change();        
            }        
        });    
        
        $dialogAddHost.find("#host_hypervisor").change(function() {
        	if($(this).val() == "VmWare") {
        		$('li[input_group="general"]', $dialogAddHost).hide();
        		$('li[input_group="vmware"]', $dialogAddHost).show();
        	} else {
        		$('li[input_group="vmware"]', $dialogAddHost).hide();
        		$('li[input_group="general"]', $dialogAddHost).show();
        	}
        	
            refreshClsuterFieldInAddHostDialog($dialogAddHost, $podSelect.val(), null, $(this).val());        
        }).change();
	    
        $dialogAddHost
        .dialog('option', 'buttons', { 				
	        "Add": function() { 
	            var $thisDialog = $(this);		            
	    			   
			    var hypervisor = $thisDialog.find("#host_hypervisor").val();
		        var clusterRadio = $thisDialog.find("input[name=cluster]:checked").val();				
			
		        // validate values
		        var isValid = true;			       	
		        isValid &= validateDropDownBox("Pod", $thisDialog.find("#pod_dropdown"), $thisDialog.find("#pod_dropdown_errormsg"));									
		        
		        if(hypervisor == "VmWare") {
			        isValid &= validateString("vCenter Address", $thisDialog.find("#host_vcenter_address"), $thisDialog.find("#host_vcenter_address_errormsg"));
			        isValid &= validateString("vCenter User", $thisDialog.find("#host_vcenter_username"), $thisDialog.find("#host_vcenter_username_errormsg"));
			        isValid &= validateString("vCenter Password", $thisDialog.find("#host_vcenter_password"), $thisDialog.find("#host_vcenter_password_errormsg"));	
			        isValid &= validateString("vCenter Datacenter", $thisDialog.find("#host_vcenter_dc"), $thisDialog.find("#host_vcenter_dc_errormsg"));	
			        isValid &= validateString("vCenter Host", $thisDialog.find("#host_vcenter_host"), $thisDialog.find("#host_vcenter_host_errormsg"));	
		        } else {
			        isValid &= validateString("Host name", $thisDialog.find("#host_hostname"), $thisDialog.find("#host_hostname_errormsg"));
			        isValid &= validateString("User name", $thisDialog.find("#host_username"), $thisDialog.find("#host_username_errormsg"));
			        isValid &= validateString("Password", $thisDialog.find("#host_password"), $thisDialog.find("#host_password_errormsg"));	
		        }
		        
		        if(clusterRadio == "new_cluster_radio") {
					isValid &= validateString("Cluster Name", $thisDialog.find("#new_cluster_name"), $thisDialog.find("#new_cluster_name_errormsg"));
				}
		        if (!isValid) 
		            return;		            			
					
				$thisDialog.find("#spinning_wheel").show() 				
				
		        var array1 = [];
				
			    array1.push("&hypervisor="+hypervisor);
			    array1.push("&clustertype=CloudManaged");
		        array1.push("&zoneid="+zoneId);
		        
		        //expand zone in left menu tree (to show pod, cluster under the zone) 
				var $zoneNode = $("#leftmenu_zone_tree").find("#tree_container").find("#zone_" + zoneId);							
				if($zoneNode.find("#zone_arrow").hasClass("expanded_close"))
				    $zoneNode.find("#zone_arrow").click();
										             
		        var podId = $thisDialog.find("#pod_dropdown").val();
		        array1.push("&podid="+podId);
						      
				var newClusterName, existingClusterId;							
			    if(clusterRadio == "new_cluster_radio") {
		            newClusterName = trim($thisDialog.find("#new_cluster_name").val());
		            array1.push("&clustername="+todb(newClusterName));				    
		        }
		        else if(clusterRadio == "existing_cluster_radio") {			            
		            existingClusterId = $thisDialog.find("#cluster_select").val();
				    // We will default to no cluster if someone selects Join Cluster with no cluster available.
				    if (existingClusterId != '-1') {
					    array1.push("&clusterid="+existingClusterId);
				    }
		        }				

			    if(hypervisor == "VmWare") {
			        var username = trim($thisDialog.find("#host_vcenter_username").val());
			        array1.push("&username="+todb(username));
					
			        var password = trim($thisDialog.find("#host_vcenter_password").val());
			        array1.push("&password="+todb(password));
				    
			        var hostname = trim($thisDialog.find("#host_vcenter_address").val());
			        hostname += "/" + trim($thisDialog.find("#host_vcenter_dc").val());
			        hostname += "/" + trim($thisDialog.find("#host_vcenter_host").val());
			        
			        var url;					
			        if(hostname.indexOf("http://")==-1)
			            url = "http://" + todb(hostname);
			        else
			            url = hostname;
			        array1.push("&url="+todb(url));
			    	
			    } else {
			        var username = trim($thisDialog.find("#host_username").val());
			        array1.push("&username="+todb(username));
					
			        var password = trim($thisDialog.find("#host_password").val());
			        array1.push("&password="+todb(password));
				    
			        var hostname = trim($thisDialog.find("#host_hostname").val());
			        var url;					
			        if(hostname.indexOf("http://")==-1)
			            url = "http://" + todb(hostname);
			        else
			            url = hostname;
			        array1.push("&url="+todb(url));
			    }
									
		        //var $midmenuItem1 = beforeAddingMidMenuItem() ;    				
		        
		        $.ajax({
			       data: createURL("command=addHost" + array1.join("")),
			        dataType: "json",
			        success: function(json) {			        
			            $thisDialog.find("#spinning_wheel").hide();
			            $thisDialog.dialog("close");
					
					    //showMiddleMenu();
					    		                
					    /*
					    var items = json.addhostresponse.host;	
					    var $midmenuItem1 = $("#midmenu_item").clone();
                        $("#midmenu_container").append($midmenuItem1.fadeIn("slow"));                        			            			      										   
					    hostToMidmenu(items[0], $midmenuItem1);
	                    bindClickToMidMenu($midmenuItem1, hostToRightPanel, hostGetMidmenuId); 
			           
                        if(items.length > 1) { 
                            for(var i=1; i<items.length; i++) {                                    
                                var $midmenuItem2 = $("#midmenu_item").clone();
                                hostToMidmenu(items[i], $midmenuItem2);
                                bindClickToMidMenu($midmenuItem2, hostToRightPanel, hostGetMidmenuId); 
                                $("#midmenu_container").append($midmenuItem2.fadeIn("slow"));                                   
                            }	
                        }   
                        */                             
                        
                        clickClusterNodeAfterAddHost(clusterRadio, podId, newClusterName, existingClusterId, $thisDialog);                                  
			        },			
                    error: function(XMLHttpResponse) {	            
						handleError(XMLHttpResponse, function() {						  
							refreshClsuterFieldInAddHostDialog($thisDialog, podId, null, $dialogAddHost.find("#host_hypervisor").val());                     
							handleErrorInDialog(XMLHttpResponse, $thisDialog);
							if(clusterRadio == "new_cluster_radio") {    //*** new cluster ***                         
                               refreshClusterUnderPod($("#pod_" + podId), newClusterName, null, true);  //refresh clusters under pod, but no clicking at any cluster                        
                               $thisDialog.find("#new_cluster_name").val("");   
                           }   
						});
                    }				
		        });
	        }, 
	        "Cancel": function() { 
		        $(this).dialog("close"); 
	        } 
        }).dialog("open");            
        return false;
    });  
}      

function bindAddPrimaryStorageButtonOnZonePage($button, zoneId, zoneName) {
    $button.show();

	var $dialogAddPool = $("#dialog_add_pool_in_zone_page");    
	
    // if hypervisor is KVM, limit the server option to NFS for now
    if (getHypervisorType() == 'kvm') 
	    $dialogAddPool.find("#add_pool_protocol").empty().html('<option value="nfs">NFS</option>');	
    bindEventHandlerToDialogAddPool($dialogAddPool);	
       
	var $podSelect = $dialogAddPool.find("#pod_dropdown");
    var mapClusters = {};
    
    $podSelect.bind("change", function(event) {			   
        var podId = $(this).val();
        if(podId == null || podId.length == 0)
            return;
        var $clusterSelect = $dialogAddPool.find("#cluster_select").empty();		        
        $.ajax({
	       data: createURL("command=listClusters&podid=" + podId),
            dataType: "json",
            async: false,
            success: function(json) {			            
                var items = json.listclustersresponse.cluster;
                if(items != null && items.length > 0) {			
	            	mapClusters = {};
                    for(var i=0; i<items.length; i++) {
	                	mapClusters["cluster_"+items[i].id] = items[i];
                        $clusterSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");
                    }
                    
	                if(!$clusterSelect.val()) {
	                	$("option", $clusterSelect)[0].attr("selected", "selected");
	                }
	                $clusterSelect.change();
                    
                    $dialogAddPool.find("input[value=existing_cluster_radio]").attr("checked", true);
                }
                else {
				    $clusterSelect.append("<option value='-1'>None Available</option>");
                    $dialogAddPool.find("input[value=new_cluster_radio]").attr("checked", true);
                }
            }
        });
    });
    
    $("#cluster_select", $dialogAddPool).change(function() {
    	
    	var curOption = $(this).val();
    	if(!curOption)
    		return false;
    	
    	var $protocolSelector = $("#add_pool_protocol", $dialogAddPool);
    	var objCluster = mapClusters['cluster_'+curOption];
    	
    	if(objCluster.hypervisortype == "KVM") {
    		$protocolSelector.empty();
    		$protocolSelector.append('<option value="nfs">NFS</option>');
    	} else if(objCluster.hypervisortype == "XenServer") {
    		$protocolSelector.empty();
			$protocolSelector.append('<option value="nfs">NFS</option>');
			$protocolSelector.append('<option value="iscsi">ISCSI</option>');
    	} else if(objCluster.hypervisortype == "VmWare") {
    		$protocolSelector.empty();
			$protocolSelector.append('<option value="nfs">NFS</option>');
			$protocolSelector.append('<option value="vmfs">VMFS datastore</option>');
    	}
    	
    	$protocolSelector.change();
    }).change();
    
    
    $button.unbind("click").bind("click", function(event) { 
        $dialogAddPool.find("#zone_name").text(zoneName);        
        $dialogAddPool.find("#zone_dropdown").change(); //refresh cluster dropdown (do it here to avoid race condition)     
        $dialogAddPool.find("#info_container").hide();	
        
        $.ajax({
            data: createURL("command=listPods&zoneid="+zoneId),
            dataType: "json",
            async: false,
            success: function(json) {            
                var pods = json.listpodsresponse.pod;   
                $podSelect.empty(); 
                if(pods != null && pods.length > 0) {
                    for(var i=0; i<pods.length; i++)
                        $podSelect.append("<option value='" + pods[i].id + "'>" + fromdb(pods[i].name) + "</option>"); 	
                }   
                $podSelect.change();    
            }        
        });          
                       
        $("#dialog_add_pool_in_zone_page")
	    .dialog('option', 'buttons', { 				    
		    "Add": function() { 	
		    	var $thisDialog = $(this);
		    	
			    // validate values
				var protocol = $thisDialog.find("#add_pool_protocol").val();
				
			    var isValid = true;					    
		        isValid &= validateDropDownBox("Pod", $thisDialog.find("#pod_dropdown"), $thisDialog.find("#pod_dropdown_errormsg"));						    
			    isValid &= validateDropDownBox("Cluster", $thisDialog.find("#cluster_select"), $thisDialog.find("#cluster_select_errormsg"), false);  //required, reset error text					    				
			    isValid &= validateString("Name", $thisDialog.find("#add_pool_name"), $thisDialog.find("#add_pool_name_errormsg"));
				if (protocol == "nfs") {
				    isValid &= validateString("Server", $thisDialog.find("#add_pool_nfs_server"), $thisDialog.find("#add_pool_nfs_server_errormsg"));	
					isValid &= validateString("Path", $thisDialog.find("#add_pool_path"), $thisDialog.find("#add_pool_path_errormsg"));	
				} else if(protocol == "iscsi") {
				    isValid &= validateString("Server", $thisDialog.find("#add_pool_nfs_server"), $thisDialog.find("#add_pool_nfs_server_errormsg"));	
					isValid &= validateString("Target IQN", $thisDialog.find("#add_pool_iqn"), $thisDialog.find("#add_pool_iqn_errormsg"));	
					isValid &= validateString("LUN #", $thisDialog.find("#add_pool_lun"), $thisDialog.find("#add_pool_lun_errormsg"));	
				} else if(protocol == "vmfs") {
					isValid &= validateString("vCenter Datacenter", $thisDialog.find("#add_pool_vmfs_dc"), $thisDialog.find("#add_pool_vmfs_dc_errormsg"));	
					isValid &= validateString("vCenter Datastore", $thisDialog.find("#add_pool_vmfs_ds"), $thisDialog.find("#add_pool_vmfs_ds_errormsg"));	
				}
				isValid &= validateString("Tags", $thisDialog.find("#add_pool_tags"), $thisDialog.find("#add_pool_tags_errormsg"), true);	//optional
			    if (!isValid) 
			        return;
			        			    
				$thisDialog.find("#spinning_wheel").show()  
							
				var array1 = [];
								
		        array1.push("&zoneid="+zoneId);
		        
		        //expand zone in left menu tree (to show pod, cluster under the zone) 
				var $zoneNode = $("#leftmenu_zone_tree").find("#tree_container").find("#zone_" + zoneId);							
				if($zoneNode.find("#zone_arrow").hasClass("expanded_close"))
				    $zoneNode.find("#zone_arrow").click();
				
				var podId = $thisDialog.find("#pod_dropdown").val();
		        array1.push("&podId="+podId);
				
				var clusterId = $thisDialog.find("#cluster_select").val();
			    array1.push("&clusterid="+clusterId);	
				
			    var name = trim($thisDialog.find("#add_pool_name").val());
			    array1.push("&name="+todb(name));
			    
			    var server = trim($thisDialog.find("#add_pool_nfs_server").val());						
				
				var url = null;
				if (protocol == "nfs") {
					var path = trim($thisDialog.find("#add_pool_path").val());
					if(path.substring(0,1)!="/")
						path = "/" + path; 
					url = nfsURL(server, path);
				} else if (protocol == "vmfs") {
					var path = trim($thisDialog.find("#add_pool_vmfs_dc").val());
					if(path.substring(0,1)!="/")
						path = "/" + path; 
					path += "/" + trim($thisDialog.find("#add_pool_vmfs_ds").val())
					url = vmfsURL("dummy", path);
				} else {
					var iqn = trim($thisDialog.find("#add_pool_iqn").val());
					if(iqn.substring(0,1)!="/")
						iqn = "/" + iqn; 
					var lun = trim($thisDialog.find("#add_pool_lun").val());
					url = iscsiURL(server, iqn, lun);
				}
				array1.push("&url="+todb(url));
				
			    var tags = trim($thisDialog.find("#add_pool_tags").val());
				if(tags != null && tags.length > 0)
				    array1.push("&tags="+todb(tags));				    
			    
			    $.ajax({
				    data: createURL("command=createStoragePool" + array1.join("")),
				    dataType: "json",
				    success: function(json) {		
				        var $clusterNode = $("#cluster_"+clusterId);
				        if($clusterNode.length > 0)
				  	        $("#cluster_"+clusterId).find("#cluster_name").click();		
				  	    else  //pod node is close. Expand pod node.	
				  	        refreshClusterUnderPod($("#pod_" + podId), null, clusterId);					                              	    	
	                    
	                    $thisDialog.find("#spinning_wheel").hide();					       
				        $thisDialog.dialog("close");	                                                                 
				    },			
                    error: function(XMLHttpResponse) {	  
						handleError(XMLHttpResponse, function() {
							handleErrorInDialog(XMLHttpResponse, $thisDialog);	
						});
                    }							    
			    });
		    }, 
		    "Cancel": function() { 
			    $(this).dialog("close"); 
		    } 
	    }).dialog("open");            
        return false;
    });             
}