var MENU_WIDTH = 371;

// Array Remove - By John Resig (MIT Licensed)
Array.prototype.remove = function(from, to) {
  var rest = this.slice((to || from) + 1 || this.length);
  this.length = from < 0 ? this.length + from : from;
  return this.push.apply(this, rest);
};

function initialiseWidgets(newRecord) {
  hideModelPanel();
  initialiseHTMLFields();
  initialiseMultipleSelectFields();
  initialiseEmbeddedFields();
  addClearLinks();
  if(newRecord)
    setDateTimeFieldsToNow();
}

var blankRecords = {};
function initialiseEmbeddedFields() {
  blankRecords = {};
  $('.field-type-many_embedded .blank-record').each(function(index, record) {
    var blankRecord = $(record);
    blankRecord.hide();
    blankRecord.removeClass('blank-record');
    blankRecords[$(record).closest('.contains-field-type-many_embedded').attr('data-field-name')] = blankRecord.detach();
  });
}

function setDateTimeFieldsToNow() {
  // TODO: should check that each field is blank first before setting; a default value may have been set
  var now = new Date();
  $('#record_form select[name*="[day]"]').val(now.getDate());
  $('#record_form select[name*="[month]"]').val(now.getMonth() + 1);
  $('#record_form select[name*="[year]"]').val(now.getFullYear());
  $('#record_form select[name*="[hour]"]').val(now.getHours());
  $('#record_form select[name*="[min]"]').val(now.getMinutes());
}

function initialiseHTMLFields() {
  if($('.list').length) {
    var width = '320px';
    var row1 = 'bold,italic,underline,strikethrough,sub,sup,charmap,|,justifyleft,justifycenter,justifyright,justifyfull';
    var row2 = 'formatselect,fontsizeselect,|,bullist,numlist,outdent,indent,blockquote';
    var row3 = 'link,unlink,|,code';
  } else {
    var width = '100%';
    var row1 = 'bold,italic,underline,strikethrough,sub,sup,charmap,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontsizeselect,|,bullist,numlist,outdent,indent,blockquote,|,link,unlink,|,code';
    var row2 = '';
    var row3 = '';
  }

  $('textarea.html').each(function(index, field) {
    $(field).tinymce({
  		script_url : '/admin/tiny_mce/tiny_mce.js',
  		theme : "advanced",
    	plugins : "safari,inlinepopups,paste",
      width: width,
    	height: '200',
    	theme_advanced_blockformats: 'p,h1,h2,h3',

    	theme_advanced_buttons1 : row1,
    	theme_advanced_buttons2 : row2,
    	theme_advanced_buttons3 : row3,
    	theme_advanced_toolbar_location : "top",
    	theme_advanced_toolbar_align : "left",
    	theme_advanced_statusbar_location : "none",
    	theme_advanced_resizing : false
  	});
  });
}

function initialiseMultipleSelectFields() {
  $('select[multiple=multiple]').chosen();
}

function addClearLinks() {
  $('#record_form .field-type-attachment p, #record_form .field-type-image p').each(function(index, p) {
    var clear = $('<a class="clear">clear</a>');
    $(p).append(clear);
    if($(p).find('span').html() == 'none')
      clear.hide();
  });
}

$('#admin_save button').click(function(event) {
  $('#admin_save_spinner').fadeIn().delay(1000).fadeOut();
  $('#admin_save_success').delay(1500).fadeIn().delay(2000).fadeOut();
});



var menus = {};

function showMenu(parentName, recordID, initialLoad) {
	if(menus[recordID]) {
		pushNavigationPanel(parentName, menus[recordID]);
	} else {
		jQuery.getJSON(jsonURL + '?id=' + recordID, function(data) {
			menus[recordID] = data;
			pushNavigationPanel(parentName, data, initialLoad);
			highlightSelectedRow(recordID);
		});
	}
}




var NEW_ROW = '<h1 class="new"><div class="folder_state spacer"></div><div class="icon"><div class="spinner"></div><img src="/admin/images/new.png"></div>New</h1></li>';

