";
}
if(type=="edit"){
linkText = "";
deleteText = ' | ";
else geoImgTxt = ""; pdfText = " | (Delete MPA) | '; } printString += '
| '+currCountry+' | '+linkText+currShortName+''+geoImgTxt+' | '+pdfText+' | '+deleteText+'
";
if(editId) document.getElementById("MPAEditList").innerHTML = "Please wait while the MPA list is loaded.";
$.getJSON("MPAList.php?viewType=viewMPA", function(data1) {
viewMPAobj = data1;
$.getJSON("MPAList.php?viewType=editMPA", function(data2) {
editMPAobj = data2;
var currDiv, currObj;
for(var i=0; i<2; i++){
if(i==0){
currDiv = 'MPAViewList';
currObj = viewMPAobj;
type = "view";
}
if(i==1){
currDiv = 'MPAEditList';
currObj = editMPAobj;
type = "edit";
}
if ($("#"+currDiv).length){
document.getElementById(currDiv).innerHTML = writeFilteredMPAs(currObj, type);
}
}
});
});
}
$(document).ready(function() {
if(document.getElementById('content-3')){
$.get('admin_ui.php', function(data){
document.getElementById('content-3').innerHTML = data;
add_adminTabs = $("#add_adminFormContainer").tabs();
/*add_swfu_kml = new SWFUpload({
debug : true,
upload_url : "db_access.php?action=uploadFile&fileType=kml",
flash_url : "JSLibraries/swfupload/swfupload_fp10/swfupload.swf",
file_size_limit : "2 MB",
button_placeholder_id : "add_swfu_kml",
button_image_url : "Images/XPButtonUploadText_61x22.png",
button_height : 22,
button_width : 61,
button_cursor : SWFUpload.CURSOR.HAND,
button_text_left_padding : 25,
file_types : "*.kml",
file_types_description: "Keyhole Markup Language (KML) Files",
file_upload_limit : 1,
file_dialog_start_handler : fileDialogStart,
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
custom_settings : {
progressTarget : "add_kml_container",
cancelButtonId : "add_kml_cnclbtn"
}
});
add_swfu_pix = new SWFUpload({
debug : true,
upload_url : "db_access.php?action=uploadFile&fileType=img",
flash_url : "JSLibraries/swfupload/swfupload_fp10/swfupload.swf",
file_size_limit : "10 MB",
button_placeholder_id : "add_swfu_jpg",
button_image_url : "Images/XPButtonUploadText_61x22.png",
button_height : 22,
button_width : 61,
button_cursor : SWFUpload.CURSOR.HAND,
button_text_left_padding : 25,
file_types : "*.jpg",
file_types_description: "JPG Image Files",
file_dialog_start_handler : fileDialogStart,
file_queued_handler : fileQueued,
file_queue_error_handler : fileQueueError,
file_dialog_complete_handler : fileDialogComplete,
upload_start_handler : uploadStart,
upload_progress_handler : uploadProgress,
upload_error_handler : uploadError,
upload_success_handler : uploadSuccess,
upload_complete_handler : uploadComplete,
custom_settings : {
progressTarget : "add_jpg_container",
cancelButtonId : "add_jpg_cnclbtn"
}
});*/
$('#add_general_description').ckeditor(config);
$('#content-3').find('.datepicker').datepicker({ changeYear: true, changeMonth: true, yearRange: '1970:+00', dateFormat: 'yy/mm/dd' });
$("#add_mpa_data").validate(settingsObj);
});
}
if(document.getElementById('MPAEditArea')){
var editDialog = $( "#MPAEditArea" ).dialog({ autoOpen: false, modal: true, width: 700, beforeclose: function(){return confirm("If you close this window, any changes since your last save will be lost. Are you sure you want to continue?")},close: function(event, ui){document.forms[1].reset(); resetSearchFilters(); editId = false;}
});
$.get('admin_ui.php?editId=true', function(data){
document.getElementById('MPAEditArea').innerHTML = data;
edit_adminTabs = $("#edit_adminFormContainer").tabs();
$('#edit_general_description').ckeditor(config);
$('#MPAEditArea').find('.datepicker').datepicker({ changeYear: true, changeMonth: true, yearRange: '1970:+00', dateFormat: 'yy/mm/dd' });
$("#edit_mpa_data").validate(settingsObj);
});
}
//-------------Load View and Edit lists ---------------------//
loadLists();
//------------End loading View and Edit lists-----------------//
var errorDialog = $( "#ErrorDialog" ).dialog({ autoOpen: false, modal: true });
var viewDialog = $( "#MPADisplay" ).dialog({ autoOpen: false, modal: true, height: $(window).height()-5, width: 900, close: function() { viewTabs.tabs("destroy"); viewTabs = ""; resetSearchFilters(); }});
tabSet = $("#contentColumn").tabs({
select: function(event, ui) {
switch(ui.index){
case 0:
$('#searchContainer').css('display','none');
$('#aboutContainer').css('display','block');
break;
case 1:
$('#searchContainer').css('display','none');
$('#aboutContainer').css('display','block');
break;
case 2:
$('#searchContainer').css('display','block');
$('#aboutContainer').css('display','none');
searchFunction = "view";
break;
case 3:
$('#searchContainer').css('display','none');
$('#aboutContainer').css('display','none');
document.getElementById('add_mpa_data').reset();
break;
case 4:
$('#searchContainer').css('display','block');
$('#aboutContainer').css('display','none');
searchFunction = "edit";
break;
}
}
});
$("#logout_link").click(function(){
$.get("CaMPAMLogout.php", function(data){
window.location.reload();
});
});
$("#loginSubmit").click(function(){
submittedUsername = $("#userName").val();
submittedPassword = $("#password").val();
$.get("CaMPAMLogin2.php", { Username: submittedUsername, Password: submittedPassword }, function(data){
if(data == "true"){
window.location.reload();
}
else alert("There was no account matching the username and password you supplied.");
});
});
$('#password').keypress(function(event) {
if (event.keyCode == '13') {
$("#loginSubmit").click();
}
});
$('#userName').keypress(function(event) {
if (event.keyCode == '13') {
$("#loginSubmit").click();
}
});
$(".editMPALink").live("click", function(event){
event.preventDefault();
var mpaId = event.target.id;
editId = mpaId;
var formFields = document.forms[1];
var fieldCounter = 0;
var i=0;
$.getJSON("edit_fetch.php", {mpaId: mpaId}, function(data){
formFields.name.value = data[0];
formFields.short_name.value = data[1];
$('#edit_general_description').ckeditorGet().setData(data[2]);
for(var i in formFields.country_or_territory.options){
if(!isNaN(i)){
if(formFields.country_or_territory.options[i].value==data[3]){
formFields.country_or_territory.selectedIndex = i;
break;
}
}
}
formFields.geographic_location.value = data[4];
for(var i in formFields.ecoregion_location.options){
if(!isNaN(i)){
if(formFields.ecoregion_location.options[i].value==data[5]){
formFields.ecoregion_location.selectedIndex = i;
break;
}
}
}
formFields.boundaries.value = data[6];
formFields.map_url.value = data[7];
formFields.total_surface_area.value = data[8];
formFields.land_surface_area.value = data[9];
formFields.sea_surface_area.value = data[10];
formFields.shoreline_length.value = data[11];
formFields.site_national_category.value = data[12];
formFields.site_international_designation.value = data[13];
for(var i in formFields.iucn_category.options){
if(!isNaN(i)){
if(formFields.iucn_category.options[i].value==data[14]){
formFields.iucn_category.selectedIndex = i;
break;
}
}
}
for(var i in formFields.designation.options){
if(!isNaN(i)){
if(formFields.designation.options[i].value==data[15]){
formFields.designation.selectedIndex = i;
break;
}
}
}
formFields.date_established.value = data[16];
formFields.legal_citation.value = data[17];
formFields.citation_reference_url.value = data[18];
formFields.other_legal_designations.value = data[19];
formFields.other_legal_designations_reference_urls.value = data[20];
formFields.primary_responsible_institution.value = data[21];
formFields.primary_contact.value = data[22];
formFields.address.value = data[23];
formFields.phone_numbers.value = data[24];
formFields.fax_numbers.value = data[25];
formFields.email.value = data[26];
formFields.web_sites.value = data[27];
formFields.climate.value = data[28];
var geoArray = data[29].split(",");
for(var i in geoArray){
if(!isNaN(i)){
$('[name="geological_features[]"]').each(function(j,elem){
if(geoArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
var hydroArray = data[30].split(",");
for(var i in hydroArray){
if(!isNaN(i)){
$('[name="hydrological_features[]"]').each(function(j,elem){
if(hydroArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
formFields.other_hydrological_features.value = data[31];
formFields.terrestrial_habitats.value = data[32];
formFields.terrestrial_flora_and_fauna_species.value = data[33];
formFields.marine_habitats.value = data[34];
formFields.marine_flora.value = data[35];
formFields.marine_invertebrates_and_fishes.value = data[36];
formFields.marine_mammals_birds_and_sea_turtles.value = data[37];
formFields.endangered_species.value = data[38];
formFields.special_aggregation_sites.value = data[39];
formFields.primary_management_institution.value = data[40];
formFields.other_institutions_that_participate_in_management.value = data[41];
formFields.personnel.value = data[42];
var managementArray = data[43].split(",");
for(var i in managementArray){
if(!isNaN(i)){
$('[name="management_objectives[]"]').each(function(j,elem){
if(managementArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
formFields.other_management_objectives.value = data[44];
for(var i in formFields.management_framework){
if(!isNaN(i)){
if(formFields.management_framework[i].value==data[45]){
formFields.management_framework[i].checked = true;
break;
}
}
}
formFields.date_of_establishment_of_management_framework.value = data[46];
formFields.last_update_of_management_framework.value = data[47];
var manProgrammesArray = data[48].split(",");
for(var i in manProgrammesArray){
if(!isNaN(i)){
$('[name="management_programmes[]"]').each(function(j,elem){
if(manProgrammesArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
if(data[49]!=null){
var zoningArray = data[49].split(",");
for(var i in zoningArray){
if(!isNaN(i)){
for(var j in formFields['zoning[]']){
if(!isNaN(j)){
if(zoningArray[i] == formFields['zoning[]'][j].value){
formFields['zoning[]'][j].checked = true;
break;
}
}
}
}
}
}
formFields.other_zone_types.value = data[50];
formFields.funding_sources.value = data[51];
formFields.cultural_resources.value = data[52];
formFields.fisheries_resources.value = data[53];
formFields.fisheries_regulations.value = data[54];
formFields.coastal_development.value = data[55];
var beachManagementArray = data[56].split(",");
for(var i in beachManagementArray){
if(!isNaN(i)){
$('[name="beach_management[]"]').each(function(j,elem){
if(beachManagementArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
if(data[57]!= null) var monitoringProgamsArray = data[57].split(",");
else monitoringProgramsArray = new Array();
for(var i in monitoringProgamsArray){
if(!isNaN(i)){
$('[name="monitoring_programmes[]"]').each(function(j,elem){
if(monitoringProgamsArray[i] == $(this).attr("value")){
$(this).attr("checked",true);
}
});
}
}
formFields.other_monitoring_programmes.value = data[58];
formFields.issues_or_threats_for_accomplishing_management_objectives.value = data[59];
formFields.role_of_site_in_network.value = data[60];
formFields.area_of_special_expertise_for_knowledge_transfer.value = data[61];
var latLonArr = data[62].split(",");
formFields.geoMarkerLat.value = latLonArr[0];
formFields.geoMarkerLon.value = latLonArr[1];
editDialog.dialog({height: $(window).height()-5, width: 900});
// Replace instructions with tool tips //
$('#MPAEditArea .fieldDescription').css("display","none");
if($('.helpIcon').length==0){
$('#MPAEditArea .fieldDescription').prev().prev().append("
");
}
$('.helpIcon').each(function(){
$(this).attr("title",$(this).parent().next().next().html());
});
$('.helpIcon').aToolTip({
clickIt: true
});
// End tool tip code //
editDialog.dialog('open');
});
});
$(".deleteMpaLink").live("click", function(event){
if(confirm("Are you sure you want to delete this MPA? This action cannot be undone.")){
var tempArray = this.id.split("_");
var delId = tempArray[1];
var getURL = "db_access.php?action=deleteMPA&editId="+delId;
$.get(getURL, function(data){
if(data=="true"){
alert("The MPA has been successfully deleted.");
loadLists();
}
else alert(data);
});
}
});
function initializeMap(mpaId, pointDataObj){
if(kmlUrl!=''){
var ctaLayer = new google.maps.KmlLayer(kmlUrl+"?rand="+Math.floor(Math.random()*501));
}
else{
var ctaLayerCenter = new google.maps.LatLng(geoMarkerLat,geoMarkerLng);
}
var myOptions = {
zoom: 8,
center: ctaLayerCenter,
mapTypeId: google.maps.MapTypeId.HYBRID
}
var map = new google.maps.Map(document.getElementById("simpleMapCanvas"), myOptions);
if(kmlUrl!='') ctaLayer.setMap(map);
else{
var pointOptions = {
map: map,
title: mpaName,
position: ctaLayerCenter
}
var IUCN = pointDataObj.IUCN ? '");
$('.helpIcon').each(function(){
$(this).attr("title",$(this).parent().next().next().html());
});
$('#MPADisplay .fieldDescription').next('br').remove();
$('.helpIcon').aToolTip({
clickIt: true
});
// End tool tip code //
viewDialog.dialog('open');
if(viewTabs.tabs('option', 'selected')==4) initializeMap(mpaId, jsonGet);
});
});
$(".tabNavNext").live("click", function(){
if(tabSet.tabs('option', 'selected')==2){
viewTabs.tabs( "select" , (viewTabs.tabs('option', 'selected' )+1));
}
if(tabSet.tabs('option', 'selected')==3){
add_adminTabs.tabs( "select" , (add_adminTabs.tabs('option', 'selected' )+1));
}
if(tabSet.tabs('option', 'selected')==4){
edit_adminTabs.tabs( "select" , (edit_adminTabs.tabs('option', 'selected' )+1));
}
});
$(".tabNavPrev").live("click", function(){
if(tabSet.tabs('option', 'selected')==2){
viewTabs.tabs( "select" , (viewTabs.tabs('option', 'selected' )-1));
}
if(tabSet.tabs('option', 'selected')==3){
add_adminTabs.tabs( "select" , (add_adminTabs.tabs('option', 'selected' )-1));
}
if(tabSet.tabs('option', 'selected')==4){
edit_adminTabs.tabs( "select" , (edit_adminTabs.tabs('option', 'selected' )-1));
}
});
$(".tabNavDone").live("click", function(){
if(tabSet.tabs('option', 'selected')==3){
add_adminTabs.tabs( "select" , 3);
}
if(tabSet.tabs('option', 'selected')==4){
edit_adminTabs.tabs( "select" , 3);
}
});
$(".search-filter-select").bind('change', function() {
var currKey = $(this).attr("id");
var currVal = $(this).val();
switch(currKey){
case 'search-country':
filtersObj.country = currVal;
break;
case 'search-ecoregion':
filtersObj.ecoregion = currVal;
break;
case 'search-iucn':
filtersObj.iucn = currVal;
break;
case 'search-designation':
filtersObj.designation = currVal;
break;
case 'search-challenge':
filtersObj.challenge = $(this).attr("checked");
break;
default:
break;
}
filterMPAs();
});
$("#mpaSearch").keyup(function(){filterMPAs();});
});