var g_zoneIds = []; 
var g_zoneNames = [];	

function afterLoadIsoJSP() {
    var $detailsTab = $("#right_panel_content #tab_content_details");   
    
    //add button ***
    $("#midmenu_add_link").show(); 
    
    $("#midmenu_add_link").unbind("click").bind("click", function(event) {     
        $("#dialog_add_iso")
	    .dialog('option', 'buttons', { 				
		    "Create": function() { 	
		        var thisDialog = $(this);
    				
			    // validate values
			    var isValid = true;					
			    isValid &= validateString("Name", thisDialog.find("#add_iso_name"), thisDialog.find("#add_iso_name_errormsg"));
			    isValid &= validateString("Display Text", thisDialog.find("#add_iso_display_text"), thisDialog.find("#add_iso_display_text_errormsg"));
			    isValid &= validateString("URL", thisDialog.find("#add_iso_url"), thisDialog.find("#add_iso_url_errormsg"));			
			    if (!isValid) 
			        return;		
			        
			    thisDialog.dialog("close");	
			    
			    var name = trim(thisDialog.find("#add_iso_name").val());
			    var desc = trim(thisDialog.find("#add_iso_display_text").val());
			    var url = trim(thisDialog.find("#add_iso_url").val());						
			    var zoneId = thisDialog.find("#add_iso_zone").val();	
			    //var isPublic = thisDialog.find("#add_iso_public").val();
			    var isPublic = "false"; //default to private for now
			    var osType = thisDialog.find("#add_iso_os_type").val();
			    var bootable = thisDialog.find("#add_iso_bootable").val();			
    		    				    
		        var $midmenuItem1 = beforeAddingMidMenuItem() ;				    
    		       		    				
			    $.ajax({
			        data: createURL("command=registerIso&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&url="+encodeURIComponent(url)+"&zoneId="+zoneId+"&isPublic="+isPublic+"&osTypeId="+osType+"&bootable="+bootable+"&response=json"),
				    dataType: "json",
				    success: function(json) {					
				        var items = json.registerisoresponse.iso;				       
				        isoToMidmenu(items[0], $midmenuItem1);
						bindClickToMidMenu($midmenuItem1, isoToRigntPanel, isoGetMidmenuId);  
						afterAddingMidMenuItem($midmenuItem1, true);
						                        
                        if(items.length > 1) {                               
                            for(var i=1; i<items.length; i++) {   
                                var $midmenuItem2 = $("#midmenu_item").clone();
                                isoToMidmenu(items[i], $midmenuItem2);
                                bindClickToMidMenu($midmenuItem2, isoToRigntPanel, isoGetMidmenuId); 
                                $("#midmenu_container").append($midmenuItem2.show());
                            }                                    
                        }  						
				    }, 
					error: function(XMLHttpResponse) {					    
					    handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);					  
					}				
			    });
		    },
		    "Cancel": function() { 
			    $(this).dialog("close"); 
		    } 
	    }).dialog("open");
        return false;
    });
    
    //edit button ***
    var $readonlyFields  = $detailsTab.find("#name, #displaytext");
    var $editFields = $detailsTab.find("#name_edit, #displaytext_edit"); 
    $("#edit_button").bind("click", function(event){    
        $readonlyFields.hide();
        $editFields.show();  
        $("#cancel_button, #save_button").show()
        return false;
    });    
    $("#cancel_button").bind("click", function(event){    
        $editFields.hide();
        $readonlyFields.show();   
        $("#save_button, #cancel_button").hide();       
        return false;
    });
    $("#save_button").bind("click", function(event){        
        doUpdateIso();     
        $editFields.hide();      
        $readonlyFields.show();       
        $("#save_button, #cancel_button").hide();       
        return false;
    });
    
    //populate dropdown ***
    var addIsoZoneField = $("#dialog_add_iso #add_iso_zone");    	
	if (isAdmin())  
		addIsoZoneField.append("<option value='-1'>All Zones</option>"); 	
    $.ajax({
        data: createURL("command=listZones&available=true"+maxPageSize),
	    dataType: "json",
	    success: function(json) {		        
		    var zones = json.listzonesresponse.zone;	 			     			    	
		    if (zones != null && zones.length > 0) {
		        for (var i = 0; i < zones.length; i++) {
			        addIsoZoneField.append("<option value='" + zones[i].id + "'>" + sanitizeXSS(zones[i].name) + "</option>"); 			        
			        g_zoneIds.push(zones[i].id);
			        g_zoneNames.push(zones[i].name);			       
		        }
		    }				    			
	    }
	});	
    
    $.ajax({
	    data: createURL("command=listOsTypes&response=json"+maxPageSize),
		dataType: "json",
		success: function(json) {
			types = json.listostypesresponse.ostype;
			if (types != null && types.length > 0) {
				var osTypeDropDownAdd = $("#dialog_add_iso #add_iso_os_type").empty();
				var osTypeDropdownEdit = $detailsTab.find("#ostypename_edit").empty();
				for (var i = 0; i < types.length; i++) {
					var html = "<option value='" + types[i].id + "'>" + types[i].description + "</option>";
					osTypeDropDownAdd.append(html);			
					osTypeDropdownEdit.append(html);					
				}
			}	
		}
	});
	
	$.ajax({
	    data: createURL("command=listServiceOfferings&response=json"+maxPageSize),
	    dataType: "json",
	    success: function(json) {
	        var items = json.listserviceofferingsresponse.serviceoffering;
	        if(items != null && items.length > 0 ) {
	            var serviceOfferingField = $("#dialog_create_vm_from_iso #service_offering").empty();
	            for(var i = 0; i < items.length; i++)		        
	                serviceOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
	        }		        
	    }
	});		
	
	$.ajax({
	    data: createURL("command=listDiskOfferings&response=json"+maxPageSize),
	    dataType: "json",
	    success: function(json) {
	        var items = json.listdiskofferingsresponse.diskoffering;
	        if(items != null && items.length > 0 ) {
	            var diskOfferingField = $("#dialog_create_vm_from_iso #disk_offering").empty();
	            for(var i = 0; i < items.length; i++)		        
	                diskOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
	        }		  
	        
	    }
	});		
    
    //initialize dialog box ***
	activateDialog($("#dialog_copy_iso").dialog({ 
		width:300,
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));	
	activateDialog($("#dialog_create_vm_from_iso").dialog({ 
		width:300,
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));	
	activateDialog($("#dialog_add_iso").dialog({ 
		width:450,
		autoOpen: false,
		modal: true,
		zIndex: 2000
	}));
}

function isoGetMidmenuId(jsonObj) {
    return "midmenuItem_" + jsonObj.id + "_" + fromdb(jsonObj.zonename).replace(/\s/g, ""); //remove all spaces in zonename
}

function isoToMidmenu(jsonObj, $midmenuItem1) {    
    var id = isoGetMidmenuId(jsonObj);
    $midmenuItem1.attr("id", id);   
    $midmenuItem1.data("jsonObj", jsonObj); 
        
    var $iconContainer = $midmenuItem1.find("#icon_container").show();
    setIconByOsType(jsonObj.ostypename, $iconContainer.find("#icon"));
    
    $midmenuItem1.find("#first_row").text(fromdb(jsonObj.name).substring(0,25)); 
    $midmenuItem1.find("#second_row").text(fromdb(jsonObj.zonename).substring(0,25));  
}

function isoToRigntPanel($midmenuItem) {       
    var jsonObj = $midmenuItem.data("jsonObj");
    isoJsonToDetailsTab(jsonObj);   
}

function isoJsonToDetailsTab(jsonObj) {   
    var $detailsTab = $("#right_panel_content #tab_content_details");   
    $detailsTab.data("jsonObj", jsonObj);      
    $detailsTab.find("#id").text(fromdb(jsonObj.id));
    $detailsTab.find("#zonename").text(fromdb(jsonObj.zonename));
    
    $detailsTab.find("#name").text(fromdb(jsonObj.name));
    $detailsTab.find("#name_edit").val(fromdb(jsonObj.name));
    
    $detailsTab.find("#displaytext").text(fromdb(jsonObj.displaytext));
    $detailsTab.find("#displaytext_edit").val(fromdb(jsonObj.displaytext));
    
    $detailsTab.find("#account").text(fromdb(jsonObj.account));
    
    if(jsonObj.size != null)
	    $detailsTab.find("#size").text(convertBytes(parseInt(jsonObj.size)));       
    
    var status = "Ready";
	if (jsonObj.isready == "false")
		status = jsonObj.isostatus;	
	$detailsTab.find("#status").text(status); 
       
    setBooleanField(jsonObj.bootable, $detailsTab.find("#bootable"));	     
    setDateField(jsonObj.created, $detailsTab.find("#created"));	  
    
    
    //actions ***
    var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
    $actionMenu.find("#action_list").empty();
    
    // "Edit", "Copy", "Create VM" 
	if ((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account)) || jsonObj.isready == "false") {
		//template.find("#iso_edit_container, #iso_copy_container").hide();
		$("#edit_button").hide();
    }
    else {
        //template.find("#iso_edit_container, #iso_copy_container").show();
        $("#edit_button").show();
        buildActionLinkForDetailsTab("Copy ISO", isoActionMap, $actionMenu, isoListAPIMap);		
    }
		
	// "Create VM" 
	if (((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account)) || jsonObj.isready == "false") || (jsonObj.bootable == "false")) {
		//template.find("#iso_create_vm_container").hide();
    }
    else {
        //template.find("#iso_create_vm_container").show();
        buildActionLinkForDetailsTab("Create VM", isoActionMap, $actionMenu, isoListAPIMap);	
    }
    
	// "Delete" 
	if (((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account))) || (jsonObj.isready == "false" && jsonObj.isostatus != null && jsonObj.isostatus.indexOf("% Downloaded") != -1)) {
		//template.find("#iso_delete_container").hide();	
	}
	else {
	    //template.find("#iso_delete_container").show();	
	     buildActionLinkForDetailsTab("Delete ISO", isoActionMap, $actionMenu, isoListAPIMap);	
	}    
}