function constructRecordListItem(tree) {
	// add the icon, name, slide and delete icons
	var list = '<li class="record" data-record-id="' + tree.id + '" data-type="' + tree.type + '">';

	// the h1 contains the content elements for each record
	if(tree.menu_root)
		list += '<h1 class="new_panel">';
	else
		list += '<h1>';

	// add space for any children underneath this record
	var canHaveChildren = (types[tree.type].validChildren.length > 0 && !tree.menu_root);
	var hasChildren = (tree.children && tree.children.length > 0);
	if(!tree.root) {
	  list += '<div class="folder_state';
		if(hasChildren)
			list += ' open';
		list += '"></div>';
	}

	// add the slider, delete and drag handle icons if necessary
	list += '<div class="icon"><div class="spinner"></div><img src="';
	if(tree.icon)
	  list += tree.icon;
	else
	  list += '/admin/images/default_icon.png';
	list += '"></div><p>' + tree.name + '</p>';
	if(tree.menu_root)
		list += '<div class="slide"></div>';
	if(!tree.root)
		list += '<div class="delete"></div><div class="drag"></div>';
	if(canHaveChildren) {
	  list += '<div class="add_child';
	  if(hasChildren || tree.root)
	    list += ' hidden';
	  list += '"></div>';
	}
	list += '</h1>';

	// generate a tree for child elements of this record
	var child_lists = [];
	for(var i = 0, c = tree.children.length; i < c; i++)
		child_lists.push(constructRecordListItem(tree.children[i]));

	if(canHaveChildren)
	  child_lists.push('<li>' + NEW_ROW);
	
	if(!tree.root)
	  list += '<ul class="child_elements" style="display: none">';
	else
	  list += '<ul class="child_elements">';
	  
	return list + child_lists.join('') + '</ul></li>';
}

function constructRecordList(tree) {
  return '<ul>' + constructRecordListItem(tree) + '</ul>';
}


var navigationPanels = [];

function dragError(parent, oldIndex, row) {
  showAlert('Update error', 'Sorry, an error occurred updating the position of this record. Please reload the page and try again.');
  
  // move the row back to its old position; record indexes are 1 based
  if(oldIndex == 1) {
    row.insertBefore('.record[data-record-id=' + parent.children[1].id + ']');
  } else {
    row.insertAfter('.record[data-record-id=' + parent.children[oldIndex - 2].id + ']');
  }
}

function pushNavigationPanel(rootName, tree, isPageRoot) {
  // create the panel html
  html = '<nav class="previous_folder">';
  if(rootName) {
    html += '<a href="#" class="prev_nav_panel'
    if(isPageRoot)
      html += ' root';
    html += '">' + rootName + '</a>';
  }
  html += '</nav><nav class="records">' + constructRecordList(tree) + '</nav></div>';
  
  // push the panel to the elements list
  var panel = $('<div class="navigation_panel">');
  panel.html(html);
  panel.data('tree', tree);
  navigationPanels.push(panel);
  
  // prepare for animation and insert the panel
  if(navigationPanels.length != 1)
    panel.css('left', MENU_WIDTH + 'px');
  $('#navigation_panels').append(panel);
  panel.find('ul.child_elements').sortable({
    containment: 'parent',
    items: '> li.record',
    axis: 'y',
    handle: 'div.drag',
    revert: 200,
    cursor: 'ns-resize',
    start: function(event, ui) {
      ui.item.addClass('dragging');
    },
    stop: function(event, ui) {
      ui.item.removeClass('dragging');
      
      // save the new record index
      var tree = navigationPanels[navigationPanels.length - 1].data('tree');
      var id = ui.item.attr('data-record-id');
      var record = null;
      var parent = null;
      
      // find the record by id
      if(id == tree.id)
        record = tree;
      else
        record = findRecord(tree, id);
      
      // try and find the parent record
      if(record && record.parent_id)
        parent = findRecord(tree, record.parent_id);
      if(!parent) {
        showAlert('Update error', "Sorry, an error occurred updating the position of this record (the parent record could not be found). Please refresh the page and try again.");
        return;
      }
      
      // if this is the only child of the parent, ignore the index change
      if(parent.children.length == 1)
        return;
      
      // otherwise detect the new index of this record
      var oldIndex = record.index;
      if(ui.item.prev().length != 0) {
        var sibling = findRecord(tree, ui.item.prev().attr('data-record-id'));
        var newIndex = sibling.index;
        if(record.index > sibling.index)
          newIndex += 1;
      } else {
        var newIndex = 1;
      }
      if(oldIndex == newIndex)
        return;
      
      // save the updated index
      $.ajax(jsonURL, {
        data: {id: record.id, _method: 'put', action: 'set_index', index: newIndex},
        dataType: 'json',
        type: 'post',
        success: function(data, textStatus, jqXHR) {
          if(data.success == false) {
            dragError(parent, oldIndex, ui.item);
            return;
          }

          // update backing object
          record.index = newIndex;
          
          // update the index of other affected records
          if(newIndex > oldIndex) {
            for(var i = oldIndex; i < newIndex; i++)
              parent.children[i].index -= 1;
          } else {
            for(var i = (newIndex - 1); i < (oldIndex - 2); i++)
              parent.children[i].index += 1;
          }
          
          // change the position of the record in the parent's list of children
          parent.children.splice(oldIndex - 1, 1);
          parent.children.splice(newIndex - 1, 0, record);
          
        }, error: function(jqXHR, textStatus, errorThrown) {
          dragError(parent, oldIndex, ui.item);
        }
      });
    }
  });
  
  // animate the panel in to view
  if(navigationPanels.length != 1) {
    navigationPanels[navigationPanels.length - 2].animate({left: '-' + MENU_WIDTH + 'px'});
    panel.animate({left: '0px'});
  }
}

