// $Id: guppy.js,v 1.34 2006/03/27 21:53:17 jornlind Exp $
// =======================================================================
// Guppy by Jorn Lind-Nielsen (C) 2003.
// ----------------------------------------------------------------------
// LICENSE
//
// This program is free software; you can redistribute it and/or
// modify it under the terms of the GNU General Public License (GPL)
// as published by the Free Software Foundation; either version 2
// of the License, or (at your option) any later version.
//
// 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 General Public License for more details.
//
// To read the license please visit http://www.gnu.org/copyleft/gpl.html
// =======================================================================

var extraStyle;


function guppyAddOnLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}


function guppyHandleOnLoad()
{
    // Set initial focus to field defined by outputed HTML/JavaScript
  var focusField = document.getElementById(guppyInitialFocusElement);
  if (typeof focusField != 'undefined') 
    focusField.focus();
}


function handleOnClickInsertRow(insertImg)
{
  var rowElement    = insertImg.parentNode.parentNode;
  var rowIndex      = rowElement.rowIndex;
  var componentName = getEnclosingComponentName(insertImg);

  doSubmitCommand("insertRow", componentName, rowIndex, null);
}


function handleOnClickDeleteRow(deleteImg)
{
  var rowElement    = deleteImg.parentNode.parentNode;
  var rowIndex      = rowElement.rowIndex;
  var componentName = getEnclosingComponentName(deleteImg);

  var ok = true;
  if (window["confirmDelete"+componentName] != "")
    ok = confirm(window["confirmDelete"+componentName]);

  if (ok)
    doSubmitCommand("deleteRow", componentName, rowIndex-1, null);  // Offset -1 for headings
}


function handleOnClickButton(componentName, buttonName)
{
  doSubmitCommand("button", componentName, null, buttonName);
}


function handleOnClickButtonGroup(componentName, groupID)
{
  var selectElement = document.getElementById(groupID);
  var buttonName = selectElement.value;

  doSubmitCommand("button", componentName, null, buttonName);
}


function handleOnChangeButtonGroup(groupID)
{
  var selectElement = document.getElementById(groupID);
  var buttonElement = document.getElementById("b:" + groupID);

  var optionElement = selectElement.options[selectElement.selectedIndex];

  buttonElement.title = optionElement.title;
}


function handleOnKeyUpInput(inputElement, mandatory)
{
  if (mandatory)
    updateInputFieldDisplay(inputElement, mandatory);
}


function handlOnClickAction(actionName, componentName, rowIndex)
{
  doSubmitCommand("action", componentName, rowIndex, actionName);
}


function handlOnClickHeader(fieldName, componentName)
{
  doSubmitCommand("clickHeader", componentName, null, fieldName);
}


// =======================================================================
// Command submit
// =======================================================================

var guppyFormSubmitted = false;

function guppyEnsureSingleSubmit()
{
  if (guppyFormSubmitted)
    return false;

  guppyFormSubmitted = true;
  return true;
}


function doSubmitCommand(action, componentName, rowIndex, param1)
{
  if (!guppyEnsureSingleSubmit())
    return;

  var guppyForm = document.getElementById("guppyForm");

  guppyForm.action.value    = action;
  guppyForm.component.value = componentName;
  guppyForm.rowIndex.value  = rowIndex;
  guppyForm.param1.value    = param1;

    // Make sure all htmlArea textareas are updated
    // - htmlArea assumes we use a standard submit form, so we need to fake that.
  for (var editorName in xinha_editors)
  {
    var editor = xinha_editors[editorName];
    guppyForm[editorName].value = editor.getHTML();
  }

  guppyForm.submit();
}


// =======================================================================
// Stylesheet handling
// =======================================================================

function updateInputFieldDisplay(inputElement, mandatory)
{
  if (mandatory != "")
  {
    if (inputElement.value.length > 0)
    {
      updateClassName(inputElement, "mdt", true);
      updateClassName(inputElement, "mde", false);
    }
    else
    {
      updateClassName(inputElement, "mdt", false);
      updateClassName(inputElement, "mde", true);
    }
  }
}


