// WontoMedia - a wontology web application
// Copyright (C) 2011 - Glen E. Ivey
//    www.wontology.com
//
// This program is free software: you can redistribute it and/or modify
// it under the terms of the GNU Affero General Public License version
// 3 as published by the Free Software Foundation.
//
// This program is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU Affero General Public License for more details.
//
// You should have received a copy of the GNU Affero General Public License
// along with this program in the file COPYING and/or LICENSE.  If not,
// see <http://www.gnu.org/licenses/>.


var itemSelectElementHavingNewItemAdded = null;
var nounVerbCodeOfNewItemBeingAdded = "";
var priorValueOfSelectElementHavingNewItemAdded = "";

function itemCreatePopup(selectElem, priorValue, popupType, popupClass){
  itemSelectElementHavingNewItemAdded = selectElem;
  nounVerbCodeOfNewItemBeingAdded = popupType;
  priorValueOfSelectElementHavingNewItemAdded = priorValue;

  var l = window.location;
  var newpop = l.protocol + "//" + l.hostname + ":" + l.port +
      "/w/items/new-pop?";
  if (popupType)
    newpop += "popup_type=" + popupType;
  else if (popupClass)
    newpop += "class_item=" + popupClass;

  Modalbox.show(newpop, {
    title: "Create a new item",
    height: itemCreatePopup_Height(),
    width: itemCreatePopup_Width(),
    overlayClose: false,
    slideDownDuration: 0.25,
    slieUpDuration: 0.1
  });
}

function itemCreatePopup_Height(){
  return document.viewport.getHeight() - 30;
}

function itemCreatePopup_Width(){
  return Math.floor(document.viewport.getWidth() * 0.62);
}

function itemCreatePopup_Submit(buttonElement){
  var l = window.location;
  var postUrl = buttonElement.form.action;
  if (!(postUrl.match(/^http:/)))
    postUrl = l.protocol + "//" + l.hostname + ":" + l.port +
      buttonElement.form.action;

  if (thereIsATypeControl)      // disabled controls aren't "successful"
    $('item_sti_type').disabled = false;
  Modalbox.show(postUrl, {
    title: "Create a new item",
    height: itemCreatePopup_Height(),
    width: itemCreatePopup_Width(),

    method: "post",
    params: Form.serialize(buttonElement.form.id),
    afterLoad: itemCreatePopup_MakeSelection,

    overlayClose: false,
    slideDownDuration: 0.25,
    slieUpDuration: 0.1
  });
}

function itemCreatePopup_Cancel(){
  itemSelectElementHavingNewItemAdded.value =
    priorValueOfSelectElementHavingNewItemAdded;
  Modalbox.hide();
}

function itemCreatePopup_MakeSelection(){
    // close Modalbox
  Modalbox.hide();

  if (!($('MB_content').innerHTML.match(
      /Item\s+was\s+successfully\s+created/i))){
    itemSelectElementHavingNewItemAdded.value =
      priorValueOfSelectElementHavingNewItemAdded;
    return;
  }

    // grab content of new item
  var idNo = $('item_id').innerHTML;
  var name = $('item_name').innerHTML;
  var title = $('item_title').innerHTML;

    // add new item to all (appropriate) <select> controls
  var controlsToAdd = (nounVerbCodeOfNewItemBeingAdded == "noun") ?
    [ 'connection_subject_id', 'connection_obj_id' ]               :
    [ 'connection_subject_id', 'connection_predicate_id', 'connection_obj_id' ];
  for (var c=0; c < controlsToAdd.length; c++){
    var txt = document.createTextNode(name + " : " + title);
    var newOptionElem = document.createElement("option");
    newOptionElem.setAttribute("value", idNo);
    newOptionElem.appendChild(txt);
    $(controlsToAdd[c]).appendChild(newOptionElem);
  }

    // make new item the selection in the operation-originating <select> control
  itemSelectElementHavingNewItemAdded.value = idNo;

  // kludge for Safari:  WebKit (as-of Safari 4.0.4 3/2010) doesn't redisplay
  // a <select> control when it's value is manipulated from JavaScript, even
  // though the form will sumit correctly.  So, to force a redisplay, we
  // remove the DOM node for the alread-set select control from the page, and
  // then put it back.  Complexity arises from the fact it isn't the only
  // element in its container; final "appendChild" is backup in case the
  // complexity fails somehow.
  var ourSelectControl = itemSelectElementHavingNewItemAdded;
  var parent = ourSelectControl.parentNode;
  var ourFollowingSibling = null;
  for (var c=0; c < parent.childNodes.length; c++)
    if (parent.childNodes[c] == ourSelectControl){
      ourFollowingSibling = parent.childNodes[c+1]
      break;
    }
  parent.removeChild(ourSelectControl);
  if (ourFollowingSibling)
    parent.insertBefore(ourSelectControl, ourFollowingSibling);
  else
    parent.appendChild(ourSelectControl);

  itemSelectElementHavingNewItemAdded.simulate('change');
  // Note: we're being lazy.  Just setting the value will cause an Ajax
  //    fetch to the server for the item's description.  However, we've
  //    already got it in the items/show page content that we're
  //    interrogating for idNo, name, and title.  However, supressing this
  //    fetch would take several lines of code and establish a tight linkage
  //    between here and the on-change logic for <select> elements.
}