//*****************************************************************************
// FUNCTION LIST_IMAGES
//*****************************************************************************

function list_images() {
  document.forms[0].action = "index.php?action=list_images";
  document.forms[0].submit();
}

// END FUNCTION LIST_IMAGES
//*****************************************************************************


//*****************************************************************************
// FUNCTION VIEW_IMAGE
//*****************************************************************************

function view_image(image_id) {
  document.forms[0].action = "index.php?action=view_image&entity_id=" + image_id;
  document.forms[0].submit();
}

// END FUNCTION VIEW_IMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION EDIT_IMAGE
//*****************************************************************************

function edit_image(image_id) {
  document.forms[0].action = "index.php?action=edit_image&entity_id=" + image_id;
  document.forms[0].submit();
}

// END FUNCTION EDIT_IMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION UPDATE_IMAGE
//*****************************************************************************

function update_image(image_id) {
  document.forms[0].action = "index.php?action=update_image&entity_id=" + image_id;
  document.forms[0].submit();
}

// END FUNCTION EDIT_IMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION DELETE_IMAGE
//*****************************************************************************
 
function delete_image(image_id) {

  var confirmDelete = confirm("Are you sure you want to delete image " + image_id + "?");

  if (confirmDelete) {
    document.forms[0].action = "index.php?action=delete_image&entity_id=" + image_id;
    document.forms[0].submit();
  }
  else {
    return false ;
  }

}
// END FUNCTION DELETE_IMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION UPLOAD_IMAGE
//*****************************************************************************

function upload_image() {
  document.forms[0].action = "index.php?action=upload_image";
  document.forms[0].submit();
}

// END FUNCTION UPLOAD_IMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION QUICKSEARCH            
//*****************************************************************************

function quickSearch(searchType) {                              
 
  document.getElementById('data_action').value = 'list_images';    
  document.getElementById('data_search_type').value = searchType; 
  document.forms[0].submit();
}
 
// END FUNCTION QUICKSEARCH
//*****************************************************************************


//*****************************************************************************
// FUNCTION SEARCHIMAGES
//*****************************************************************************

function searchImages() {

  var image_template = document.getElementById('image_template').value;
  document.getElementById('data_action').value = 'search_images';
  document.forms[0].submit();
}

// END FUNCTION SEARCHIMAGES
//*****************************************************************************


//*****************************************************************************
// FUNCTION CHANGEIMAGERANGE
//*****************************************************************************

function changeImageRange(start,end) {
  document.getElementById('record_start').value = start;
  document.getElementById('record_end').value = end;
  document.getElementById('data_action').value = 'list_images';
  document.forms[0].submit();
}

// END FUNCTION CHANGEIMAGERANGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION CHANGEIMAGEPAGE 
//*****************************************************************************

function changeImagePage(direction) {

  record_start = document.getElementById('record_start');
  record_start.value = record_start.value * 1;

  results_per_page = document.getElementById('results_per_page');
  results_per_page.value = results_per_page.value * 1; 

  if (direction == 'previous') {
    record_start.value = parseInt(record_start.value) - parseInt(results_per_page.value);
  }
  else {
    record_start.value = parseInt(record_start.value) + parseInt(results_per_page.value);
  }

  document.getElementById('data_action').value = 'list_images';
  document.forms[0].submit();
}

// END FUNCTION CHANGEIMAGERANGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION OPENIMAGEWINDOW
//*****************************************************************************

function openImageWindow(target) {

  var action;
  var url;
  var title;

  switch (target) {
  
    case 'pilot':
      title = 'Add_Image_to_Pilot';	
    break;

    case 'ship':
      title = 'Add_Image_to_Ship';
    break;

    case 'mission':
      title = 'Add_Image_to_Mission';
    break;

  }

  url = 'index.php?action=list_images' + '&target=' + target + '&search_type=recent_images&image_template=1';

  var mywindow = window.open (url,
                              title,
                              'left=100,top=100,width=750,height=600,toolbar=0,scrollbars=1,resizable=1');

}

// END FUNCTION OPENIMAGEWINDOW
//*****************************************************************************