function updateClassName(element, className, doAdd)
{
  var pos = element.className.indexOf(className);
  //alert(element.className + "+" + className + (doAdd ? " / add" : " / del"));
  if (doAdd)
  {
    if (pos < 0)
      element.className += " " + className;
  }
  else
  {
    if (pos >= 0)
      element.className = element.className.substr(0,pos) + element.className.substr(pos+className.length);
  }
  //alert(element.className);
}


// =======================================================================
// Menu
// =======================================================================

var mainmenu =
{
};


mainmenu.popup = function(element, evt, id)
{
  evt = (evt ? evt : (event ? event : null));
  if (evt == null)
    return true;

  var pos = getPositionOfElement(element);
  pos.top += 20;

  var menuDivElement = document.getElementById("menu-"+id);
  psmenu.openMenu(mainmenu, menuDivElement, pos);

  return true;
}


//-[ Listener methods for psmenu ]---------------------------------------------

mainmenu.itemSelected = function(menuId, itemIndex)
{
  doSubmitCommand("menuAction", menuId, itemIndex, null);
}


mainmenu.menuClosed = function()
{
}



function menuTopMouseOver(element)
{
  element.className = "active";
}


function menuTopMouseOut(element)
{
  element.className = "normal";
}


// =======================================================================
// Tree menu
// =======================================================================

var treeMenu =
{
  functions:  // Must match menu sequence in guppy.php
  [
    "handleOnClickTreeEdit", 
    "handleOnClickTreeAdd", 
    "handleOnClickTreeAddSub", 
    "handleOnClickTreeInsert", 
    "handleOnClickTreeDelete", 
    "handleOnClickTreeMoveUp", 
    "handleOnClickTreeMoveDown", 
    "handleOnClickTreeIndent", 
    "handleOnClickTreeUndent", 
    "handleOnClickTreeDeleteRecursive"
  ],
  currentRowIndex: null,
  currentComponentName: null
};


treeMenu.onMouseDown = function(componentName, rowIndex, evt, menuId)
{
  evt = (evt ? evt : (event ? event : null));
  if (evt == null)
    return true;

  var menuDivElement = document.getElementById(menuId);

  var pos = getPositionOfEvent(evt);

  psmenu.openMenu(treeMenu, menuDivElement, pos);

  treeMenu.currentRowIndex = rowIndex;
  treeMenu.currentComponentName = componentName;

  return true;
}


treeMenu.handleOnClickTreeEdit = function(componentName, rowIndex)
{
  doSubmitCommand("treeEdit", componentName, rowIndex);
}


treeMenu.handleOnClickTreeInsert = function(componentName, rowIndex)
{
  doSubmitCommand("treeInsert", componentName, rowIndex);
}


treeMenu.handleOnClickTreeAdd = function(componentName, rowIndex)
{
  doSubmitCommand("treeAdd", componentName, rowIndex);
}


treeMenu.handleOnClickTreeAddSub = function(componentName, rowIndex)
{
  doSubmitCommand("treeAddSub", componentName, rowIndex);
}


treeMenu.handleOnClickTreeDelete = function(componentName, rowIndex)
{
  doSubmitCommand("treeDelete", componentName, rowIndex);
}


treeMenu.handleOnClickTreeMoveUp = function(componentName, rowIndex)
{
  doSubmitCommand("treeMoveUp", componentName, rowIndex);
}


treeMenu.handleOnClickTreeMoveDown = function(componentName, rowIndex)
{
  doSubmitCommand("treeMoveDown", componentName, rowIndex);
}


treeMenu.handleOnClickTreeIndent = function(componentName, rowIndex)
{
  doSubmitCommand("treeIndent", componentName, rowIndex);
}


treeMenu.handleOnClickTreeUndent = function(componentName, rowIndex)
{
  doSubmitCommand("treeUndent", componentName, rowIndex);
}


treeMenu.handleOnClickTreeDeleteRecursive = function(componentName, rowIndex)
{
  doSubmitCommand("treeDeleteRecursive", componentName, rowIndex);
}