function popNavigationPanel() {
  if(navigationPanels.length == 1)
    return;
  
  // swap between the previous and current panels, and remove the current panel
  navigationPanels[navigationPanels.length - 2].animate({left: '0px'});
  navigationPanels[navigationPanels.length - 1].animate({left: MENU_WIDTH + 'px'}, {complete: function() {
    $(this).remove();
  }});
  navigationPanels = navigationPanels.slice(0, -1);
  
  // sliding back a navigation panel means the currently displayed record
  // can no longer be displayed; clear the record form and any highlights
  $('#record').empty();
  $('.record h1.selected').removeClass('selected');
}


function showNavigationPanel(recordID, element) {	
  // get the name of the root element in the current list
  var rootName = $(element).parents('nav.records').find('> ul > li > h1 > p').html();
  
  // show the new navigation panel
  showMenu(rootName, recordID);
}

function showPreviousNavigationPanel(event) {
  popNavigationPanel();
  event.preventDefault();
}


// folder open/close
function showOrHideChildren(event) {
  event.preventDefault();
  event.stopPropagation();
  if($(event.target).hasClass('open'))
    showChildren(event);
  else
    hideChildren(event);
}

function showChildren(event) {
  var button = $(event.target);
  
  button.parents('h1').siblings('ul').animate({
    height: 'show',
    opacity: 'show'
  }, 400);
  
  button.removeClass('open');
  button.addClass('close');
}

function hideChildren(event) {
  var button = $(event.target);
  
  button.parents('h1').siblings('ul').animate({
    height: 'hide',
    opacity: 'hide'
  }, 400);
  
  button.removeClass('close');
  button.addClass('open');
}


function updateEmbeddedRecordIds(record, embeddedIdElements) {
  if(!embeddedIdElements)
    embeddedIdElements = $.makeArray($('.embedded-record input[name*="_id"]'));
  
  $.each(record, function(field, value) {
    if(!value)
      return;
    if(value['_id']) {
      $(embeddedIdElements.shift()).val(value['_id']);
    } else if($.isArray(value)) {
      updateEmbeddedRecordIds(value, embeddedIdElements);
    }
  });
}

function updateImageAndAttachmentNames(record, fieldElements, idStack) {
  if(!fieldElements)
    fieldElements = $.makeArray($('.field-type-attachment, .field-type-image'));
  if(!idStack)
    idStack = [record['_id']];
  
  $.each(record, function(field, value) {
    if(!value)
      return;
      
    if(!(value['name'] === undefined) && !(value['mime'] === undefined)) {
      var field = $(fieldElements.shift());
      if(value['name'] != null) {
        var field_name = field.attr('data-field').replace(/\[\]/g, '').replace(/\[/g, '_').replace(/\]/g, '');
        field.find('p span').html(value['name']);
        field.find('img').attr('src', '/attachments/' + field_name + '/' + idStack.join('/') + '/admin_thumb.jpg');
        field.find('img').show();
        field.find('.clear').show();
        field.find('input[type=file]').val('');
      } else {
        field.find('p span').html('none');
        field.find('.clear').hide();
      }
    
    } else if(value['_id']) {
      idStack.push(value['_id']);
      updateImageAndAttachmentNames(value, fieldElements, idStack);
      idStack.pop();
      
    } else if($.isArray(value)) {
      updateImageAndAttachmentNames(value, fieldElements, idStack);
    }
  });
}


