function clickInstanceGroupHeader($arrowIcon) {   
    //***** VM Detail (begin) ******************************************************************************
    var $vmPopup
    var $rightPanelHeader;  
    var $rightPanelContent;  
            
    var $midmenuItem = $("#midmenu_item"); 
      
    var noGroupName = "(no group name)";             
    
    var vmListAPIMap = {
        listAPI: "listVirtualMachines",
        listAPIResponse: "listvirtualmachinesresponse",
        listAPIResponseObj: "virtualmachine"
    };           
      
    var vmActionMap = {        
        "Stop Instance": {
            api: "stopVirtualMachine",            
            isAsyncJob: true,
            asyncJobResponse: "stopvirtualmachineresponse",
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Start Instance": {
            api: "startVirtualMachine",            
            isAsyncJob: true,
            asyncJobResponse: "startvirtualmachineresponse",
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Reboot Instance": {
            api: "rebootVirtualMachine",           
            isAsyncJob: true,
            asyncJobResponse: "rebootvirtualmachineresponse",
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Destroy Instance": {
            api: "destroyVirtualMachine",           
            isAsyncJob: true,
            asyncJobResponse: "destroyvirtualmachineresponse",
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Restore Instance": {
            api: "recoverVirtualMachine",           
            isAsyncJob: false,
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Attach ISO": {
            isAsyncJob: true,
            asyncJobResponse: "attachisoresponse",            
            dialogBeforeActionFn : doAttachISO,
            afterActionSeccessFn: vmJsonToMidmenu   
        },
        "Detach ISO": {
            isAsyncJob: true,
            asyncJobResponse: "detachisoresponse",            
            dialogBeforeActionFn : doDetachISO,
            afterActionSeccessFn: vmJsonToMidmenu   
        },
        "Reset Password": {
            isAsyncJob: true,
            asyncJobResponse: "resetpasswordforvirtualmachineresponse",            
            dialogBeforeActionFn : doResetPassword,
            afterActionSeccessFn: function(){}   
        },
        "Change Name": {
            isAsyncJob: false,            
            dialogBeforeActionFn : doChangeName,
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Change Service": {
            isAsyncJob: true,
            asyncJobResponse: "changeserviceforvirtualmachineresponse",
            dialogBeforeActionFn : doChangeService,
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Change Group": {
            isAsyncJob: false,            
            dialogBeforeActionFn : doChangeGroup,
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Enable HA": {
            isAsyncJob: false,            
            dialogBeforeActionFn : doEnableHA,
            afterActionSeccessFn: vmJsonToMidmenu
        },
        "Disable HA": {
            isAsyncJob: false,            
            dialogBeforeActionFn : doDisableHA,
            afterActionSeccessFn: vmJsonToMidmenu
        }                 
    }            
        
    function doAttachISO($t, selectedItemsInMidMenu, vmListAPIMap) {   
        $.ajax({
		    data: createURL("command=listIsos&isReady=true"),
			dataType: "json",
			async: false,
			success: function(json) {
				var isos = json.listisosresponse.iso;
				var isoSelect = $("#dialog_attach_iso #attach_iso_select");
				if (isos != null && isos.length > 0) {
					isoSelect.empty();
					for (var i = 0; i < isos.length; i++) {
						isoSelect.append("<option value='"+isos[i].id+"'>"+fromdb(isos[i].displaytext)+"</option>");;
					}
				}
			}
		});
		
		$("#dialog_attach_iso")
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 			    
				$(this).dialog("close");
				var isoId = $("#dialog_attach_iso #attach_iso_select").val();
				if (isoId == "none") {
					$("#dialog_alert").html("<p>There is no ISO file to attach to the virtual machine.</p>");
					$("#dialog_alert").dialog("open");
					return false;
				}	
				for(var id in selectedItemsInMidMenu) {
				   var apiCommand = "command=attachIso&virtualmachineid="+id+"&id="+isoId;
				   doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);	
				}			
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
   
    function doDetachISO($t, selectedItemsInMidMenu, vmListAPIMap) {    
        $("#dialog_confirmation")
		.html("<p>Please confirm you want to detach an ISO from the virtual machine(s)</p>")
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 
				$(this).dialog("close");				
				for(var id in selectedItemsInMidMenu) {
				   var apiCommand = "command=detachIso&virtualmachineid="+id;
				   doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);	
				}					
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
   
    function doResetPassword($t, selectedItemsInMidMenu, vmListAPIMap) {   		
		$("#dialog_confirmation")
		.html("<p>Please confirm you want to change the ROOT password for your virtual machine(s)</p>")
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 
				$(this).dialog("close"); 
				for(var id in selectedItemsInMidMenu) {	
				    var $midMenuItem = selectedItemsInMidMenu[id];
				    var jsonObj = $midMenuItem.data("jsonObj");
				    if(jsonObj.state != "Stopped") {				    
				        $midMenuItem.find("#info_icon").addClass("error").show();
                        $midMenuItem.data("afterActionInfo", ($t.data("label") + " action failed. Reason: This instance needs to be stopped before you can reset password"));  
			            continue;
		            }
		            if(jsonObj.passwordEnabled != "true") {
		                $midMenuItem.find("#info_icon").addClass("error").show();
                        $midMenuItem.data("afterActionInfo", ($t.data("label") + " action failed. Reason: This instance is not using a template that has the password reset feature enabled.  If you have forgotten your root password, please contact support."));  
			            continue;
		            }	
		            var apiCommand = "command=resetPasswordForVirtualMachine&id="+id;
		            doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);	
		        }		
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
	}
   
    function doChangeName($t, selectedItemsInMidMenu, vmListAPIMap) { 
		$("#dialog_change_name")
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 			    
			    var thisDialog = $(this);	
			    thisDialog.dialog("close"); 
			    											
				// validate values
		        var isValid = true;					
		        isValid &= validateString("Name", thisDialog.find("#change_instance_name"), thisDialog.find("#change_instance_name_errormsg"));								
		        if (!isValid) return;								
				
				var name = trim(thisDialog.find("#change_instance_name").val());
				
				for(var id in selectedItemsInMidMenu) {
		           var apiCommand = "command=updateVirtualMachine&id="+id+"&displayName="+todb(name);		     
		           doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
		        }	
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
   
    function doChangeService($t, selectedItemsInMidMenu, vmListAPIMap) { 
		$.ajax({
		    //data: createURL("command=listServiceOfferings&VirtualMachineId="+vmId), //can not specifiy VirtualMachineId since we allow multiple-item-selection.
		    data: createURL("command=listServiceOfferings"), //can not specifiy VirtualMachineId since we support multiple-item-selection.
			dataType: "json",
			success: function(json) {
				var offerings = json.listserviceofferingsresponse.serviceoffering;
				var offeringSelect = $("#dialog_change_service_offering #change_service_offerings").empty();
				
				if (offerings != null && offerings.length > 0) {
					for (var i = 0; i < offerings.length; i++) {
						var option = $("<option value='" + offerings[i].id + "'>" + fromdb(offerings[i].displaytext) + "</option>").data("name", fromdb(offerings[i].name));
						offeringSelect.append(option); 
					}
				} 
			}
		});
		
		$("#dialog_change_service_offering")
		.dialog('option', 'buttons', { 						
			"Change": function() { 
			    var thisDialog = $(this);
				thisDialog.dialog("close"); 
				
				for(var id in selectedItemsInMidMenu) {				
				    var $midMenuItem = selectedItemsInMidMenu[id];
				    var jsonObj = $midMenuItem.data("jsonObj");				
				    if(jsonObj.state != "Stopped") {				    
				        $midMenuItem.find("#info_icon").addClass("error").show();
                        $midMenuItem.data("afterActionInfo", ($t.data("label") + " action failed. Reason: virtual instance needs to be stopped before you can change its service."));  
			            continue;
		            }
                    var apiCommand = "command=changeServiceForVirtualMachine&id="+id+"&serviceOfferingId="+thisDialog.find("#change_service_offerings").val();	     
                    doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
                }
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
    
    function doChangeGroup($t, selectedItemsInMidMenu, vmListAPIMap) { 
		$("#dialog_change_group")
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 	
			    var thisDialog = $(this);
		        thisDialog.dialog("close"); 
														
				// validate values
		        var isValid = true;					
		        isValid &= validateString("Group", thisDialog.find("#change_group_name"), thisDialog.find("#change_group_name_errormsg"), true); //group name is optional								
		        if (!isValid) return;
		        
		        for(var id in selectedItemsInMidMenu) {				
		            var $midMenuItem = selectedItemsInMidMenu[id];
		            var jsonObj = $midMenuItem.data("jsonObj");		
		            var group = trim(thisDialog.find("#change_group_name").val());
                    var apiCommand = "command=updateVirtualMachine&id="+id+"&group="+todb(group);          
                    doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
                }
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");	
    }
   
    function doEnableHA($t, selectedItemsInMidMenu, vmListAPIMap) {            
		var message = "<p>Please confirm you want to enable HA for your virtual machine. Once HA is enabled, your Virtual Instance will be automatically restarted in the event it is detected to have failed.</p>";
			
        $("#dialog_confirmation")
		.html(message)
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 
				$(this).dialog("close"); 
				for(var id in selectedItemsInMidMenu) {					
				    var $midMenuItem = selectedItemsInMidMenu[id];
		            var jsonObj = $midMenuItem.data("jsonObj");				            
                    var apiCommand = "command=updateVirtualMachine&id="+id+"&haenable=true";          
                    doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
				}					    
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
    
    function doDisableHA($t, selectedItemsInMidMenu, vmListAPIMap) {            
		var message = "<p>Please confirm you want to disable HA for your virtual machine. Once HA is disabled, your Virtual Instance will no longer be be automatically restarted in the event of a failure.</p>";
			
        $("#dialog_confirmation")
		.html(message)
		.dialog('option', 'buttons', { 						
			"Confirm": function() { 
				$(this).dialog("close"); 
				for(var id in selectedItemsInMidMenu) {					
				    var $midMenuItem = selectedItemsInMidMenu[id];
		            var jsonObj = $midMenuItem.data("jsonObj");				            
                    var apiCommand = "command=updateVirtualMachine&id="+id+"&haenable=false";          
                    doActionForMidMenu(id, $t, apiCommand, vmListAPIMap);
				}					    
			}, 
			"Cancel": function() { 
				$(this).dialog("close"); 
			} 
		}).dialog("open");
    }
   
   
   
    function updateVirtualMachineStateInRightPanel(state) {
        if(state == "Running")
            $rightPanelContent.find("#state").text(state).removeClass("red gray").addClass("green");
        else if(state == "Stopped")
            $rightPanelContent.find("#state").text(state).removeClass("green gray").addClass("red");
        else  //Destroyed, Creating, ~                                  
            $rightPanelContent.find("#state").text(state).removeClass("green red").addClass("gray");            			       
    }
    
    function updateVirtualMachineStateInMidMenu(jsonObj, midmenuItem) {         
        if(jsonObj.state == "Running")
            midmenuItem.find("#icon").attr("src", "images/status_green.png");
        else if(jsonObj.state == "Stopped")
            midmenuItem.find("#icon").attr("src", "images/status_red.png");
        else  //Destroyed, Creating, ~                                  
            midmenuItem.find("#icon").attr("src", "images/status_gray.png");
    }
      
    function vmJsonToMidmenu(json, $midmenuItem) {  
        $midmenuItem.data("jsonObj", json);
        $midmenuItem.data("toRightPanelFn", vmMidmenuToRightPanel);
        $midmenuItem.attr("id", ("midmenuItemVm_"+json.id));                             
        $midmenuItem.data("id", json.id);        
        
        $midmenuItem.find("#icon").attr("src", "images/status_gray.png");
        $midmenuItem.find("#icon_container").show();        
        var vmName = getVmName(json.name, json.displayname);
        $midmenuItem.find("#first_row").text(vmName);
        //$midmenuItem.find("#second_row_label").text("IP Address:");  
        $midmenuItem.find("#second_row").text(json.ipaddress);                                            
        updateVirtualMachineStateInMidMenu(json, $midmenuItem);        
        $midmenuItem.bind("click", function(event) {  
            var $t = $(this);     
            vmMidmenuToRightPanel($t);	 
            return false;
        }); 
    }
    
    function vmClearRightPanel(jsonObj) {       
        $rightPanelHeader.find("#vm_name").text("");	
        updateVirtualMachineStateInRightPanel("");	
        $rightPanelContent.find("#ipAddress").text("");
        $rightPanelContent.find("#zoneName").text("");
        $rightPanelContent.find("#templateName").text("");
        $rightPanelContent.find("#serviceOfferingName").text("");		
        $rightPanelContent.find("#ha").hide();  
        $rightPanelContent.find("#created").text("");
        $rightPanelContent.find("#account").text("");
        $rightPanelContent.find("#domain").text("");
        $rightPanelContent.find("#hostName").text("");
        $rightPanelContent.find("#group").text("");	
        $rightPanelContent.find("#iso").hide();
    }
    
    function vmMidmenuToRightPanel($midmenuItem) {
        //details tab 
        if($midmenuItem.find("#info_icon").css("display") != "none") {                
            $rightPanelContent.find("#after_action_info").text($midmenuItem.data("afterActionInfo"));
            if($midmenuItem.find("#info_icon").hasClass("error"))
                $rightPanelContent.find("#after_action_info_container").addClass("errorbox");
             else
                $rightPanelContent.find("#after_action_info_container").removeClass("errorbox");                                        
            $rightPanelContent.find("#after_action_info_container").show();                                         
        } 
        else {
            $rightPanelContent.find("#after_action_info").text("");
            $rightPanelContent.find("#after_action_info_container").hide();                
        }
        
        var jsonObj = $midmenuItem.data("jsonObj");     
        var vmName = getVmName(jsonObj.name, jsonObj.displayname);        
        $rightPanelHeader.find("#vm_name").text(fromdb(vmName));	
        updateVirtualMachineStateInRightPanel(jsonObj.state);	
        $rightPanelContent.find("#ipAddress").text(jsonObj.ipaddress);
        $rightPanelContent.find("#zoneName").text(fromdb(jsonObj.zonename));
        $rightPanelContent.find("#templateName").text(fromdb(jsonObj.templatename));
        $rightPanelContent.find("#serviceOfferingName").text(fromdb(jsonObj.serviceofferingname));		                                			                                
        if(jsonObj.haenable == "true")
            $rightPanelContent.find("#ha").removeClass("cross_icon").addClass("tick_icon").show();
        else
            $rightPanelContent.find("#ha").removeClass("tick_icon").addClass("cross_icon").show();		                                
        $rightPanelContent.find("#created").text(jsonObj.created);
        $rightPanelContent.find("#account").text(fromdb(jsonObj.account));
        $rightPanelContent.find("#domain").text(fromdb(jsonObj.domain));
        $rightPanelContent.find("#hostName").text(fromdb(jsonObj.hostname));
        $rightPanelContent.find("#group").text(fromdb(jsonObj.group));	
        if(jsonObj.isoid != null && jsonObj.isoid.length > 0)
            $rightPanelContent.find("#iso").removeClass("cross_icon").addClass("tick_icon").show();
        else
            $rightPanelContent.find("#iso").removeClass("tick_icon").addClass("cross_icon").show();    
            
        //volume tab
        //if (getHypervisorType() == "kvm") 
			//detail.find("#volume_action_create_template").show();		        
        $.ajax({
			cache: false,
			data: createURL("command=listVolumes&virtualMachineId="+jsonObj.id+maxPageSize),
			dataType: "json",
			success: function(json) {			    
				var items = json.listvolumesresponse.volume;
				if (items != null && items.length > 0) {
					var container = $rightPanelContent.find("#tab_content_volume").empty();
					var template = $("#volume_tab_template");				
					for (var i = 0; i < items.length; i++) {
						var newTemplate = template.clone(true);
		                vmVolumeJSONToTemplate(items[i], newTemplate); 
		                container.append(newTemplate.show());	
					}
				}						
			}
		});           
    }
    
    function vmVolumeJSONToTemplate(json, template) {
        template.attr("id","vm_volume_"+json.id);		
		template.find("#id").text(json.id);	
		template.find("#name").text(json.name);
		if (json.storagetype == "shared") 
			template.find("#type").text(json.type + " (shared storage)");
		else 
			template.find("#type").text(json.type + " (local storage)");
				
		template.find("#size").text((json.size == "0") ? "" : convertBytes(json.size));										
		setDateField(json.created, template.find("#created"));
		
		if(json.type=="ROOT") { //"create template" is allowed(when stopped), "detach disk" is disallowed.
			if (json.vmstate == "Stopped") 
			    buildActionLink("Create Template", volumeActionMap, template.find("#volume_action_menu"), volumeListAPIMap);	
		} 
		else { //json.type=="DATADISK": "detach disk" is allowed, "create template" is disallowed.			
			buildActionLink("Detach Disk", volumeActionMap, template.find("#volume_action_menu"), volumeListAPIMap);				
		}		
	}
         
    $("#add_link").show(); 
	if($arrowIcon.hasClass("close") == true) {
        $arrowIcon.removeClass("close").addClass("open");    
        $.ajax({
	        cache: false,
	        data: createURL("command=listVirtualMachines"),
	        dataType: "json",
	        success: function(json) {	
	            var instanceGroupMap = {};	       
	            var instanceGroupArray = [];						        		            
		        var instances = json.listvirtualmachinesresponse.virtualmachine;								
		        if (instances != null && instances.length > 0) {		
			        for (var i = 0; i < instances.length; i++) {
			            var group1 = instances[i].group;
			            if(group1 == null || group1.length == 0)
			                group1 = noGroupName;
			            if(group1 in instanceGroupMap) {
			                instanceGroupMap[group1].push(instances[i]);
			            }							        
			            else {
			                instanceGroupMap[group1] = [instances[i]];
			                instanceGroupArray.push(group1);
			            }	
			        }				    
		        }
		        for(var i=0; i < instanceGroupArray.length; i++) {
		            if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
		        	    var $groupTemplate = $("#leftmenu_instance_group_template").clone().show();				        	            	
		                $groupTemplate.find("#group_name").text(instanceGroupArray[i]);
		                		                			                
		                $groupTemplate.bind("click", function(event) { 
		                    //$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");			               
                            $("#midmenu_container").empty();
                            selectedItemsInMidMenu = {};
                            
                            var groupName = $(this).find("#group_name").text();
                                                        
                            $.ajax({
	                            cache: false,
	                            data: createURL("command=listVirtualMachines"),
	                            dataType: "json",
	                            success: function(json) {		                                                             
	                                var instances = json.listvirtualmachinesresponse.virtualmachine;                               
                                    for(var i=0; i<instances.length;i++) {                
                                        var instance = instances[i];
                                        var instanceGroup = instance.group;
                                        if(instanceGroup == null || instanceGroup == "")
                                            instanceGroup = noGroupName;                                                                       
                                        if(instanceGroup != groupName)
                                            continue;                                        
                                        var $template = $midmenuItem.clone();                                                                                                                               
                                        vmJsonToMidmenu(instance, $template);  
                                        $("#midmenu_container").append($template.show());
                                    }    
	                            }
	                        });
                            
                            return false;
                        });			                
		                
		                $("#leftmenu_instance_group_container").append($groupTemplate);
		            }
		        }
		        
		        //action menu			        
		        $("#action_link").show();
		        $("#action_menu #action_list").empty();		        
		        for(var label in vmActionMap) 				            
		            buildActionLink(label, vmActionMap, $("#action_menu"), vmListAPIMap);	
	        }
        });  
    }
    else if($arrowIcon.hasClass("open") == true) {
        $arrowIcon.removeClass("open").addClass("close");            
        $("#leftmenu_instance_group_container").empty();   
    }	     
    //***** VM Detail (end) ********************************************************************************    
    $("#right_panel").load("jsp/instance.jsp", function() {	
        $rightPanelHeader = $("#right_panel_header");			                                		                                
	    $rightPanelContent = $("#right_panel_content");	
	    
	    var $noDiskOfferingTemplate = $("#vm_popup_disk_offering_template_no");
        var $customDiskOfferingTemplate = $("#vm_popup_disk_offering_template_custom");
        var $existingDiskOfferingTemplate = $("#vm_popup_disk_offering_template_existing");
       	    	    
        activateDialog($("#dialog_attach_iso").dialog({ 
		    width: 600,
		    autoOpen: false,
		    modal: true,
		    zIndex: 2000
	    }));   
        
        activateDialog($("#dialog_change_name").dialog({ 
		    autoOpen: false,
		    modal: true,
		    zIndex: 2000
	    }));
        
        activateDialog($("#dialog_change_service_offering").dialog({ 
		    width: 600,
		    autoOpen: false,
		    modal: true,
		    zIndex: 2000
	    }));
        
        activateDialog($("#dialog_change_group").dialog({ 
		    autoOpen: false,
		    modal: true,
		    zIndex: 2000
	    }));
        
        activateDialog($("#dialog_create_template").dialog({
	        width: 400,
	        autoOpen: false,
	        modal: true,
	        zIndex: 2000
        }));
	
        //***** switch to different tab (begin) ********************************************************************
        $("#tab_details").bind("click", function(event){
            $(this).removeClass("off").addClass("on");
            $("#tab_volume, #tab_statistics").removeClass("on").addClass("off");  
            $("#tab_content_details").show();     
            $("#tab_content_volume, #tab_content_statistics").hide();   
            return false;
        });
        
        $("#tab_volume").bind("click", function(event){
            $(this).removeClass("off").addClass("on");
            $("#tab_details, #tab_statistics").removeClass("on").addClass("off");   
            $("#tab_content_volume").show();    
            $("#tab_content_details, #tab_content_statistics").hide();    
            return false;
        });
        
        $("#tab_statistics").bind("click", function(event){
            $(this).removeClass("off").addClass("on");
            $("#tab_details, #tab_volume").removeClass("on").addClass("off");  
            $("#tab_content_statistics").show();   
            $("#tab_content_details, #tab_content_volume").hide();      
            return false;
        });        
        //***** switch to different tab (end) **********************************************************************
        
        //***** VM Wizard (begin) ******************************************************************************
        $vmPopup = $("#vm_popup");
        var $serviceOfferingTemplate = $("#vm_popup_service_offering_template");
        var currentPageInTemplateGridInVmPopup =1;
	    var selectedTemplateTypeInVmPopup;  //selectedTemplateTypeInVmPopup will be set to "featured" when new VM dialog box opens
    	   	
	    $("#add_link").unbind("click").bind("click", function(event) {
            vmWizardOpen();			
		    $.ajax({
			    data: createURL("command=listZones&available=true"),
			    dataType: "json",
			    success: function(json) {
				    var zones = json.listzonesresponse.zone;					
				    var $zoneSelect = $vmPopup.find("#wizard_zone").empty();					
				    if (zones != null && zones.length > 0) {
					    for (var i = 0; i < zones.length; i++) {
						    $zoneSelect.append("<option value='" + zones[i].id + "'>" + fromdb(zones[i].name) + "</option>"); 
					    }
				    }				
				    listTemplatesInVmPopup();	
			    }
		    });
    		
		    $.ajax({
			    data: createURL("command=listServiceOfferings"),
			    dataType: "json",
			    async: false,
			    success: function(json) {
				    var offerings = json.listserviceofferingsresponse.serviceoffering;
				    var $container = $("#service_offering_container");
				    $container.empty();	
				    				    
				    //var checked = "checked";
				    if (offerings != null && offerings.length > 0) {						    
					    for (var i = 0; i < offerings.length; i++) {						    
						    //if (i != 0) 
						    //    checked = "";
						    
						    var $t = $serviceOfferingTemplate.clone();  						  
						    $t.find("input:radio[name=service_offering_radio]").val(offerings[i].id); 
						    $t.find("#name").text(fromdb(offerings[i].name));
						    $t.find("#description").text(fromdb(offerings[i].displaytext)); 
						    
						    if (i > 0)
						        $t.find("input:radio[name=service_offering_radio]").removeAttr("checked");	
						
						    //if(i == 0)
						    //    $t.find("input:radio[name=service_offering_radio]").attr("checked", true);
						    //var listItem = $("<li><input class='radio' type='radio' name='service' id='service' value='"+offerings[i].id+"'" + checked + "/><label style='width:500px;font-size:11px;' for='service'>"+fromdb(offerings[i].displaytext)+"</label></li>");
						    $container.append($t.show());	
					    }
					    //Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.		
				        var html_all = $container.html();        
                        $container.html(html_all); 
				    }
			    }
			});
			    			    
		
		    $.ajax({
			    data: createURL("command=listDiskOfferings&domainid=1"),
			    dataType: "json",
			    async: false,
			    success: function(json) {
				    var offerings = json.listdiskofferingsresponse.diskoffering;			
				    var $dataDiskOfferingContainer = $("#data_disk_offering_container").empty();
			        var $rootDiskOfferingContainer = $("#root_disk_offering_container").empty();
			        
			        //***** data disk offering: "no, thanks", "custom", existing disk offerings in database (begin) ****************************************************
			        //"no, thanks" radio button (default radio button in data disk offering)		               
		            var $t = $noDiskOfferingTemplate.clone(); 		            	     
		            $t.find("input:radio").attr("name","data_disk_offering_radio");  
		            $t.find("#name").text("no, thanks"); 		            
		            $dataDiskOfferingContainer.append($t.show()); 
			        
			        //"custom" radio button			        
			        var $t = $customDiskOfferingTemplate.clone();  			        
			        $t.find("input:radio").attr("name","data_disk_offering_radio").removeAttr("checked");	
			        $t.find("#name").text("custom:");	  			         
			        $dataDiskOfferingContainer.append($t.show());	
			        
			        //existing disk offerings in database
			        if (offerings != null && offerings.length > 0) {						    
				        for (var i = 0; i < offerings.length; i++) {	
					        var $t = $existingDiskOfferingTemplate.clone(); 
					        $t.find("input:radio").attr("name","data_disk_offering_radio").val(offerings[i].id).removeAttr("checked");	 	
					        $t.find("#name").text(fromdb(noNull(offerings[i].name)));
					        $t.find("#description").text(fromdb(offerings[i].displaytext)); 	 
					        $dataDiskOfferingContainer.append($t.show());	
				        }
			        }
			        
			        //Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.		
		            var html_all = $dataDiskOfferingContainer.html();        
                    $dataDiskOfferingContainer.html(html_all);                     
			        //***** data disk offering: "no, thanks", "custom", existing disk offerings in database (end) *******************************************************
			        		        	
			        //***** root disk offering: "custom", existing disk offerings in database (begin) *******************************************************************
			        //"custom" radio button			        
			        var $t = $customDiskOfferingTemplate.clone();  			        
			        $t.find("input:radio").attr("name","root_disk_offering_radio").val("custom");	
			        if (offerings != null && offerings.length > 0) //default is the 1st existing disk offering. If there is no existing disk offering, default to "custom" radio button
			            $t.find("input:radio").removeAttr("checked");	
			        $t.find("#name").text("custom:");	  			         
			        $rootDiskOfferingContainer.append($t.show());	
			        
			        //existing disk offerings in database
			        if (offerings != null && offerings.length > 0) {						    
				        for (var i = 0; i < offerings.length; i++) {	
					        var $t = $existingDiskOfferingTemplate.clone(); 
					        $t.find("input:radio").attr("name","root_disk_offering_radio").val(offerings[i].id);	 
					        if(i > 0) //default is the 1st existing disk offering. If there is no existing disk offering, default to "custom" radio button
					            $t.find("input:radio").removeAttr("checked");	 	
					        $t.find("#name").text(fromdb(offerings[i].name));
					        $t.find("#description").text(fromdb(offerings[i].displaytext)); 	 
					        $rootDiskOfferingContainer.append($t.show());	
				        }
			        }
				    
				    //Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.		
		            var html_all = $rootDiskOfferingContainer.html();        
                    $rootDiskOfferingContainer.html(html_all);                         
				    //***** root disk offering: "custom", existing disk offerings in database (end) *********************************************************************
				    
				    
				    
				    
				    /*
				    $("#wizard_root_disk_offering, #wizard_data_disk_offering").empty();
												
			        var html = 
				    "<li>"
					    +"<input class='radio' type='radio' name='datadisk' id='datadisk' value='' checked/>"
					    +"<label style='width:500px;font-size:11px;' for='disk'>No disk offering</label>"
			       +"</li>";
				    $("#wizard_data_disk_offering").append(html);							
												
				    if (offerings != null && offerings.length > 0) {								    
					    for (var i = 0; i < offerings.length; i++) {	
						    var html = 
							    "<li>"
								    +"<input class='radio' type='radio' name='rootdisk' id='rootdisk' value='"+offerings[i].id+"'" + ((i==0)?"checked":"") + "/>"
								    +"<label style='width:500px;font-size:11px;' for='disk'>"+fromdb(offerings[i].displaytext)+"</label>"
						       +"</li>";
						    $("#wizard_root_disk_offering").append(html);
						
						    var html2 = 
						    "<li>"
							    +"<input class='radio' type='radio' name='datadisk' id='datadisk' value='"+offerings[i].id+"'" + "/>"
							    +"<label style='width:500px;font-size:11px;' for='disk'>"+fromdb(offerings[i].displaytext)+"</label>"
					       +"</li>";
						    $("#wizard_data_disk_offering").append(html2);																		
					    }
					    //Safari and Chrome are not smart enough to make checkbox checked if html markup is appended by JQuery.append(). So, the following 2 lines are added.		
		                var html_all = $("#wizard_root_disk_offering").html();        
                        $("#wizard_root_disk_offering").html(html_all); 
			            
		                var html_all2 = $("#wizard_data_disk_offering").html();        
                        $("#wizard_data_disk_offering").html(html_all2); 
				    }
				    */
				    
				    
			    }
		    });
		 
		    
		    $vmPopup.find("#wizard_service_offering").click();	      
            return false;
        });
        
        
	    function vmWizardCleanup() {
	        currentStepInVmPopup = 1;			
		    $vmPopup.find("#step1").show().nextAll().hide();
		    //$vmPopup.find("#prev_step").hide();
		    //$vmPopup.find("#next_step").show();
		    $vmPopup.find("#wizard_message").hide();
		    selectedTemplateTypeInVmPopup = "featured";				
		    $("#wiz_featured").removeClass().addClass("rev_wizmid_selectedtempbut");
		    $("#wiz_my, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");	
		    currentPageInTemplateGridInVmPopup = 1;	 	
	    }	
    	
	    function vmWizardOpen() {
            $("#overlay_black").show();
            $vmPopup.show();        
            vmWizardCleanup();	
        }     
                
        function vmWizardClose() {			
		    $vmPopup.hide();
		    $("#overlay_black").hide();					
	    }
    		    	
	    $vmPopup.find("#close_button").bind("click", function(event) {
		    vmWizardClose();
		    return false;
	    });
    			
	    $vmPopup.find("#step1 #wiz_message_continue").bind("click", function(event) {			    
		    $vmPopup.find("#step1 #wiz_message").hide();
		    return false;
	    });
    		
	    $vmPopup.find("#step2 #wiz_message_continue").bind("click", function(event) {			    
		    $vmPopup.find("#step2 #wiz_message").hide();
		    return false;
	    });
    	
	    function getIconForOS(osType) {
		    if (osType == null || osType.length == 0) {
			    return "";
		    } else {
			    if (osType.match("^CentOS") != null) {
				    return "rev_wiztemo_centosicons";
			    } else if (osType.match("^Windows") != null) {
				    return "rev_wiztemo_windowsicons";
			    } else {
				    return "rev_wiztemo_linuxicons";
			    }
		    }
	    }
    	
	    //vm wizard search and pagination
	    $vmPopup.find("#search_button").bind("click", function(event) {	              
            currentPageInTemplateGridInVmPopup = 1;           	        	
            listTemplatesInVmPopup();  
            return false;   //event.preventDefault() + event.stopPropagation() 
        });
    	
        $vmPopup.find("#search_input").bind("keypress", function(event) {		        
            if(event.keyCode == keycode_Enter) {                	        
                $vmPopup.find("#search_button").click();	
                return false;   //event.preventDefault() + event.stopPropagation() 		     
            }		    
        });   
    			
	    $vmPopup.find("#nextPage").bind("click", function(event){	            
            currentPageInTemplateGridInVmPopup++;        
            listTemplatesInVmPopup(); 
            return false;   //event.preventDefault() + event.stopPropagation() 
        });		
        
        $vmPopup.find("#prevPage").bind("click", function(event){	                 
            currentPageInTemplateGridInVmPopup--;	              	    
            listTemplatesInVmPopup(); 
            return false;   //event.preventDefault() + event.stopPropagation() 
        });	
    						
	    var vmPopupStep2PageSize = 11; //max number of templates each page in step2 of New VM wizard is 11 
	    function listTemplatesInVmPopup() {		
	        var zoneId = $vmPopup.find("#wizard_zone").val();
	        if(zoneId == null || zoneId.length == 0)
	            return;
    	
	        var container = $vmPopup.find("#template_container");	 		    	
    		   
	        var commandString;    		  	   
            var searchInput = $vmPopup.find("#search_input").val();   
            if (selectedTemplateTypeInVmPopup != "blank") {      
                if (searchInput != null && searchInput.length > 0)                 
                    commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId+"&keyword="+searchInput+"&page="+currentPageInTemplateGridInVmPopup; 
                else
                    commandString = "command=listTemplates&templatefilter="+selectedTemplateTypeInVmPopup+"&zoneid="+zoneId+"&page="+currentPageInTemplateGridInVmPopup;           		    		
		    } else {
		        if (searchInput != null && searchInput.length > 0)                 
                    commandString = "command=listIsos&isReady=true&bootable=true&zoneid="+zoneId+"&keyword="+searchInput+"&page="+currentPageInTemplateGridInVmPopup;  
                else
                    commandString = "command=listIsos&isReady=true&bootable=true&zoneid="+zoneId+"&page="+currentPageInTemplateGridInVmPopup;  
		    }
    		
		    var loading = $vmPopup.find("#wiz_template_loading").show();				
		    if(currentPageInTemplateGridInVmPopup==1)
                $vmPopup.find("#prevPage").hide();
            else 
                $vmPopup.find("#prevPage").show();  		
    		
		    $.ajax({
			    data: createURL(commandString),
			    dataType: "json",
			    async: false,
			    success: function(json) {
			        var items;		
			        if (selectedTemplateTypeInVmPopup != "blank")
				        items = json.listtemplatesresponse.template;
				    else
				        items = json.listisosresponse.iso;
				    loading.hide();
				    container.empty();
				    if (items != null && items.length > 0) {
					    var first = true;
					    for (var i = 0; i < items.length; i++) {
						    var divClass = "rev_wiztemplistbox";
						    if (first) {
							    divClass = "rev_wiztemplistbox_selected";
							    first = false;
						    }

						    var html = '<div class="'+divClass+'" id="'+items[i].id+'">'
									      +'<div class="'+getIconForOS(items[i].ostypename)+'"></div>'
									      +'<div class="rev_wiztemp_listtext">'+fromdb(items[i].displaytext)+'</div>'
									      +'<div class="rev_wiztemp_ownertext">'+fromdb(items[i].account)+'</div>'
								      +'</div>';
						    container.append(html);
					    }						
					    if(items.length < vmPopupStep2PageSize)
		                    $vmPopup.find("#nextPage").hide();
		                else
		                    $vmPopup.find("#nextPage").show();
    		        
				    } else {
				        var msg;
				        if (selectedTemplateTypeInVmPopup != "blank")
				            msg = "No templates available";
				        else
				            msg = "No ISOs available";					    
					    var html = '<div class="rev_wiztemplistbox" id="-2">'
								      +'<div></div>'
								      +'<div class="rev_wiztemp_listtext">'+msg+'</div>'
							      +'</div>';
					    container.append(html);						
					    $vmPopup.find("#nextPage").hide();
				    }
			    }
		    });
	    }
    			
	    $vmPopup.find("#template_container").bind("click", function(event) {
		    var container = $(this);
		    var target = $(event.target);
		    var parent = target.parent();
		    if (parent.hasClass("rev_wiztemplistbox_selected") || parent.hasClass("rev_wiztemplistbox")) {
			    target = parent;
		    }
		    if (target.attr("id") != "-2") {
			    if (target.hasClass("rev_wiztemplistbox")) {
				    container.find(".rev_wiztemplistbox_selected").removeClass().addClass("rev_wiztemplistbox");
				    target.removeClass().addClass("rev_wiztemplistbox_selected");
			    } else if (target.hasClass("rev_wiztemplistbox_selected")) {
				    target.removeClass().addClass("rev_wiztemplistbox");
			    }
		    }
	    });
                 
        $vmPopup.find("#wizard_zone").bind("change", function(event) {       
            var selectedZone = $(this).val();   
            if(selectedZone != null && selectedZone.length > 0)
                listTemplatesInVmPopup();         
            return false;
        });
        
       
        function displayDiskOffering(type) {
            if(type=="data") {
                $vmPopup.find("#wizard_data_disk_offering_title").show();
			    $vmPopup.find("#wizard_data_disk_offering").show();
			    $vmPopup.find("#wizard_root_disk_offering_title").hide();
			    $vmPopup.find("#wizard_root_disk_offering").hide();
            }
            else if(type=="root") {
                $vmPopup.find("#wizard_root_disk_offering_title").show();
			    $vmPopup.find("#wizard_root_disk_offering").show();
			    $vmPopup.find("#wizard_data_disk_offering_title").hide();	
			    $vmPopup.find("#wizard_data_disk_offering").hide();	
            }
        }
        displayDiskOffering("data");  //because default value of "#wiz_template_filter" is "wiz_featured"
      
        
        // Setup the left template filters	  	
	    $vmPopup.find("#wiz_template_filter").unbind("click").bind("click", function(event) {		 	    
		    var $container = $(this);
		    var target = $(event.target);
		    var targetId = target.attr("id");
		    selectedTemplateTypeInVmPopup = "featured";		
		    switch (targetId) {
			    case "wiz_featured":
			        $vmPopup.find("#search_input").val("");  
			        currentPageInTemplateGridInVmPopup = 1;
				    selectedTemplateTypeInVmPopup = "featured";
				    $container.find("#wiz_featured").removeClass().addClass("rev_wizmid_selectedtempbut");
				    $container.find("#wiz_my, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
				    displayDiskOffering("data");
				    break;
			    case "wiz_my":
			        $vmPopup.find("#search_input").val("");  
			        currentPageInTemplateGridInVmPopup = 1;
				    $container.find("#wiz_my").removeClass().addClass("rev_wizmid_selectedtempbut");
				    $container.find("#wiz_featured, #wiz_community, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
				    selectedTemplateTypeInVmPopup = "selfexecutable";
				    displayDiskOffering("data");
				    break;	
			    case "wiz_community":
			        $vmPopup.find("#search_input").val("");  
			        currentPageInTemplateGridInVmPopup = 1;
				    $container.find("#wiz_community").removeClass().addClass("rev_wizmid_selectedtempbut");
				    $container.find("#wiz_my, #wiz_featured, #wiz_blank").removeClass().addClass("rev_wizmid_nonselectedtempbut");
				    selectedTemplateTypeInVmPopup = "community";					
				    displayDiskOffering("data");
				    break;
			    case "wiz_blank":
			        $vmPopup.find("#search_input").val("");  
			        currentPageInTemplateGridInVmPopup = 1;
				    $container.find("#wiz_blank").removeClass().addClass("rev_wizmid_selectedtempbut");
				    $container.find("#wiz_my, #wiz_community, #wiz_featured").removeClass().addClass("rev_wizmid_nonselectedtempbut");
				    selectedTemplateTypeInVmPopup = "blank";
				    displayDiskOffering("root");
				    break;
		    }
		    listTemplatesInVmPopup();
		    return false;
	    });  
    		
	    $vmPopup.find("#next_step").bind("click", function(event) {
		    event.preventDefault();
		    event.stopPropagation();	
		    var $thisPopup = $vmPopup;		    		
		    if (currentStepInVmPopup == 1) { //select a template/ISO		    		
		        // prevent a person from moving on if no templates are selected	  
		        if($thisPopup.find("#step1 #template_container .rev_wiztemplistbox_selected").length == 0) {			        
		            $thisPopup.find("#step1 #wiz_message").show();
		            return false;
		        }
                   	 
			    if ($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut")) {  //ISO
			        $thisPopup.find("#step3_label").text("Root Disk Offering");
			        $thisPopup.find("#root_disk_offering_container").show();
			        $thisPopup.find("#data_disk_offering_container").hide();			       
			    } 
			    else {  //template
			        $thisPopup.find("#step3_label").text("Data Disk Offering");
			        $thisPopup.find("#data_disk_offering_container").show();
			        $thisPopup.find("#root_disk_offering_container").hide();			       
			    }	
    			
    			$thisPopup.find("#wizard_review_zone").text($thisPopup.find("#wizard_zone option:selected").text());    	
    			$thisPopup.find("#wizard_review_template").text($thisPopup.find("#step1 .rev_wiztemplistbox_selected .rev_wiztemp_listtext").text()); 
		    }			
    		
		    if (currentStepInVmPopup == 2) { //service offering
		        // prevent a person from moving on if no service offering is selected
		        if($thisPopup.find("input:radio[name=service_offering_radio]:checked").length == 0) {
		            $thisPopup.find("#step2 #wiz_message #wiz_message_text").text("Please select a service offering to continue");
		            $thisPopup.find("#step2 #wiz_message").show();
			        return false;
			    }
               
                $thisPopup.find("#wizard_review_service_offering").text($thisPopup.find("input:radio[name=service_offering_radio]:checked").next().text());

		    }			
    		
		    if(currentStepInVmPopup ==3) { //disk offering	 
		        if($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut"))  { //ISO
		            $thisPopup.find("#wizard_review_disk_offering_label").text("Root Disk Offering:");
			        $thisPopup.find("#wizard_review_disk_offering").text($thisPopup.find("#root_disk_offering_container input[name=root_disk_offering_radio]:checked").next().text());	
			    }
			    else { //template
			        var checkedRadioButton = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked");			        
			        			    
			        // validate values
			        var isValid = true;		
			        if(checkedRadioButton.parent().attr("id") == "vm_popup_disk_offering_template_custom")			    
			            isValid &= validateNumber("Disk Size", $thisPopup.find("#custom_disk_size"), $thisPopup.find("#custom_disk_size_errormsg"), null, null, false);	//required	
			        else
			            isValid &= validateNumber("Disk Size", $thisPopup.find("#custom_disk_size"), $thisPopup.find("#custom_disk_size_errormsg"), null, null, true);	//optional		    		
			        if (!isValid) return;
			        
			        $thisPopup.find("#wizard_review_disk_offering_label").text("Data Disk Offering:");
			        
			        var diskOfferingName = checkedRadioButton.next().text();
			        if(checkedRadioButton.parent().attr("id") == "vm_popup_disk_offering_template_custom")
			            diskOfferingName += (" " + $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").next().next().next().val() + " MB");
			        $thisPopup.find("#wizard_review_disk_offering").text(diskOfferingName);
			    }	
		    }	
		    	
		    if (currentStepInVmPopup == 4) { //network
		    
		    }	
		    
		    if (currentStepInVmPopup == 5) { //last step		        
		        // validate values							
			    var isValid = true;									
			    isValid &= validateString("Name", $thisPopup.find("#wizard_vm_name"), $thisPopup.find("#wizard_vm_name_errormsg"), true);	 //optional	
			    isValid &= validateString("Group", $thisPopup.find("#wizard_vm_group"), $thisPopup.find("#wizard_vm_group_errormsg"), true); //optional					
			    if (!isValid) return;		    
		    
			    // Create a new VM!!!!
			    var moreCriteria = [];								
			    moreCriteria.push("&zoneId="+$thisPopup.find("#wizard_zone").val());
    									
			    moreCriteria.push("&templateId="+$thisPopup.find("#step1 .rev_wiztemplistbox_selected").attr("id"));
    							
			    moreCriteria.push("&serviceOfferingId="+$thisPopup.find("input:radio[name=service_offering_radio]:checked").val());
    			
    			var diskOfferingId;    						
			    if ($thisPopup.find("#wiz_blank").hasClass("rev_wizmid_selectedtempbut"))  //ISO
			        diskOfferingId = $thisPopup.find("#root_disk_offering_container input[name=root_disk_offering_radio]:checked").val();	
			    else  //template
			        diskOfferingId = $thisPopup.find("#data_disk_offering_container input[name=data_disk_offering_radio]:checked").val();	
		        if(diskOfferingId != null && diskOfferingId != "" && diskOfferingId != "no" && diskOfferingId != "custom")
			        moreCriteria.push("&diskOfferingId="+diskOfferingId);						 
    			    			
    			var customDiskSize = $thisPopup.find("#custom_disk_size").val(); //unit is MB
    			if(customDiskSize != null && customDiskSize.length > 0)
    			    moreCriteria.push("&size="+customDiskSize);	    			
    		   
    			
    			var name = trim($thisPopup.find("#wizard_vm_name").val());
			    if (name != null && name.length > 0) 
				    moreCriteria.push("&displayname="+todb(name));	
    			
			    var group = trim($thisPopup.find("#wizard_vm_group").val());
			    if (group != null && group.length > 0) 
				    moreCriteria.push("&group="+todb(group));		
    						
			    vmWizardClose();
    			
    			var $t = $("#midmenu_item").clone();
    			$t.find("#first_row").text("Adding....");    			
    			$t.find("#content").addClass("inaction"); 
    			$t.find("#spinning_wheel").show();
    			$("#midmenu_container").append($t.show());
    			
			    $.ajax({
				    data: createURL("command=deployVirtualMachine"+moreCriteria.join("")),
				    dataType: "json",
				    success: function(json) {
					    var jobId = json.deployvirtualmachineresponse.jobid;
					    $t.attr("id","vmNew"+jobId).data("jobId", jobId);
					    var timerKey = "vmNew"+jobId;
    					
					    // Process the async job
					    $("body").everyTime(
						    10000,
						    timerKey,
						    function() {
							    $.ajax({
								    data: createURL("command=queryAsyncJobResult&jobId="+jobId),
								    dataType: "json",
								    success: function(json) {
									    var result = json.queryasyncjobresultresponse;
									    if (result.jobstatus == 0) {
										    return; //Job has not completed
									    } else {
										    $("body").stopTime(timerKey);
										    $t.find("#content").removeClass("inaction"); 
										    $t.find("#spinning_wheel").hide();		
										    if (result.jobstatus == 1) {
											    // Succeeded												   
											    $t.find("#info_icon").removeClass("error").show();
						                        $t.data("afterActionInfo", ("Adding succeeded.")); 
						                        if("virtualmachine" in result)	
						                            vmJsonToMidmenu(result.virtualmachine[0], $t);													   
											    
										    } else if (result.jobstatus == 2) {
											    // Failed
											    $t.find("#first_row").text("Adding failed");
											    $t.find("#info_icon").addClass("error").show();
						                        $t.data("afterActionInfo", ("Adding failed. Reason: " + fromdb(result.jobresult)));   	
						                        $t.bind("click", function(event) {  
                                                    $rightPanelContent.find("#after_action_info").text($(this).data("afterActionInfo"));
                                                    $rightPanelContent.find("#after_action_info_container").addClass("errorbox");
                                                    $rightPanelContent.find("#after_action_info_container").show();   
                                                    vmClearRightPanel();
                                                    return false;
                                                });		
										    }
									    }
								    },
								    error: function(XMLHttpResponse) {
									    $("body").stopTime(timerKey);
									    $t.find("#info_icon").addClass("error").show();
									    $t.find("#first_row").text("Adding failed");
									    handleError(XMLHttpResponse);
								    }
							    });
						    },
						    0
					    );
				    },
				    error: function(XMLHttpResponse) {					    
					    $t.find("#info_icon").addClass("error").show();		
					    $t.find("#first_row").text("Adding failed");		    
				        handleError(XMLHttpResponse);
				    }					
			    });
		    } 		
    		
		    //since no error, move to next step
		    
		    $vmPopup.find("#step" + currentStepInVmPopup).hide().next().show();  //hide current step, show next step		    
		    currentStepInVmPopup++;					
	    });
    	
	    $vmPopup.find("#prev_step").bind("click", function(event) {		
		    var $prevStep = $vmPopup.find("#step" + currentStepInVmPopup).hide().prev().show(); //hide current step, show previous step
		    currentStepInVmPopup--;
//		    if (currentStepInVmPopup == 1) {
//			    $vmPopup.find("#prev_step").hide();
//		    }
		    return false; //event.preventDefault() + event.stopPropagation()
	    });
        //***** VM Wizard (end) ********************************************************************************
        
        //***** Volume tab (begin) *****************************************************************************
        $("#volume_action_link").bind("mouseover", function(event) {
            $(this).find("#volume_action_menu").show();    
            return false;
        });
        $("#volume_action_link").bind("mouseout", function(event) {
            $(this).find("#volume_action_menu").hide();    
            return false;
        });
        //***** Volume tab (end) *******************************************************************************
    
    
    });	
}