function isoClearRightPanel() {
    var $detailsTab = $("#right_panel_content #tab_content_details");   
    
    $detailsTab.find("#id").text("");
    $detailsTab.find("#zonename").text("");
    
    $detailsTab.find("#name").text("");
    $detailsTab.find("#name_edit").val("");
    
    $detailsTab.find("#displaytext").text("");
    $detailsTab.find("#displaytext_edit").val("");
    
    $detailsTab.find("#account").text("");    
    $detailsTab.find("#size").text("");  
	$detailsTab.find("#status").text(""); 
	$detailsTab.find("#bootable").text("");
    $detailsTab.find("#created").text("");   
}

var isoActionMap = {  
    "Delete ISO": {                  
        isAsyncJob: true,
        asyncJobResponse: "deleteisosresponse",
        dialogBeforeActionFn : doDeleteIso,
        inProcessText: "Deleting ISO....",
        afterActionSeccessFn: function(jsonObj) {          
            var $midmenuItem1 = $("#"+isoGetMidmenuId(jsonObj)); 
            $midmenuItem1.remove();
            clearRightPanel();
            isoClearRightPanel();
        }
    },
    "Copy ISO": {
        isAsyncJob: true,
        asyncJobResponse: "copyisoresponse",            
        dialogBeforeActionFn : doCopyIso,
        inProcessText: "Copying ISO....",
        afterActionSeccessFn: function(){}   
    }  
    ,
    "Create VM": {
        isAsyncJob: true,
        asyncJobResponse: "deployvirtualmachineresponse",            
        dialogBeforeActionFn : doCreateVMFromIso,
        inProcessText: "Creating VM....",
        afterActionSeccessFn: function(){}   
    }  
}   