// update an existing record or add a record to the tree
function updateRecord(record) {
  // either find the parent record by searching from the root of the
  // current tree, or the updated record is the root of the current tree
  var tree = navigationPanels[navigationPanels.length - 1].data('tree');
  var treeRecord = null;
  var parent = null;
  
  if(record.id == tree.id)
    treeRecord = tree;
  else
    if(record.parent_id == tree.id)
      parent = tree;
    else
      parent = findRecord(tree, record.parent_id);
    
  if(!treeRecord && !parent) {
    showAlert('Create error', "Sorry, an error occurred while creating this record (no parent or record could be found). Please refresh the page and try again.");
    return;
  }
  
  // if we found a parent, determine if this is a new or existing record
  var update = false;
  if(parent) {
    if(!parent.children)
      parent.children = [];
    
    // try and find an existing record
    for(var i = 0, c = parent.children.length; i < c; i++) {
      if(parent.children[i].id == record.id) {
        treeRecord = parent.children[i];
        update = true;
        break;
      }
    }
    
    // if none was found, create a blank record
    if(!update) {
      treeRecord = {children:[]};
      parent.children.push(treeRecord);
    }
  } else {
    // if there's no parent, treeRecord must be an existing root record
    update = true;
  }
  
  // copy the new values across
  treeRecord.id = record.id;
  treeRecord.icon = record.icon;
  treeRecord.index = record.index;
  treeRecord.root = treeRecord.root || false;
  treeRecord.menu_root = record.menu_root;
  treeRecord.name = record.name;
  treeRecord.parent_id = record.parent_id;
  treeRecord.type = record.type;
  
  if(update) {
    // change the existing record's name
    $('.record[data-record-id=' + record.id + '] > h1 > p').html(record.name);
    
  } else {
    // if this is the first new child of the parent, hide the new (+)
    // button, show the "New" row, show the list, and set the disclosure
    // button to - (indicating the folder is open)
    var parentRow = $('.record[data-record-id=' + parent.id + ']');
    var parentChildList = parentRow.find('> .child_elements');
    if(parent && !parent.root && !parent.menu_root) {
      if(parent.children.length == 1) {
        parentChildList.show();
        parentRow.find('> h1 > .add_child').addClass('hidden');
        parentRow.find('> h1 > .folder_state').addClass('close');
        parentRow.find('> h1 > .folder_state').removeClass('open');
      }
    }
    
    // insert the new row
    var row = constructRecordListItem(treeRecord);
    parentChildList.find('> li:last-child').before(row);
    highlightSelectedRow(treeRecord.id);
    
    // if the row is a menu root, slide to the new menu
    if(treeRecord.menu_root)
      showNavigationPanel(treeRecord.id, parentRow);
  }
}

function findRecord(parent, id) {
  if(parent.id == id)
    return parent;
  
  if(parent.children && parent.children.length > 0) {
    for(var i = 0, c = parent.children.length; i < c; i++) {
      if(parent.children[i].id == id)
        return parent.children[i];
      var record = findRecord(parent.children[i], id);
      if(record != false)
        return record;
    }
  }
  return false;
}

// delete a record from the tree
function deleteRecordInTree(parent, id) {
  if(parent.children && parent.children.length > 0) {
    for(var i = 0, c = parent.children.length; i < c; i++) {
      var record = parent.children[i];
      if(record.id == id) {
        parent.children.remove(i, i);
        return parent;
      } else {
        var result = deleteRecordInTree(record, id);
        if(result)
          return result;
      }
    }
  }
  return false;
}




// delete buttons
function deleteButtonPressed(event) {
  event.preventDefault();
  event.stopPropagation();
  var recordRow = $(event.target).parents('li').first();
  var recordTypeName = types[recordRow.attr('data-type')].humanName;
  var recordID = recordRow.attr('data-record-id');
  
  showAlert('Confirm delete', 'Are you sure you want to delete this ' + recordTypeName + '?', function(ok) {
    if(!ok)
      return;
    showSpinner(recordRow);
    $.ajax(jsonURL, {
      data: {id: recordID, _method: 'delete'},
      dataType: 'json',
      type: 'post',
      success: function(data, textStatus, jqXHR) {
        // delete the backing object
        var tree = navigationPanels[navigationPanels.length - 1].data('tree');
        var parent = deleteRecordInTree(tree, recordID);
        
        // remove the row representing the object
        recordRow.remove();
        
        // clear the record panel if this record was being displayed
        if($('#record_id').val() == recordID)
          $('#record').empty();
        
        // clear the record panel if this record was the parent of a
        // new record currently being created
        if($('#parent').val() == recordID)
          $('#record').empty();
        
        // collapse the record if this was the last child record
        if(parent && parent.children.length == 0 && !parent.root) {
          var parentRow = $('.record[data-record-id=' + parent.id + ']');
          var parentChildList = parentRow.find('> .child_elements');
          var folderState = parentRow.find('> h1 > .folder_state');
          parentChildList.hide();
          parentRow.find('h1 > .add_child').removeClass('hidden');
          folderState.removeClass('close');
          folderState.removeClass('open');
          
          // if a new record was being created under the parent, and this
          // deleted record was the last child, change the highlighted
          // row from the 'new' row to the parent row itself
          if(parentChildList.find('li .new').hasClass('selected')) {
            parentChildList.find('li .new').removeClass('selected');
            parentRow.find('> h1').addClass('selected');
          }
        }

        // remove the record from the menu list if it was a menu root
        if(menus[recordID])
          delete menus[recordID];
      }, error: function(jqXHR, textStatus, errorThrown) {
        // FIXME: better error message
        hideSpinner(recordRow);
        showAlert('Delete error', 'Sorry, an error occurred deleting this record. Please reload the page and try again.');
      }
    });
  });
}