//*****************************************************************************
// FUNCTION OPENIMAGEBROWSER
//*****************************************************************************

/*
  Opens a new window to browse images for a pilot, ship, or mission
*/

function openImageBrowser(type,id,index,total) {

  var url;
  var title = 'view_images_for_' + type + '_' + id;
  url = 'index.php?action=list_images' 
                 + '&image_criteria[' + type + '_id]=' + id 
                 + '&results_per_page=1'
                 + '&record_start=' + index
                 + '&total_image=' + total
                 + '&image_size=large'
                 + '&image_template=1'
                 + '&image_description=image_subject'
                 + '&sort_order=image_subject';

  
  var imageWindow = window.open (url,
                              title,
                              'left=100,top=100,width=750,height=600,toolbar=0,scrollbars=1,resizable=1');
   
}
    
// END FUNCTION OPENIMAGEBROWSER
//*****************************************************************************


//*****************************************************************************
// FUNCTION ADDIMAGE_OLD
//*****************************************************************************
    
function addImage_Old(image_src,image_id,target) {

  var num_images = document.getElementById('num_images');
  
  num_images.value++;

  var index = num_images.value - 1;


  var image_text;
  var subject_id = document.getElementById('data_entity_id').value;

  var images = document.getElementById('images');

  image_text = "<tr id=\"image_row_" + image_id + "\" >\n"
             + "<td valign=\"top\" >\n"
             + "<input type=\"hidden\" name=\"data[image][" + index + "][image_subject_id]\" id=\"data_image_" + index + "_image_subject_id\" value=\"0\" />\n"
             + "<input type=\"hidden\" name=\"data[image][" + index + "][image_id]\" id=\"data_image_" + index + "_image_id\" value=\"" + image_id + "\" />\n"
             + "<input type=\"hidden\" name=\"data[image][" + index + "][subject_id]\" id=\"data_image_" + index + "_subject_id\" value=\"" + subject_id + "\" />\n"
             + "<input type=\"hidden\" name=\"data[image][" + index + "][delete_image]\" id=\"delete_image_" + image_id 
             + "\" value=\"\" />\n"
             + "<input type=\"hidden\" name=\"data[image][" + index + "][small_image_path]\" id=\"data_image_" + index
             + "small_image_path\" value=\"" + image_src + "\" />\n"
             + "<button type=\"button\" class=\"navButton\" onclick=\"removeImage('" + image_id + "'); return false;\" >"
             + "Delete</button>\n"
             + "</td>\n"
             + "<td valign=\"top\" >\n"
             + "<img src=\"" + image_src + "\"  />\n"
             + "</td>\n"
             + "<td valign=\"top\" >\n"
             + "<textarea name=\"data[image][" + index + "][image_subject_description]\" id=\"data_image_" + index + "_image_subject_description\"  rows=\"5\"  cols=\"30\"  ></textarea>\n"
             + "</td>\n"
             + "<td valign=\"top\" >\n"
             + "<input type=\"checkbox\" name=\"data[image][" + index + "][show_image]\" id=\"data_image_" + index + "_show_image\" value=\"Y\"  checked  />\n"
             + "</td>\n"
             + "<td valign=\"top\" >\n"
             + "<input type=\"text\" name=\"data[image][" + index + "][sort_order]\" id=\"data_image_" + index + "_sort_order\" value=\"" + index + "\"  size=\"2\"  maxlength=\"2\"  />\n"
             + "</td>\n"
             + "</tr>\n";

  //alert(image_text);

  images.innerHTML = images.innerHTML + image_text;

  var originalheight = document.getElementById('myDiv').scrollHeight;
  var newHeight = originalheight + 140;
  document.getElementById('myDiv').style.height = newHeight+'px';
  
  //mywindow.close();

}

// END FUNCTION ADDIMAGE_OLD
//*****************************************************************************


//*****************************************************************************
// FUNCTION ADDIMAGE
//*****************************************************************************
    