var isoListAPIMap = {
    listAPI: "listIsos&isofilter=self",
    listAPIResponse: "listisosresponse",
    listAPIResponseObj: "iso"
}; 

function doUpdateIso() { 
    var $detailsTab = $("#right_panel_content #tab_content_details");      
    
    // validate values
    var isValid = true;					
    isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"));
    isValid &= validateString("Display Text", $detailsTab.find("#displaytext_edit"), $detailsTab.find("#displaytext_edit_errormsg"));			
    if (!isValid) 
        return;
       
    var jsonObj = $detailsTab.data("jsonObj"); 
	var id = jsonObj.id;
							
	var name = trim($detailsTab.find("#name_edit").val());
	var displaytext = trim($detailsTab.find("#displaytext_edit").val());
	
	$.ajax({
	    data: createURL("command=updateIso&id="+id+"&name="+todb(name)+"&displayText="+todb(displaytext)),
		dataType: "json",
		success: function(json) {	
		    var jsonObj = json.updateisoresponse;
		    isoToMidmenu(jsonObj, $("#midmenuItem_"+jsonObj.id)); 
		    isoJsonToDetailsTab(jsonObj);						
		}
	});
}

function doDeleteIso($actionLink, listAPIMap, $detailsTab) {   
    var $detailsTab = $("#right_panel_content #tab_content_details"); 
    var jsonObj = $detailsTab.data("jsonObj");
	var id = jsonObj.id;
	var name = jsonObj.name;			
	var zoneId = jsonObj.zoneid;

    var moreCriteria = [];						
	if (zoneId != null) 
		moreCriteria.push("&zoneid="+zoneId);	
	
	var htmlMsg; 
	if(jsonObj.crossZones == "true")
	    htmlMsg = "<p>ISO <b>"+name+"</b> is used by all zones. Please confirm you want to delete it from all zones.</p>";
	else
	    htmlMsg = "<p>Please confirm you want to delete ISO <b>"+name+"</b>.</p>";
					
	$("#dialog_confirmation")
	.html(htmlMsg)
	.dialog('option', 'buttons', { 					
		"Confirm": function() { 			
			$(this).dialog("close");			
			var apiCommand = "command=deleteIso&id="+id+moreCriteria.join("");
            doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);	
		}, 
		"Cancel": function() { 
			$(this).dialog("close"); 
		}
	}).dialog("open");

}