// attachment/photo clearing
function clearAttachmentOrPhoto(event) {
  event.preventDefault();
  var link = $(event.target);
  var container = link.closest('.field-type-attachment, .field-type-image');
  link.hide();
  container.find('p span').html('none');
  container.find('input[type=checkbox]').attr('checked', true);
  container.find('input[type=file]').val('');
  link.closest('.field-type-image').find('img').hide();
}

function hideClear(event) {
  var file_input = $(event.target);
  var container = file_input.closest('.field-type-attachment, .field-type-image');
  container.find('input[type=checkbox]').removeAttr('checked');
  container.find('.clear').show();
}


// new record type panel
var modelPanelShowing = false;
function showModelPanel(event) {
  event.preventDefault();
  event.stopPropagation();
  var recordRow = $(event.target).parents('li.record');
  
	// hide all new model buttons, then display only those valid for the selected parent
	// if the model only has a single allowed child type, immediately show a new record form
	var childTypes = types[recordRow.attr('data-type')].validChildren;
	var parentID = recordRow.attr('data-record-id');
	
	if(childTypes.length == 1) {
	  var modelID = types[childTypes[0]].id;
	  loadNewRecord(modelID, parentID);
	  return;
	} else {
	  $('#new_model_panel ul a').hide();
	  for(var i = 0, c = childTypes.length; i < c; i++) {
  		$('a.model[data-type="' + childTypes[i] + '"]').show();
  	}
	}
	
	$('#new_model_panel').attr('data-parent-id', parentID);
  $('#new_model_panel').fadeIn();
  $('#admin_content').fadeOut();
  modelPanelShowing = true;
}

function hideModelPanel(event) {
  if(!modelPanelShowing) return;
  if(event) event.preventDefault();
  if(modelPanelShowing) {
    $('#new_model_panel').fadeOut();
    $('#admin_content').fadeIn();
    $('#new_model_panel .spinner').hide();
    $('#new_model_panel .icon').show();
  }
  modelPanelShowing = false;
}




// options and section toggle button
function toggleSectionVisibility(event) {
  event.preventDefault();
  $(event.target).closest('section').find('> div').slideToggle('slow');
  $(event.target).html($(event.target).html() == 'show' ? 'hide' : 'show');
  event.preventDefault();
}


// delete an embedded record
function deleteEmbeddedRecord(event) {
  event.preventDefault();
  var target = $(event.target);
  var fieldContainer = target.closest('div.contains-field-type-many_embedded');
  var records = fieldContainer.find('.field-type-many_embedded');
  var type = fieldContainer.attr('data-field-human-name');
  
  showAlert('Confirm delete', 'Are you sure you want to delete this ' + type + '?', function(ok) {
    if(!ok)
      return;
    
    target.closest('.embedded-record').animate({
      height: 'hide',
      opacity: 'hide'
    }, {
      complete: function() {
        // show the 'No TYPE' text if we are removing the last embedded doc in a collection
        if(records.find('> span').size() == 1)
          fieldContainer.find('.no-embedded').animate({height: 'show', opacity: 'show'});
        $(this).remove();
      }
    });
  });
  
}

// add a new embedded record
function addEmbeddedRecord(event) {
  event.preventDefault();
  var target = $(event.target);
  var fieldContainer = target.closest('div');
  var records = fieldContainer.find('.field-type-many_embedded');
  var blankRecord = blankRecords[fieldContainer.closest('.contains-field-type-many_embedded').attr('data-field-name')];
  
  var newRecord = blankRecord.clone();
  $(records).append(newRecord);
  
  //hide the 'No TYPE' text if we are adding a new embedded record in to an empty collection
  // animate the insertion of the new record after hiding the 'No TYPE' text or immediately
  if(records.find('> span').size() == 1) {
    fieldContainer.find('.no-embedded').animate({
      height: 'hide', 
      opacity: 'hide'
    }, {
      duration: 150,
      complete: function() {
        newRecord.animate({height: 'show', opacity: 'show'});
      }
    });
  } else {
    newRecord.animate({height: 'show', opacity: 'show'});
  }
}



$('div.delete').live('click', deleteButtonPressed);
$('div.folder_state').live('click', showOrHideChildren);

$('a.clear').live('click', clearAttachmentOrPhoto);
$('input[type=file]').live('change', hideClear);