function handleOnClickTreeSubmit(componentName, rowIndex, action)
{
  if (action == 'new')
    doSubmitCommand("treeNewItem", componentName, rowIndex);
  else if (action == 'add')
    doSubmitCommand("treeAddItem", componentName, rowIndex);
  else if (action == 'addSub')
    doSubmitCommand("treeAddSubItem", componentName, rowIndex);
  else
    doSubmitCommand("treeChangeItem", componentName, rowIndex);
}


function handleOnClickTreeCancel()
{
  doSubmitCommand("treeCancel", '', '');
}

//-[ Listener methods for psmenu ]---------------------------------------------

treeMenu.itemSelected = function(menuId, itemIndex)
{
  var handlerName = treeMenu.functions[itemIndex];
  treeMenu[handlerName](treeMenu.currentComponentName, treeMenu.currentRowIndex);
}


treeMenu.menuClosed = function()
{
  treeMenu.currentComponentName = treeMenu.currentRowIndex = null;
}


// =======================================================================
// Photoshare stuff
// =======================================================================

  // Used for guppy image field
function guppyFindImage(formFieldName, photoshareFindImageURL, thumbnailSize)
{
  if (typeof photoshareFindImage == "undefined")
    alert("You have apparently not installed the Photoshare image gallery");
  else
    photoshareFindImage(formFieldName, photoshareFindImageURL, thumbnailSize);
}


// =======================================================================
// htmlArea
// =======================================================================

var xinha_editors = [];
var xinha_plugins = ['TableOperations'];
var xinha_config  = null;
var xinha_settings = {};

xinha_init = function()
{
  if (xinha_config == null)
  {
    xinha_config = new HTMLArea.Config();

    xinha_config.statusBar = false;
    xinha_config.baseHref = postnukeBaseURL;

    if (photoshareInstalled) // variable generated by PHP in HTML
    {
      xinha_config.registerButton({
        id        : "photoshare",
        tooltip   : "Insert Photoshare image",
        image     : "modules/pagesetter/guppy/xinha/images/photoshare.gif",
        textMode  : false,
        action: 
          function(editor, id)
          {
            if (typeof photoshareFindImage == "undefined")
              alert("Apparently you have not installed the Photoshare image gallery");
            else
            {
                // Check for base URL which is used to make this run in fullscreen mode
              url = (typeof postnukeBaseURL == "undefined" ? "" : postnukeBaseURL+"/" /* defined by html output */);
              url += "index.php?module=photoshare&func=findimage&url=absolute&html=img"/*&targetID=" + textareaID*/;
              photoshareFindImageHtmlArea30(editor, url, photoshareThumbnailSize /* defined by html output */);
            }
          }
      });

      xinha_config.toolbar[xinha_config.toolbar.length-1].push("photoshare");
    }

    if (mediashareInstalled) // variable generated by PHP in HTML
    {
      xinha_config.registerButton({
        id        : "mediashare",
        tooltip   : "Insert Mediashare File",
        image     : "modules/pagesetter/guppy/xinha/images/photoshare.gif",
        textMode  : false,
        action: 
          function(editor, id)
          {
            if (typeof mediashareFindItemHtmlArea30 == "undefined")
              alert("Apparently you have not installed the Mediashare module");
            else
            {
                // Check for base URL which is used to make this run in fullscreen mode
              url = (typeof postnukeBaseURL == "undefined" ? "" : postnukeBaseURL+"/" /* defined by html output */);
              url += "index.php?module=mediashare&type=external&func=finditem&url=relative&mode=html";
              mediashareFindItemHtmlArea30(editor, url);
            }
          }
      });

      xinha_config.toolbar[xinha_config.toolbar.length-1].push("mediashare");
    }

    if (folderInstalled) // variable generated by PHP in HTML
    {
      xinha_config.registerButton({
        id        : "folder",
        tooltip   : "Insert item from content folder",
        image     : "modules/pagesetter/guppy/xinha/images/folder.gif",
        textMode  : false,
        action: 
          function(editor, id)
          {
            folderOpenSelectorForHTMLArea3(textareaID,'html',editor);
          }
      });

      xinha_config.toolbar[xinha_config.toolbar.length-1].push("folder");
    }

    xinha_config.registerButton({
      id        : "pagesetter",
      tooltip   : "Insert Pagesetter link",
      image     : "modules/pagesetter/guppy/xinha/images/pagesetter.gif",
      textMode  : false,
      action: 
        function(editor, id)
        {
            // Check for base URL which is used to make this run in fullscreen mode
          url = (typeof postnukeBaseURL == "undefined" ? "" : postnukeBaseURL+"/" /* define by html output */);
          url += "index.php?module=pagesetter&func=pubfind&url=relative&html=a&targetID=0";
          pagesetterFindPubHtmlArea30(editor, url);
        }
    });

    xinha_config.toolbar[xinha_config.toolbar.length-1].push("pagesetter");

    xinha_config.registerButton({
      id        : "pagebreak",
      tooltip   : "Insert pagebreak",
      image     : "modules/pagesetter/guppy/xinha/images/pagebreak.gif",
      textMode  : false,
      action: 
        function(editor, id)
        {
          editor.insertHTML("<hr class=\"pagebreak\" />");
        }
    });

    xinha_config.toolbar[xinha_config.toolbar.length-1].push("pagebreak");

      // Make it possible to modify the config before using it
    if (typeof HTMLAreaConfigSetup != "undefined")
      HTMLAreaConfigSetup(xinha_config);
  }

  // Start plugin loading, let Xinha call xinha_init again when ready
  if (!HTMLArea.loadPlugins(xinha_plugins, xinha_init))
    return;

  xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);

  for (var editorName in xinha_editors)
  {
    var editor = xinha_editors[editorName];
    var setting = xinha_settings[editorName];

    editor.config.width = setting.width;
    editor.config.height = setting.height;
    editor.config.height = setting.height;

    // Make it possible to modify the editor before using it
    if (typeof HTMLAreaEditorSetup != "undefined")
      HTMLAreaEditorSetup(editor);
  }

  HTMLArea.startEditors(xinha_editors);
}


  // Create a new htmlArea instance (one for each original textarea)