function addImage(image_src,image_id,target) {

  var num_images = document.getElementById('num_images');
  
  num_images.value++;

  var index = num_images.value - 1;


  var image_text;
  var subject_id = document.getElementById('data_entity_id').value;

  var images = document.getElementById('images');

  // create image row
  imageTr = document.createElement("tr");
  imageTr.setAttribute("id", "image_row_" + image_id);
 
  // add image row
  images.appendChild(imageTr);

  // create delete cell
  deleteTd = document.createElement("td");
  deleteTd.setAttribute("valign", "top");

  // create hidden image_subject_id
  image_subject_id = createHiddenField("data[image][" + index + "][image_subject_id]",
                                       "data_image_" + index + "_image_subject_id",
                                        0);
  deleteTd.appendChild(image_subject_id);

  // create hidden image id
  hidden_image_id = createHiddenField("data[image][" + index + "][image_id]",
                                       "data_image_" + index + "_image_id",
                                        image_id);
  deleteTd.appendChild(hidden_image_id);


  // create hidden subject id
  hidden_subject_id = createHiddenField("data[image][" + index + "][subject_id]",
                                       "data_image_" + index + "_subject_id",
                                        subject_id);
  deleteTd.appendChild(hidden_subject_id);
  
  // create hidden delete image    
  hidden_delete_image = createHiddenField("data[image][" + index + "][delete_image]",
                                       "delete_image_" + image_id,
                                        "N");
  deleteTd.appendChild(hidden_delete_image);

  //create hidden small_image_path
  small_image_path  = createHiddenField("data[image][" + index + "][small_image_path]",
                                       "data_image_" + index + "_small_image_path",
                                        image_src);
  deleteTd.appendChild(small_image_path);

  delete_button = createButton("delete_image_button",
                               "data_image_" + index + "_delete_image_button_" + image_id,
                               "Delete",
                                "navButton",
                               "removeImage('" + image_id + "'); return false;");       
  deleteTd.appendChild(delete_button); 

  // add delete cell
  imageTr.appendChild(deleteTd);

  // create image cell
  imageTd = document.createElement("td");
  imageTd.setAttribute("valign", "top");

  //create image
  imageObj = document.createElement("img");
  imageObj.setAttribute("src",image_src);

  imageTd.appendChild(imageObj);

  // add image cell
  imageTr.appendChild(imageTd);

  // create description cell
  descriptionTd = document.createElement("td");      
  descriptionTd.setAttribute("valign", "top"); 

  // create description textarea
  description = createTextArea("data[image][" + index + "][image_subject_description]",
                               "data_image_" + index + "_image_subject_description",
                               "",
                               5,
                               30,
                               "");
  descriptionTd.appendChild(description);

  // add description cell
  imageTr.appendChild(descriptionTd);
  
  // create show image cell
  showTd = document.createElement("td");
  showTd.setAttribute("valign", "top");

  // create show image checkbox
  show_image = createCheckbox("data[image][" + index + "][show_image]",
                              "data_image_" + index + "_show_image",
                              "Y",
                              "Y");

  showTd.appendChild(show_image);

  // add show image cell
  imageTr.appendChild(showTd);    

  // create sort order cell
  sortTd = document.createElement("td");       
  sortTd.setAttribute("valign", "top");  

  //create sort order text field
  sort_order = createTextField("data[image][" + index + "][sort_order]",
                               "data_image_" + index + "_sort_order",
                               index,
                               2,
                               2,
                               "");
  sortTd.appendChild(sort_order);

  // add sort order cell
  imageTr.appendChild(sortTd);

  var originalheight = document.getElementById('myDiv').scrollHeight ;
  var newHeight = originalheight + 140;
  document.getElementById('myDiv').style.height = newHeight+'px';
  
  //mywindow.close();

}

// END FUNCTION ADDIMAGE
//*****************************************************************************


//*****************************************************************************
// FUNCTION REMOVEIMAGE
//*****************************************************************************

/*
   sets the hidden delete field of an image = 'Y'
   and hide the div containing the image
  
   when the record is updated the image subject record for the image will be deleted
 
*/

function removeImage(image_name) {
  var image_row = document.getElementById('image_row_' + image_name);
  var delete_field = document.getElementById('delete_image_' + image_name);
  delete_field.value = 'Y';
  image_row.style.display = 'none';
}

// END FUNCTION REMOVEIMAGE
//*****************************************************************************