$('a.prev_nav_panel').live('click', showPreviousNavigationPanel);
$('a.section_toggle').live('click', toggleSectionVisibility);
$('.delete-embedded a').live('click', deleteEmbeddedRecord);
$('p.add-embedded a').live('click', addEmbeddedRecord);

$('h1.new').live('click', showModelPanel);
$('div.add_child').live('click', showModelPanel);
$('#cancel_new_record').live('click', hideModelPanel);

$('.opens-editor').click(function(event) {
  $.ajax($(event.target).attr('href'));
  event.preventDefault();
});





// show and hide spinners to indicate network activity. More than
// one spinner at a time may be shown (e.g deleting two records
// while loading another)
function showSpinner(row) {
  if(typeof row == 'string')
    row = $('.record[data-record-id=' + row + '] > h1 > .icon .spinner').show();
  else
    row = $(row).find('.icon .spinner').show();
}

function hideSpinner(row) {
  if(typeof row == 'string')
    row = $('.record[data-record-id=' + row + '] > h1 > .icon .spinner').hide();
  else
    row = $(row).find('.icon .spinner').hide();
}

// un-highlight all other rows, and highlight a new selected record
function highlightSelectedRow(row) {
  $('.record h1.selected').removeClass('selected');
  hideSpinner(row);
  if(typeof row == 'string')
    row = $('.record[data-record-id=' + row + '] > h1');
  else
    row = $(row);
  row.addClass('selected');
}

// load an existing record's form
function loadRecord(id) {
  $('#record').load(htmlURL + '?action=show&id=' + id, function(text, status, req) {
    if(status == 'error') {
      showAlert('Load error', 'Sorry, an error occurred loading this record. Please refresh the page and try again.');
    } else {
      highlightSelectedRow(id);
      hideModelPanel();
      initialiseWidgets();
      setTimeout(function() {
        $('#record').scrollTop(0);
      }, 100);
    }
  });
}

// show a menu root record
$('.record > h1.new_panel').live('click', function(event) {
  var recordID = $(this).parent().attr('data-record-id');
  showSpinner(this);
  loadRecord(recordID);
  showNavigationPanel(recordID, this);
  event.stopImmediatePropagation();
});

// show a normal record
$('.record > h1').live('click', function(event) {
  showSpinner(this);
  loadRecord($(this).parent().attr('data-record-id'));
});

// load a blank (new) record
function loadNewRecord(modelID, parentID, modelWasSelected) {
  // for parents with existing children, show a spinner on and highlight
  // the 'new' row, otherwise highlight the parent row itself
  var tree = navigationPanels[navigationPanels.length - 1].data('tree');
  var parent = findRecord(tree, parentID);
  
  if(modelWasSelected == undefined) {
    if(parent.children.length == 0)
      showSpinner(parentID);
    else
      showSpinner($('.record[data-record-id=' + parentID + '] > .child_elements > li > h1.new'));
  }
  
  // load the blank default record
  $('#record').load(htmlURL + '?action=new&model=' + modelID + '&parent=' + parentID, function(text, status, req) {
    if(status == 'error') {
      // hide spinners from the navigation menu
      if(parent.children.length == 0)
        hideSpinner(parentID);
      else
        hideSpinner($('.record[data-record-id=' + parentID + '] > .child_elements > li > h1.new'));
      
      // hide spinners from the new model panel
      $('a.model .spinner').hide();
      $('a.model .icon').show();
      
      showAlert('Unable to load new record', 'Sorry, an error occurred loading a new record. Please refresh the page and try again.')
      
    } else {
      initialiseWidgets(true);
      $('#record').scrollTop(0);
      if(parent.children.length == 0)
        highlightSelectedRow(parentID);
      else
        highlightSelectedRow($('.record[data-record-id=' + parentID + '] > .child_elements > li > h1.new'));
    }
  });
}

$('a.model').click(function(event) {
  var parentID = $('#new_model_panel').attr('data-parent-id');
  var modelID = $(this).attr('data-model-id');
  event.preventDefault();
  
  $(this).find('.spinner').show();
  $(this).find('.icon').hide();
  loadNewRecord(modelID, parentID, true);
});

$('#add_domain').click(function(event) {
  var domain = $('#new_domain').val();
  if(domain != '') {
    $('#domains_list').append("<li><input type='hidden' name='domains[]' value='" + domain + "'>" + domain + " - <a href='#' class='remove_domain'>remove</a></li>");
    $('#new_domain').val('')
  }
  event.preventDefault();
});

$('.remove_domain').live('click', function(event) {
  $(event.target).closest('li').remove();
});





// syncing
var SYNC_URL = '/admin/sync.json';
var syncing = false;