function guppyHtmlAreaInit(textareaID, themeBaseURL, width, height, undoEnabled, wordKillEnabled)
{
  // Delayed startup of editors
  if (xinha_editors.length == 0)
    guppyAddOnLoadEvent( xinha_init );

  xinha_editors.push( textareaID );

  // Save settings for the delayed start
  xinha_settings[textareaID] = { themeBaseURL: themeBaseURL,
                                 width: width,
                                 height: height,
                                 undoEnabled: undoEnabled,
                                 wordKillEnabled: wordKillEnabled };
}


function UNUSED()
{
    // get a default configuration
  var config = new HTMLArea.Config();

  config.killWordOnPaste = wordKillEnabled;
  config.pageStyleSheets = [];

  config.toolbar[config.toolbar.length-1].splice(8,3);
  config.toolbar[config.toolbar.length-1].push("separator");


  if (typeof themeBaseURL != "undefined")
    extraStyle =   "<link rel=\"StyleSheet\" href=\"" + themeBaseURL + "/style/style.css\" type=\"text/css\">"
                 + "<link rel=\"StyleSheet\" href=\"" + themeBaseURL + "/style/styleNN.css\" type=\"text/css\">";
  else
    extraStyle = "";

  extraStyle += "<link rel=\"StyleSheet\" href=\"modules/pagesetter/guppy/xinha/htmlarea.css\" type=\"text/css\">"

	var ta = HTMLArea.getElementById("textarea", textareaID);
	var editor = new HTMLArea(ta, config);

    // Make it possible to modify the editor before using it
  if (typeof HTMLAreaEditorSetup != "undefined")
    HTMLAreaEditorSetup(editor);

  editor.registerPlugin(TableOperations);
  editor.generate(extraStyle);
}


// =======================================================================
// DOM traversal helpers
// =======================================================================

function getEnclosingComponentName(element)
{
  while (element.tagName != "DIV" || element.className != 'component')
    element = element.parentNode;

  return element.id;
}