function populateZoneFieldExcludeSourceZone(zoneField, excludeZoneId) {	  
    zoneField.empty();  
    if (g_zoneIds != null && g_zoneIds.length > 0) {
        for (var i = 0; i < g_zoneIds.length; i++) {
            if(g_zoneIds[i]	!= excludeZoneId)			            
	            zoneField.append("<option value='" + g_zoneIds[i] + "'>" + sanitizeXSS(g_zoneNames[i]) + "</option>"); 			        			       
        }
    }			    
}

function doCopyIso($actionLink, listAPIMap, $detailsTab) {   
	var jsonObj = $detailsTab.data("jsonObj");
	var id = jsonObj.id;
	var name = jsonObj.name;			
	var sourceZoneId = jsonObj.zoneid;
				
	populateZoneFieldExcludeSourceZone($("#dialog_copy_iso #copy_iso_zone"), sourceZoneId);
	
	$("#dialog_copy_iso #copy_iso_name_text").text(name);  //ISO name
	
	var sourceZoneName = jsonObj.zonename;
	$("#dialog_copy_iso #copy_iso_source_zone_text").text(sourceZoneName); // source zone
		
	$("#dialog_copy_iso")
	.dialog('option', 'buttons', {				    
	    "OK": function() {				       
	        var thisDialog = $(this);
	        	        	        
	        var isValid = true;	 
            isValid &= validateDropDownBox("Zone", thisDialog.find("#copy_iso_zone"), thisDialog.find("#copy_iso_zone_errormsg"), false);  //reset error text		         
	        if (!isValid) return;     
	        
	        thisDialog.dialog("close");
	        				        
	        var destZoneId = thisDialog.find("#copy_iso_zone").val();	
            var apiCommand = "command=copyIso&id="+id+"&sourcezoneid="+sourceZoneId+"&destzoneid="+destZoneId;
            doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);	 
	    }, 
	    "Cancel": function() {				        
		    $(this).dialog("close");
	    }				
	}).dialog("open");	
}	

function doCreateVMFromIso($actionLink, listAPIMap, $detailsTab) { 
    var jsonObj = $detailsTab.data("jsonObj");	
	var id = jsonObj.id;		
	var name = jsonObj.name;				
	var zoneId = jsonObj.zoneid;		
					
	var createVmDialog = $("#dialog_create_vm_from_iso");				
	createVmDialog.find("#p_name").text(name);
		
	createVmDialog
	.dialog('option', 'buttons', {			    
	    "Create": function() {
	        var thisDialog = $(this);	
	      
	        // validate values
		    var isValid = true;		
		    isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"), true);
		    isValid &= validateString("Group", thisDialog.find("#group"), thisDialog.find("#group_errormsg"), true);				
		    if (!isValid) return;	       
	           
	        thisDialog.dialog("close");   
	                
	        var name = trim(thisDialog.find("#name").val());		
	        var group = trim(thisDialog.find("#group").val());		
	        var serviceOfferingId = thisDialog.find("#service_offering").val();				        
	        var diskOfferingId = thisDialog.find("#disk_offering").val();	        		        
	                         
		    var apiCommand = "command=deployVirtualMachine&zoneId="+zoneId+"&serviceOfferingId="+serviceOfferingId+"&diskOfferingId="+diskOfferingId+"&templateId="+id+"&group="+encodeURIComponent(group)+"&displayname="+encodeURIComponent(name);
    	    doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);		
	    }, 
	    "Cancel": function() {
	        $(this).dialog("close");
	    }
	}).dialog("open");			
}