function showSyncStatus(status) {
  jQuery('#site_menu > p').queue(function () {
    jQuery('#site_menu > p span').html(status);
    jQuery(this).fadeIn();
    jQuery(this).dequeue();
  });
}

function hideSyncStatus() {
  syncing = false;
  jQuery('#site_menu > p').queue(function () {
    jQuery(this).fadeOut();
    jQuery(this).dequeue();
  });
}

function push(creating) {
  showSyncStatus('Pushing changes');
  var errorText = "Sorry, an error occurred while pushing changes to the remote server";
  
  jQuery.ajax(SYNC_URL, {type: 'POST', success: function(data) {
    if(!data.success) {
      if(data.reason)
        showAlert('Push failed', errorText + ": " + data.reason);
      else if(data.conflicts)
        showAlert('Push failed', "The following files are in conflict and need to be resolved before pushing: " + data.conflicts.join(','));
      else
        showAlert('Push failed', errorText + ".");
    } else if(creating) {
      window.open('http://' + data.remoteDomain + '/', 'livesite');
      window.location.reload()
    }
	}, error: function(jqXHR, textStatus, errorThrown) {
	  showAlert('Push failed', errorText + ".");
	}, complete: function(jqXHR, textStatus) {
	  hideSyncStatus();
	}});
}

$('.sync.push').live('click', function(event) {
  if(syncing)
    return;
  else
    syncing = true;
  push();
});

$('.sync.create').live('click', function(event) {
  if(syncing)
    return;
  else
    syncing = true;
  showSyncStatus('Creating site');
  
  jQuery.ajax(SYNC_URL, {data: {remote: $(this).attr('data-sync-remote')}, type: 'POST', success: function(data) {
    if(data.success) {
      push(true);
    } else {
      showAlert('Create failed', "Sorry, an error occurred while creating this site on the remote server: " + data.reason);
      hideSyncStatus();
    }
	}, error: function(jqXHR, textStatus, errorThrown) {
	  showAlert('Create failed', "Sorry, an error occurred while creating this site on the remote server.");
	  hideSyncStatus();
	}});
});

$('.sync.pull').live('click', function(event) {
  if(syncing)
    return;
  else
    syncing = true;
  showSyncStatus('Pulling changes');
  var errorText = "Sorry, an error occurred while pulling changes from the remote server";
  
  jQuery.ajax(SYNC_URL, {type: 'GET', success: function(data) {
    if(!data.success) {
      if(data.reason)
        showAlert('Pull failed', errorText + ": " + data.reason);
      else if(data.requires_push)
        showAlert('Pull failed', errorText + ": No remote server is associated with this site");
      else if(data.conflicts)
        showAlert('Pull failed', "The following files are in conflict and need to be resolved before pulling: " + data.conflicts.join(','));
      else
        showAlert('Pull failed', errorText + ".");
    }
	}, error: function(jqXHR, textStatus, errorThrown) {
	  showAlert('Pull failed', errorText + ".");
	}, complete: function(jqXHR, textStatus) {
	  hideSyncStatus();
	}});
});





// admin list page
function adminListPageValueExtractor(node) {
  return $(node).attr('data-value');
}

function fixHeaders(table) {
  var headers = table.find('th');
  var cols = table.find('col');
  
  headers.each(function(index, header) {
    var header = $(header);
    var offset = header.offset();
    if(index == (headers.length - 1))
      header.width(header.width() + 2);
    else
      header.width(header.width());
    $(cols[index]).width(header.outerWidth());
    header.css('left', offset.left + 'px');
    header.css('top', (offset.top - 37) + 'px');
    header.css('position', 'fixed');
  });
}

function searchList() {
  var terms = $('#search').val().split(' ');
  $('#list_items table tbody tr').each(function(index, row) {
    var match = false;
    var text = [];
    
    // extract the text of the cell of each row, separated by spaces
    $(row).find('td').each(function(index, cell) {
      text.push($(cell).text());
    });
    text = text.join(' ');
    
    // determine if any of the terms are matched by the row text
    for(var i = 0; i < terms.length; i++) {
      if(text.indexOf(terms[i]) != -1) {
        match = true;
        break;
      }
    }
    
    if(match)
      $(row).css('display', 'table-row');
    else
      $(row).css('display', 'none');
  });
}

$('#search').keyup(function() {
  searchList();
});

$('#search').blur(function() {
  searchList();
});

function highlightSelectedListRow(row) {
  $('#list_items tbody tr').removeClass('selected');
  if(row)
    row.addClass('selected');
}

$('#list_items tbody tr').live('click', function() {
  var row = $(this);
  var recordID = row.attr('data-record-id');
  $('#activity_spinner').fadeIn();
  
  $('#record').load(htmlURL + '?id=' + recordID, function(text, status, req) {
    $('#activity_spinner').fadeOut();
    if(status == 'error') {
      showAlert('Load error', "Sorry, an error occurred loading this record. Please refresh the page and try again.");
    } else {
      highlightSelectedListRow(row);
      initialiseWidgets();
      $('#record').scrollTop(0);
    }
  });
});

function updateListRecord(json) {
  var values = json.record;
  var row = $('#list_items table tr[data-record-id=' + values['_id'] + ']').first();
  $('#record_name').html(json.name);
  
  if(row.length == 0) {
    // insert a new row for the new record
    row = $(json['_row_html']);
    $('#list_items table tbody').append(row);
  } else {
    // update the row values
    row.replaceWith(json['_row_html']);
    row = $('#list_items table tr[data-record-id=' + values['_id'] + ']').first();
  }
  
  // tablesorter defers running update with setTimeout; work around
  // this so redrawings occur after the cache has been updated
  $('#list_items table').trigger('update');
  setTimeout(function () {
    var currentSort = $('#list_items table').first()[0].config.sortList;
    $('#list_items table').trigger("sorton", [currentSort]);
    highlightSelectedListRow(row);
  }, 10);
}

$('.list #record .delete').live('click', function(event) {
  event.preventDefault();
  event.stopPropagation();
  var recordID = $(event.target).attr('data-record-id');
  var recordTypeName = $(event.target).attr('data-record-type');
  
  showAlert('Confirm delete', 'Are you sure you want to delete this ' + recordTypeName + '?', function(ok) {
    if(!ok)
      return;
    
    $('#delete_spinner').fadeIn();
    $.ajax(jsonURL, {
      data: {id: recordID, _method: 'delete'},
      dataType: 'json',
      type: 'post',
      
      success: function(data, textStatus, jqXHR) {
        $('#record').html('');
        $('#list_items table tr[data-record-id=' + recordID + ']').remove();
        $('#list_items table').trigger('update');
        
      }, error: function(jqXHR, textStatus, errorThrown) {
        // FIXME: better error message
        showAlert('Delete error', 'Sorry, an error occurred deleting this record. Please reload the page and try again.');
        
      }, complete: function() {
        $('#delete_spinner').fadeOut();
      }
    });
  });
});

$('#new_record').live('click', function(event) {
  event.preventDefault();
  event.stopPropagation();
  $('#activity_spinner').fadeIn();
  
  $('#record').load(htmlURL + '?new=true', function(text, status, req) {
    $('#activity_spinner').fadeOut();
    if(status == 'error') {
      showAlert('Load error', "Sorry, an error occurred loading a new record. Please refresh the page and try again.");
    } else {
      highlightSelectedListRow();
      initialiseWidgets();
      $('#record').scrollTop(0);
    }
  });
})




/* alert modal dialog */
var alertShowing = false;
var confirmCallback = null;

// callback is null for simple 'OK' alerts; pass a
// callback for a confirm ('Cancel', 'OK') alert
function showAlert(title, text, callback) {
  // TODO: queue alerts in order
  if(alertShowing) {
    setTimeout(function() {
      showAlert(title, text, callback);
    }, 500);
    return;
  }
  
  alertShowing = true;
  confirmCallback = callback;
  $('#alert h1').html(title);
  $('#alert p').html(text);
  
  if(callback) {
    $('#alert menu a.confirm').show();
    $('#alert menu a.confirm').html('OK');
    $('#alert menu a.dismiss').html('Cancel');
  } else {
    $('#alert menu a.confirm').hide();
    $('#alert menu a.dismiss').html('OK');
  }
  
  $('#alert-background').fadeIn('fast');
  $('#alert').fadeIn('fast');
}

function hideAlert() {
  $('#alert-background').fadeOut('fast');
  $('#alert').fadeOut('fast');
  alertShowing = false;
}

function cancelAlert() {
  if(confirmCallback)
    confirmCallback(false);
  confirmCallback = null;
  hideAlert();
}

function confirmAlert() {
  if(confirmCallback)
    confirmCallback(true);
  confirmCallback = null;
  hideAlert();
}

$('#alert menu a.dismiss').click(function(event) {
  event.preventDefault();
  cancelAlert();
});

$('#alert menu a.confirm').click(function(event) {
  event.preventDefault();
  confirmAlert();
});

$(document).keyup(function(event) {
  if(!alertShowing)
    return;
  
  // enter/return
  if(event.which == 13)
    if(confirmCallback)
      confirmAlert();
    else
      cancelAlert();
    
  // escape
  else if(event.which == 27)
    cancelAlert();
});